rhoinc / cat Goto Github PK
View Code? Open in Web Editor NEWThis Charting Application Tester (CAT) lets users make and adjust web graphics on the fly.
Home Page: https://rhoinc.github.io/CAT/
License: MIT License
This Charting Application Tester (CAT) lets users make and adjust web graphics on the fly.
Home Page: https://rhoinc.github.io/CAT/
License: MIT License
config is just hard coded in v0.0.1 (settings passed by user are ignored)
... whenever the renderer changes, change the data set also.
Update: Keeping track of env objects was going to be a pain, so refactored to take a much simpler approach
Revised approach
CAT will display links to all loaded <link>
and <script>
tags under the environment section of the CAT controls. Link tags will have a toggle that allows the user to enable/disable links to see how css effects the charts. Users can add any css files they want to the page hosting the CAT instance to facilitate testing of different environments.
Not going to deal with "unloading" scripts at this time.
Original plan
Add support for new config.env
option where config.env
is an array with objects that have the following properties:
config.env.label
- a human readable name for the environment
config.env.js
- an array of paths for javascript to be loaded before rendering the chart
config.css.js
- an array of paths for css to be loaded before renderering the chart
Each env option will appear in a drop down along with "none".
if the renderer has a json schema, then render a nice form allowing setting tweaks using something like this: https://gcanti.github.io/resources/json-schema-to-tcomb/playground/playground.html
Right now additional scripts and links are added every time a chart is rendered. That is silly.
it's time-consuming downloading, editing, and uploading a data file. would be nice to be able to edit the data in the browser, with some simple column functions built in.
instead of making the user type ... Or maybe in addition to letting the user type, so they can choose specific commits/branches if desired.
Currently the attempt to render the chart fails silently (with notes in the console log)
Not testable. This happens automatically with the build.
Currently try/catch prevents the error from logging to the console.
crf-heat-map and participant-visit-listing need the protobi version that allows for styled spreadsheets while webcharts has an optional dependency on the SheetJS version
Should be doable with slightly more robust URL encoding options (#80) ...
Also, assume the library has a settings schema names settings-schema.json, i.e. make that the default.
pull all status reporting to /src/cat/status
rather than adding data to viz-library then adding a reference to CAT.
Opening up the standard CAT instance on github should now show all files listed when clicking on "data" in the nav here
Added '/export' route that saves an stand-alone version of a chart under /server/pages/charts/
Two CSS files were loaded at the same time causing the Codebook loadinf icon styling to change.
To Recreate Bug:
Load and render v1.3.1-dev Codebook - normal loading icon will show
Load and render v1.3.0-dev Codebook - older normal loading icon will show
Switch back to v1.3.1-dev Codebook - huge abnormal loading icon will show
@rchronowic noticed this testing the accrual charts. Might try something even more hacky than forcing CAT to handle six renderers from a single library by adding the sub-renderer in the renderer dropdown, like dashboard-charts:accrual, then parsing that string.
:(
Should be doable in new-ish browsers. Tutorials here and here.
Only officially supporting chrome for now, but this functionality should work in FF and Safari (and other modern browsers) as well.
After a render and then a settings change, safety-results-over-time kept adding additional None group-by options. Setting groups: null
in the settings text input fixed the issue.
This only seems to be a problem if a chart has been rendered and then a second renderer is selected.
hide warnings by default though
Render with empty object {} by default.
The text box with settings of {}
should now show by default on initial load and whenever changing renderers.
@tbaraldi noticed this issue with the safety-outlier-explorer library, whose details
setting is an array that defines multiple defaults:
,"details":
{"type": "array"
,"title": "Participant details"
,"description": "an array of ID-level variables and associated metadata"
,"defaultObject":
[
{ "value_col": "AGE" , "label": "Age" },
{ "value_col": "SEX" , "label": "Sex" },
{ "value_col": "RACE", "label": "Race" }
]
,"items":
{"type": "object"
,"properties":
{"value_col":
{"type": "string"
,"title": "Variable name"
,"default": "AGE"
}
,"label":
{"type": "string"
,"title": "Variable label"
,"default": "Age"
}
}
}
}
button that shows the source code of an single-page app (index.html) ready to copy/paste.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.