Learning D3

D3 Line Chart

Live Demo

https://thejsdeveloper-d3-line-chart.netlify.com/

Repository includes

1. Webpack configuration for development and production
2. D3 configuration for generating line chart

Information of Axis

y-axis

y-axis represents temperature in fahrenheit

x-axis

x-axis represents time from Aug 2018 to Sep 2019

To clone the repository

Run git clone https://github.com/thejsdeveloper/d3-line-chart.git

Change directory

cd wd3-line-chart

Install dependencies

npm install

Run development server

Run npm start for a dev server. Navigate to http://localhost:8081/. The app will automatically reload if you change any of the source files.

Build

Run npm run build:dev to build the project in development mode. Run npm run build:prod to build the project in production mode.

The build artifacts will be stored in the dist/ directory.