/Selecting-a-Year-on-a-line-chart-with-D3

Melting and Munging Data with JavaScript and Selecting a Year on a line chart following Curran Kelleher's tutorial: https://www.youtube.com/watch?v=_8V5o2UHG0E&list=WL&index=1&t=43174s

Primary LanguageJavaScript

Select a Year on a Line Chart

This Chart also include the section Melting and Munging Data with JavaScript following the video tutorial on FreeCodeCamp.org made by Curran Kelleher: https://www.youtube.com/watch?v=_8V5o2UHG0E&list=WL&index=1&t=43174s

Data colors: https://sunlightfoundation.com/2014/03/12/datavizguide/

The source code by Curran is on VizHub: Melting and Munging Data with JavaScript Selecting a Year on a Line Chart

This repository used rollup.js as the JavaScript module bundler.

Demo

Selected year

View the outcome

Open public/index.html in modern browser such as Chrome or Firefox directly.

Further development

To further develop the project by updating JavaScript, can run

npm run bulid

or watch changes and auto compile:

npm run watch

Note for rollup.config.js settings

The output file format must be 'iife' to make advanced function work.