Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

heatmap3

Public visualization

Viewing a saved revision (read-only)

37c1eb36d91d45eb9aca6f0f3d5a7c83

heatmap3

0 stars1🌍 Public
Zzoniyac
Last edited Apr 26, 2020
Created on Apr 23, 2020
Forked from heatmap2

This visualization shows a world map where each country is filled with circular dot patterns of varying density, using the size and spacing of the dots to represent population ranges from the world_population.csv dataset. The geographic boundaries come from a GeoJSON file, rendered as SVG paths via d3.geoPath and the d3.geoMercator projection. A d3.scaleThreshold maps population intervals to pre-defined textures generated by the textures library, specifically textures.circles with different radii. The project uses d3.v4 alongside React, applying the fill attribute to each path based on the matched population bin.

AI-generated description

A bare minimum HTML page.

See also React Starter.