Fork of Choropleth Map

100%

Fork of Choropleth Map

✓ Published0🌍 Public

Last edited Feb 8, 2021

Created on Feb 7, 2021

A choropleth map colors countries by their flight data from a TSV file, with a color legend and tooltip showing total flights, trip type, and aircraft. Using D3 v5 with `geoNaturalEarth1` projection and `geoPath`, it renders the world as SVG paths from TopoJSON. The map supports zoom via `zoom` and uses `scaleOrdinal` with `schemeRdBu` for color encoding. Hover events trigger a custom tooltip div, and `colorLegend` draws circles and text labels.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Choropleth Map

This choropleth map visualizes world countries colored by their `mapcolor7` property, with an ordinal color scale using `d3.scaleOrdinal` and `d3.schemeSpectral`. It renders geographic boundaries via `d3.geoPath` and a `geoNaturalEarth1` projection, with data loaded from TopoJSON and TSV files using `d3.json` and `d3.tsv`. A custom `colorLegend` function builds an SVG legend with circles and labels, while `d3.zoom` enables interactive panning and zooming on the map.

VVictor

88% match

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors world countries by income group using a spectral color scale. The visualization uses D3 v5 and the `geoNaturalEarth1` projection with `geoPath` to render country shapes from the world-atlas TopoJSON and TSV data. A custom `colorLegend` displays the ordinal color scale as circles and text, and zooming is enabled through D3’s `zoom` event. Hovering a country turns it red, and tooltips show its name and additional text.

Ttbar72

87% match

Loading thumbnail…

Fork of Choropleth Map

This interactive choropleth map colors countries by economic classification, with a hover effect that turns each country red and a custom color legend showing the categorical scale. Built with D3 v5, it uses `geoNaturalEarth1` and `geoPath` for map projections and rendering, while `scaleOrdinal` and `schemeSpectral` assign colors. The map loads world geometry from the world-atlas TopoJSON and TSV files, and supports zooming via the `zoom` event, which updates the SVG group’s transform.

Eexplorer123PiN

87% match

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors countries by economy category using a spectral color scale, with hover highlighting and a custom color legend. Built with D3 v5, it uses `d3.geoNaturalEarth1` and `d3.geoPath` to project and render TopoJSON world-atlas data, while `d3.zoom` enables pan and zoom. The legend, rendered with reusable SVG components, displays ordinal color swatches and labels. Data is loaded from the world-atlas package, combining TopoJSON geometry with TSV metadata.

Mmavercikalvin

87% match

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors countries by economy category using a spectral ordinal scale, with a legend rendered as circles and text. Built with D3 v5, it loads world geometry from TopoJSON and country metadata from TSV, then projects paths via `d3.geoNaturalEarth1` and `d3.geoPath`. Map panning and zooming use `d3.zoom`, while hover effects highlight countries in red. The legend is created by a custom `colorLegend` module that binds to color scale domains and updates in place.

PPioustu

86% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map visualizes countries colored by their economy type, using a spectral color scale and a legend with circles and labels. Built with D3 v5 and SVG, it loads geographic data from the world-atlas TopoJSON and TSV files, projecting it with `geoNaturalEarth1` and rendering paths via `geoPath`. Country hover effects and zooming are supported through D3’s zoom event, while the ordinal color mapping and custom legend are implemented with `scaleOrdinal`, `schemeSpectral`, and a dedicated `colorLegend` component.

LLera409

86% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by economic classification using a spectral color scale, with hover highlighting and a color legend. It also allows users to zoom and pan the map. The visualization builds on the `world-atlas` dataset (50m TopoJSON and TSV) and renders with D3’s `geoPath` and `geoNaturalEarth1` projection. It employs `scaleOrdinal` and `schemeSpectral` for color mapping, and a custom `colorLegend` function to draw the legend.

Bbathlarajat

86% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by economic classification using a categorical ordinal color scale derived from World Atlas TopoJSON and TSV data. It renders the map with d3.geoPath and a natural Earth projection, while a custom colorLegend module displays the scale using SVG circles and text. The map supports zooming via d3.zoom, and hovering highlights individual countries by turning them red. The visualization uses SVG rendering with d3 v5.

MMesh-7777

86% match