/choropleth-map-d3js

Choropleth Map with D3.js following tutorial by Curran: https://www.youtube.com/watch?v=_8V5o2UHG0E&t=30807s

Primary LanguageJavaScript

Choropleth Map with D3

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

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

Interactive Choropleth Map source code

https://vizhub.com/curran/5c907e49d0294538aad03ad1f41e1e28?edit=files&file=index.js&mode=mini

Demo

Interactive Map

Issue

The legend contains an emp`ty item which caused by to a 'undefined' colorScale domain data type which shouldn't be there.

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