Starter code for demonstrating abilities of Chart.js. Made for a presentation during the Senior Phase of Hack Reactor.
- Run npm install
- Run npm run server-dev and npm run react-dev in separate terminal tabs
- In the browser, open http://localhost:3000 or use another port as specified by your PORT environment variable.
At the top, you can select different charts to see and example of a Line, Bar, Pie, or Doughnut chart.
To enable data control, click the switch below the chart. In the Data Control Mode, you can move the sliders to modify the data for the different charts. The data of the Line and Bar charts share the same data, whereas the Pie and Doughnut charts share data.
- Chart.js Docs (https://www.chartjs.org/docs/latest/)
- react-chartjs-2 (https://react-chartjs-2.js.org/examples)