Table and Chart Visualization Code Challenge

Creates a front end web application which renders a 2-dimensional array of data in both table and chart form.

Technologies Used

Built with: React, Chart.js

Features

  1. Change the data represented by the x-axis by selecting a different header in the table.
  2. Swap between a Line graph view and a Bar graph view by using the buttons above the graph.
  3. View chart data in randomized colors with each reload.

Setup

To run this application, copy or clone this repo to your machine. Then, install the packages:

npm install

Then run the following command:

npm run start

Navigate to the local host port noted by webpack to view the rendered program (defaults to http://localhost:8080/ if available).