Skip to main content
Log in
Z

zikitamar9

@zikitamar9·3 public vizzes

Loading thumbnail…

D3 Course 10: Choropleth Map

This choropleth map visualizes world countries colored by economy type, with hover states highlighting individual regions and a legend displaying the color scale. The map uses a natural Earth projection rendered as SVG paths via d3.geoPath, with zoom support through d3.zoom. Data combines TopoJSON country boundaries from the World Atlas with tabular TSV metadata, plus CSV guest data. The color scale uses d3.scaleOrdinal with schemeSpectral, and the legend is custom-built using SVG circles and text.

Apr 10, 2020
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy category, using a spectral ordinal color scale and a legend rendered as circles and text. It displays world geography with a natural Earth projection and supports zooming via d3.zoom. The map is built with d3.geoPath and topojson, loading country boundaries from the world-atlas dataset and merging in economic classification data from a CSV file. Hovering highlights individual countries, while the legend updates dynamically based on the data’s domain.

Apr 9, 2020
Loading thumbnail…

Sumba V1

This map visualization displays global country boundaries with a natural Earth projection, coloring each nation according to its economy category. Users can pan and zoom the map interactively, and hovering over a country highlights it in orange while revealing the country name as a tooltip. The implementation uses D3 v5 with d3.geoPath, d3.geoNaturalEarth1, d3.zoom, and scaleOrdinal for coloring, processing TopoJSON data from the world-atlas package. Country names are matched to country codes from a CSV dataset, while the guest data file is loaded but not visualized.

Apr 9, 2020