Skip to content

Latest commit

 

History

History
19 lines (15 loc) · 922 Bytes

README.md

File metadata and controls

19 lines (15 loc) · 922 Bytes

ChartJsPrezzie

Description

Starter code for demonstrating abilities of Chart.js. Made for a presentation during the Senior Phase of Hack Reactor.

Getting Started

  • 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.

How to use

Chart Selection

At the top, you can select different charts to see and example of a Line, Bar, Pie, or Doughnut chart.

Data Control Mode

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.

Sources