Basic Charts with D3.js

This repository included series of basic chart creation with D3.js.

The tutorial video is on FreeCodeCamp.org made by Curran Kelleher: https://www.youtube.com/watch?v=_8V5o2UHG0E

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

Screenshot of Chart from Branches

Branch: main

Branch: customizing-axes-of-bar-chart

Branch: area-chart

Branch: area-chart-world-population

Branch: line-chart

Branch: scatter-plot

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.