search

bhaden94 / covid-19-tracker-v2-fe

Typescript React frontend for a visualization of key numbers associated with Covid-19
https://covid-tracker-v2.herokuapp.com/
MIT License
1 stars 0 forks source link

Create line chart component #3

Closed bhaden94 closed 3 years ago

bhaden94 commented 3 years ago

Use Nivo charts: https://nivo.rocks/line

bhaden94 commented 3 years ago

https://github.com/DevExpress/devextreme-reactive

Probably going to switch over to this chart library since it seems to work a little better with material-ui.

bhaden94 commented 3 years ago

https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Line/React/Dark/

Switched over and noticed that it is basically a dumbed down version of this chart. Going to try it out since data is already in proper format

bhaden94 commented 3 years ago

Will probably need to have some server side data manipulation here because parsing it on client side is making it run rather slow.

Possible solution to pulling data from api in JSON format: https://js.devexpress.com/Documentation/Guide/Widgets/Chart/Data_Binding/JSON_Data/