Choropleth Map

Choropleth Map

This choropleth map colors world countries by their economy category using an ordinal color scale with a spectral scheme. The visualization supports zooming and panning through d3.zoom, while d3.geoNaturalEarth1 and d3.geoPath render the geographic features from TopoJSON world-atlas data joined with TSV country metadata. Countries display a tooltip with their name and economy value on hover, and a custom color legend built with SVG circles and text shows the category mapping.

Mmingchao080910

Choropleth Map

This choropleth map colors world countries by their economy classification using an ordinal color scale with the spectral scheme. The visualization supports zooming and panning through D3’s zoom behavior, while hover effects highlight individual countries. It renders geographic boundaries with d3.geoPath and a Natural Earth projection, and includes a custom color legend built with SVG circles and text. Data is loaded from the World Atlas TopoJSON and TSV files, processed via topojson.feature, and joined by country ID.

Nnouralkhoury

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.

00718103673

Choropleth Map

This choropleth map colors countries by their economy classification, with a color legend and tooltips showing each country’s name and category. The visualization uses a natural Earth projection rendered as SVG paths via d3.geoPath, while TopoJSON and TSV data from the world-atlas package are loaded asynchronously. Users can pan and zoom the map using d3.zoom, and hovering highlights individual countries in red. The color scale uses d3.scaleOrdinal with a spectral scheme, and an interactive legend is built from custom d3 selections.

BBrandon Lehr

Choropleth Map

This choropleth map colors countries by their economy classification using a categorical color scale derived from d3.scaleOrdinal and d3.schemeSpectral. It loads GeoJSON from TopoJSON world-atlas data and merges it with TSV metadata, then renders paths via d3.geoPath with a Natural Earth projection. Hovering highlights countries in red, while a custom color legend built with reusable D3 code displays the ordinal categories. Zoom and pan are enabled through d3.zoom, and the SVG output includes tooltips showing country names and economy values.

PPreciousone

Choropleth Map

This choropleth map colors countries according to their economy type, using a spectral color scale. The visualization is built with d3.geoPath and d3.geoNaturalEarth1 to project geographic data from the World Atlas TopoJSON, while a custom color legend displays the ordinal scale. The map supports zooming via d3.zoom and shows country names and values as tooltips.

MMatthiasVanCampen

Choropleth Map

This choropleth map visualizes the economies of world countries using a spectral color scale. The implementation uses d3.geoPath with the natural Earth projection to render world geometry from TopoJSON and TSV data sources. The custom d3.scaleOrdinal color legend displays circles and text labels, while the map supports zooming through d3.zoom. Each country is colored by its economy value with hover effects that turn the landmass red, and tooltips reveal the country name and associated economic classification.

CChristine Lanser

Choropleth Map

This choropleth map colors world countries by their economy category using an ordinal color scale with a spectral scheme, and displays a color legend with clickable circles. It renders geographic boundaries with antialiased SVG paths via `d3.geoPath` and the Natural Earth projection, while loading data from the world-atlas package (TSV metadata and TopoJSON geometries) and processing it with `topojson.feature`. Hovering highlights a country in red, and the map supports zooming through the `d3.zoom` interaction.

Ffaaty