samussiah / animated-swimmer-plot Goto Github PK
View Code? Open in Web Editor NEWLicense: MIT License
License: MIT License
rather than positioning elements manually with width/height/margin
Click a bar to view the participant's details or to highlight that participant and their progression
y-axis stratification: response
as in stratifying vertically rather than by color - color will be used to distinguish stacked bars
decision: single canvas or paneled canvases? probably single canvas in order to transition the bars between groups but I wonder if a single svg
couldn't contain one g
per group... Still, sounds difficult to transition between two different groups.
this feature might involve paneling or some sort of horizontal aesthetic for each participant to indicate their characteristic - solid line, dotted line, etc. or background color/shade of each horizontal band
perhaps draw the survival curve then have the bars transition to their full width - play with the animation a bit
OS/PFS rather than RECIST categories of CR/PR/SD/PD
i.e. the origin of the plot on the left is on the right of the canvas
transition one response category at a time or one direction at a time: responders then non-responders
i.e. the maximum would be the current timepoint of the animation
e.g. clinical events of interest. This feature probably involves a second data source...
to avoid excessive reshuffling
At median or maximum study day of each visit, cycle through views and highlight current response/survival/durability statistics.
e.g. a flag that identifies the BOR record and an option to sort by BOR and display counts of BOR. Reason being is BOR has additional criteria like multiple measurements of a given response
bar stratification: response
play/pause, step backward, step forward, restart, range slider
x-axis: time
y-axis: participant
animation variable: time
question: the x-axis will effectively be a loading bar because time is the animation variable. How can we better use the x-axis?
overall survival, current response, progression-free survival
e.g. speed up between visit windows and slow down around visit windows or give a shorter duration to timepoints without change and a longer duration for timepoints with change
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.