Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

37) Sized Points on Maps

Public visualization

Viewing a saved revision (read-only)

2d06e6beb63f4106a72b0b4486b74dc4

37) Sized Points on Maps

0 stars1🌍 Public
Llefat92
Last edited Aug 21, 2023
Created on Aug 20, 2023
Forked from World Map

This example displays city populations as scaled, semi-transparent circles over a natural Earth projection map. The visualization layers geographic context using d3.geoNaturalEarth1, d3.geoPath, and d3.geoGraticule to render land masses, country borders, and graticules. Population data from a CSV file is loaded via d3.csv and mapped through a d3.scaleSqrt to determine circle radii. The React component structure, leveraging hooks for data fetching, renders the map and points as SVG elements, with world atlas topology processed through topojson.feature and topojson.mesh.

AI-generated description

A program that loads in the Temperature data set and and uses React to render the data.