0718103673

@0718103673·4 public vizzes

Choropleth Map Zia1

This example presents a choropleth map of global economies, coloring each country using a categorical ordinal scale and the spectral color scheme. It displays the map with a natural Earth projection and applies zoom interactions to the SVG. A custom legend visualizes the color categories with circles and labels. The code uses d3.geoPath, d3.geoNaturalEarth1, d3.zoom, and d3.scaleOrdinal, loading TopoJSON and TSV data from the world-atlas package. Hovering a country highlights it in red, and a title tooltip reveals the country name and economy type.

Apr 14, 2021

Loading thumbnail…

Fork of Fork of Choropleth Map Zia1

A choropleth map colors countries by economic classification using a categorical ordinal scale with the spectral color scheme, and includes a custom color legend with labeled circles. Users can pan and zoom the map via d3.zoom, while hovering highlights a country in red and displays its name and economic group in a tooltip. The visualization loads world geometry from TopoJSON and joins it with TSV metadata, projecting paths with d3.geoPath and d3.geoNaturalEarth1. Rendering is done in SVG within a D3 v5 framework, with a reusable colorLegend component.

Apr 14, 2021

Loading thumbnail…

Choropleth Map

This choropleth map colors countries according to their economy type, using a spectral color scale to show the distribution of economic groups across the world. The visualization employs d3.geoPath with a d3.geoNaturalEarth1 projection to render the geographic features, and d3.scaleOrdinal maps categorical values to colors. Hovering over a country highlights it in red and reveals a tooltip with its name and economy category. Data comes from the World Atlas TopoJSON and TSV files, processed through the topojson feature function.

Apr 14, 2021

Loading thumbnail…

Untitled

This example shows a choropleth map of world countries colored by their economy category, using a spectral color scale. The visualization renders SVG paths via d3.geoPath with a natural Earth projection, while d3.zoom enables panning and zooming. A custom color legend component displays ordinal values with circles and text, and hovering over any country highlights it in red. Data comes from the world-atlas TopoJSON and TSV files, with countries styled using CSS stroke and fill properties.

Apr 14, 2021