Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

heatmap2

Public visualization

Viewing a saved revision (read-only)

af01383a36584cd2b655b217e030f7a5

heatmap2

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

This heatmap demonstrates global population distribution using a textured choropleth map. Each country is filled with a circle pattern whose density increases with population size, using six threshold-based visual levels. The visualization employs D3.js v4 with the `d3.geoMercator` projection and `d3.geoPath` to render world GeoJSON boundaries, while the `textures` library generates varying circle sizes for the fills. Population data comes from a CSV file matched to country codes, with color thresholds defined by `d3.scaleThreshold` and ranges from sparse to dense circle patterns.

AI-generated description

A bare minimum HTML page.

See also React Starter.