The Ultimate Time Series Chart (React + D3 + MUI)

This is repository containing the source code for a technical step-by-step guide to help frontend data visualisation developers build an interactive time-series chart using React + D3 + MUI.

Follow this guide to walkthrough the entire process from creating the react app to adding responsive styles to our chart and date filter using CSS.

Follow the Guide

Click here to follow the guide that recreates this application step-by-step.

Live Demo

View the Live Demo on Github Pages

Authors

Andy Clarke - Data Scientist & Engineer @ UBDC

Run Locally

Clone the project

  git clone https://github.com/urbanbigdatacentre/time-series-chart.git

Go to the project directory

  cd time-series-chart

Install dependencies

  npm install

Start the server

  npm run start