couchds / vue-linegraph Goto Github PK
View Code? Open in Web Editor NEWReusable line graph Vue component using D3
Reusable line graph Vue component using D3
It would be useful to be able to show/hide data within visuals. For this we can use an active property, where data for a time series is hidden if this is set to false.
When the delete button is pressed, a callback function will run that will remove the visualization from an array. Unfortunately at the time the user must implement this callback.
Users should be able to zoom into specific datetime ranges on the visual.
it would be better to emit an event instead of using v-model to bind time series data in the GraphSettings component; this way, users would have more control when the event occurs.
There should be a property referenceRange on the time series data which could be an array [low, high].
On the visualization, a reference range band with the same color (shaded) as the time series can be added in the background corresponding to this range.
The component should support reasonable number (5?) of time series on the same y-axis, i.e. with same measurement.
This component can include:
They appear as 600m instead of 0.6 for instance.
Right now I am just using static images for demo - this can be changed to a live demo.
Selector to remove RRs applies across all LineGraphs currently.
Similar to #5, we can add a property criticalRange to the time series data which could also be an array [low, high].
Critical values would be those that are less than low or greater than high. These critical values can be highlighted in D3 and reported on within the component. In the future, we can create a component called 'Report' that summarizes data including the number of critical values.
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.