spencer741 / realtime-csv-grapher

React wrapper for time series graphing from csv files

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Archiving. No longer worked on / maintained.

This project was bootstrapped with Create React App.

realtime-csv-grapher

App.js

Most warnings are due to slightly out-dated dependencies (UNSAFE warnings) Other warnings are setInterval Violations (which isn't more than a chrome suggestion). There is currently another error after component Graph unmounting where code is still executing. Other things can be cleaned up with resetting the fileuploader (This would likely require a pull request to be opened with react-csv-reader)

graph.js

If multiple data points are used on the same timeline, pond.js pipelines can be used to aggregate multiple data points. Alter the parseNextDataPoint function to specify your own parsing function.

Most graphing attributes are usually highly dependent on individual data from the file itself; therefore,
there is a lot of abstraction to be done. It will be generalized for prop usage in the future as I update this repo, with timely updates to allow for custom X-axis timestamp formatting, custom rate (to align with timestamps parsed directly from csv), etc.

alt text

About

React wrapper for time series graphing from csv files


Languages

Language:JavaScript 86.2%Language:HTML 9.1%Language:CSS 4.7%