rhoinc / query-overview Goto Github PK
View Code? Open in Web Editor NEWInteractive bar chart showing the distribution of queries in a clinical trial
Home Page: https://rhoinc.github.io/query-overview/test-page
License: MIT License
Interactive bar chart showing the distribution of queries in a clinical trial
Home Page: https://rhoinc.github.io/query-overview/test-page
License: MIT License
Specifying 25 results in 25 groups being displayed but 10 is still selected in the control. Specifying "All" doesn't render anything.
Suggest pushing the cutoff
argument to the Show first N groups control's values
array if the argument isn't one of 10/25/"All" and setting the control's checked radio button to cutoff
. An argument of All
should map to the number of groups in the data.
Discuss details with JW
chart's got way too much horizontal space
and default to query aging category
Default to Visit/Folder
. Related to #72 .
Consider whether we can convert the raw json (from d3.csv()) to a nested structure to save space and improve processing speed. Something like:
Remove Form: Field from listing columns.
Could we include an option to see all variables on each datastream (Visually the same thing as when the graphic is grouped by form, with each variable having a stacked bar of all four query types & the overall count)?
Add button to reset chart to default
Make the y-axis labels look like links (blue+underline) when they are clickable.
When the chart is re-renderering
Suggestion from Heather K:
"This looks great. I think the only other thing Iโd like to be able to compare sites somehow. For example, compare forms by site to see if one site has more than others within a specific form which could highlight systematic differences within a site."
Right now you can select one or multiple types of query status via the clickable legend, but to see the data listing you can only select one query status at a time (by clicking one bar). The same situation applies to other filters like only being able to select one form at a time.
DMEDS would like to have the ability to see one or multiple types of query status in the data listing. i.e. they would like to be able to see any combination of closed, cancelled, open, and answered queries in the data listing you get when you click the bar(s) in the chart. They would also like to see any combination of filters in the data listing. For instance, selecting "Group by" equal to "Form" and then being able to click on the bars for any combination of forms in order to have them display in the data listing below.
Default to Query Open By: Marking Group
. Related to #72 .
Current instance is missing the CSV export feature from Webcharts
Create a self-contained example page like Spencer did for Paneled Outlier Explorer here: https://rhoinc.github.io/paneled-outlier-explorer/build/test-page/
Pull the data from viz-library so that it isn't stored in two places
from @agstn
Add the following:
In certain situations the chart indicates that there are "X More" items that could be displayed on the y-axis even though the setting is set to show all.
An example exists in RhoMAP Test for ITN058AI where "Show First N Groups" is set to "All" but the chart has text stating "and 7 more" on the y-axis.
Just use form field. Will also need to update clickable y-axis a bit.
Add a filter for OPEN_TIME and implement conditional check to guarantee backwards compatability
As you can see in the screenshot, the x-axis is abnormally large for the size of the bars displayed. It should adjust based on the size of the bars. This bug seems to be introduced when the user chooses "Grouped" in the bar arrangement toggle.
This was found by DMEDS and they would like it to be addressed in the next version.
Avoid calling in Internet Explorer.
When I was creating documentation for the latest release, I noticed that the Marking Group and Visit filters were missing.
Filters on form
Group by form field
Can we add a Visit filter to the graphic? Given how Rave handles folder renaming this could potentially be a bit unwieldy, but I'll look at streamlining the .csv before it gets to the graphic.
(Request from Derek via email on 5/24/16)
The marking group filter disappears when I enter the settings for the visit filter - we want to make the marking group filter a customization
Not urgent
Right now the Query Age Category filters are data driven, but DMEDS has requested that we enforce a standard set of options. Options should be:
16 weeks
Specifically offset vertically as a function of both y.rangeBand()
and the associated query status as it appears in the query status order.
Probably related to way values are being pushed in to arrays in the default-settings.js file. Hopefully we just need to build in a check for multiples before pushing.
chart.filters
.filter(filter => filter.col !== chart.config.status_col)
.forEach(filter => {
if (filtered === false && filter.val !== "All")
filtered =
d[filter.col] !== filter.val ||
filter.val.indexOf(d[filter.col]) === -1;
});
update to treat string and array filter.val
values independently:
chart.filters.filter(function (filter) {
return filter.col !== chart.config.status_col;
}).forEach(function (filter) {
if (filtered === false && filter.val !== "All")
filtered = typeof filter.val === 'string'
? d[filter.col] !== filter.val
: filter.val.indexOf(d[filter.col]) === -1;
});
Click on a bar get a table
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.