rhoinc / safety-shift-plot Goto Github PK
View Code? Open in Web Editor NEWShift Plot for Safety Explorer
Home Page: https://rhoinc.github.io/safety-shift-plot/test-page/
License: MIT License
Shift Plot for Safety Explorer
Home Page: https://rhoinc.github.io/safety-shift-plot/test-page/
License: MIT License
Update axis label according to measure/visit selections. For example:
Baseline Value -> Calcium (V0)
Comparison Value -> Calcium (V1-V7)
Option for log axis
Option to adjust axis ranges
build/test-page
.e.g. out of .wc-chart
safety-shift-plot loads using Webcharts v1.10.0-dev, but the drawing is off when I try to select several points in the charts. When I click with my mouse and drag it, I expect it to draw a box in the are where I clicked and dragged, but it draws the box beginning in the top left corner of the chart every time.
Also, once drawn, I cannot click out of the box to get the drawn box to disappear and show the chart with no box without re-rendering the whole chart.
Not sure the best way to handle this, but it would be good to have the number of relevant study participants shown somewhere on the chart. Maybe add a footnote for "X of X participants shown in this view"
There is currently lots of data manipulation in onInit for this renderer, but it would likely be better to move most of that to onPreprocess. Updated workflow would be quite similar to the new delta-delta graphic (which was modeled off of hep-explorer)
Auto-scaling was throwing people off, so add ability to set limits. Or toggle between log axis and linear.
Issue introduced in webcharts v1.9
instead of rawgit CDN and viz-library
Force the x and y scales to be identical in accordance with an aspect ratio of 1
From Meagan Spychala on 9/19:
"It would be really useful if the axes’ ranges stayed consistent when using a filter. For example, we were looking at a longitudinal graphic of systolic blood pressure across several sites, but each site’s graphic had an updated vertical range to fit that site, it did the use aggregate of the data (i.e. if the SBP for the study as a whole was 70 to 160, but a site’s range was 90-120, the 90-120 would be the vertical axis range for that site only) . Because the range of the vertical (SBP) and horizontal (Visit) axes can change, it is harder to see if the sites were in line with each other or if there was an outlying site. I think it’s appropriate to have the range of the axes change depending on the measure (for example, SBP vs. DBP), but once you pick a measure, the axes’ range should be held constant based upon the overall data to be able to identify potential trends."
Allow users to subset on which tests are displayed (using the chart template)
For example, the ability to filter on "Active" vs. "Discontinued"
Use the Results over Time as a prototype to update the settings merge process
Moved from GG-1375
Details: Britt created wiki in April '16 - please QC
visit_order_col
that names a variable that orders the visits.{"visit_col":"VISIT","visit_order_col":"VISITNUM"}
to order visits sequentially and {"visit_col":"VISIT","visit_order_col":"VISIT"}
to order visits alphanumerically.src/defaultSettings
.Add feature to sort by site, so they can see AEs (and vitals, labs, etc.) from one site at a time
...from control-label to wc-control-label to keep in sync with webcharts v1.10.0.
d3.selectAll('.wc-controls .control-label')
in the developer console and verify that the selection returns 0 nodes.Have equality in shift plot, like x=y. consider annotating the number of points above (increasers) and below (decreasers) the line.
Be able to mouseover labels for a list of visits at baseline/end of study
#safetyShiftPlot .wc-controls {
width: 20%;
float: left;
}
#safetyShiftPlot .wc-controls .control-group,
#safetyShiftPlot .wc-controls .annote {
display: inline;
float: left;
clear: left;
}
#safetyShiftPlot .wc-chart {
width: 39%;
float: left;
}
See project 274/archive
//count the number of unique ids in the current chart and calculate the percentage
const currentObs = chart.filtered_data
.filter(d =>
chart.x.domain()[0] <= d.shiftx <= chart.x.domain()[1] &&
chart.y.domain()[0] <= d.shifty <= chart.y.domain()[1])
.length;
See SafetyGraphics/hep-explorer#277 for details.
Needed for compatibility with safetyGraphics
Confirm basic functionality and new features are working as expected in examples shown below:
Examples using v.2.0.0 Release Candidate
default
customized
Basic Functionality (Tested every release)
New Functionality (Tested in V.2.0.0 only)
Throw a console.warning() instead
...and default to an existent measure.
When visit order is specified the options in the 2 visit dropdowns should be sorted accordingly.
(Request from Jack)
Graph is frequently crazy big to maintain the 1-to-1 aspect ratio.
Measure dropdown options should include units.
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.