Skip to main content
SimilarExport ZIP
100%

Fork of State Map with Population

✓ Published0🌍 Public
Kkhushburajan2015@gmail.com
Last edited Nov 9, 2025
Created on Nov 6, 2025

This fork draws two maps side by side. A world map uses an Aitoff projection to visualize 2014 GDP data by country, with a quantized blue color scale and a legend, loading geographic and economic data from the World Atlas, a gist, and Plotly’s datasets. A second U.S. choropleth map displays December 2024 population data, attempting to fetch FRED series JSON via a helper function with an API key, otherwise relying on fallback data. The code uses d3.geoPath, d3.geoAitoff, d3.scaleQuantize, and d3.json, with tooltips showing values on hover.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of State Map with Population - Rajan

A fork of a U.S. state map choropleth visualizes state population data using a blue sequential color scale. The visualization loads TopoJSON from the `us-atlas` package and a text file of state populations, parsing both via `Promise.all` and `d3.json`/`d3.text`. It projects boundaries with `d3.geoAlbersUsa` and `d3.geoPath`, and maps FIPS codes to state names via a lookup table. Users inspect values through an HTML tooltip triggered by mouseover, with SVG rendering for all map elements.

Kkhushburajan2015@gmail.com
84% match
Loading thumbnail…

Fork of map exemple

This visualization displays a choropleth map of world countries, with each nation filled by a dark red color scale based on its estimated population. The map uses d3.geoMercator projection and d3.geoPath to render geographic features from the World Atlas TopoJSON data. Population values are loaded as TSV data with d3.tsv, while event handling and zoom functionality come from d3.zoom. Country labels and population estimates are attached as SVG title elements, and hover effects are styled through CSS.

Ssnehareddygurram
79% match
Loading thumbnail…

Fork of map exemple

This visualization displays a choropleth map of world population estimates, using darker reds to represent higher population counts. It employs d3.geoMercator and d3.geoPath to project and render country boundaries from the world-atlas TopoJSON dataset, with d3.scaleLinear mapping population estimates to fill colors. The map supports zooming via d3.zoom, and hover effects change country fills to purple. Population data is loaded from a TSV file and matched to country features by ISO numeric codes.

IIndira120
79% match
Loading thumbnail…

Fork of Fork of Fork of Fork of Simple World Map

A choropleth world map visualizes 2024 national population estimates, with countries shaded on a yellow-green scale from light to dark by population size. The visualization employs an SVG rendering with the `d3.geoNaturalEarth1` projection, `d3.geoPath` for map geometry, and `d3.axisBottom` for a gradient legend. Population data is joined to country features by name, with missing values shown in grey. Tooltips display the exact population count on hover. The map uses TopoJSON data from the world-atlas package and D3 v7.

Yyazneshpara2@gmail.com
79% match
Loading thumbnail…

Fork of World Map Pop

A choropleth world map visualizes population per country, with a deeper red fill indicating a higher population using a sequential red color scale in a [minimum, maximum] population domain. It plots country paths and a graticule using the d3.geoNaturalEarth1 projection and d3.geoPath API. The code joins population data from world_population.csv, reading the '2022Population' column, to the topojson feature collection of world countries, and fetches the atlas via topojson-client.

Sste.jendritz@gmail.com
78% match
Loading thumbnail…

Fork of Atlas Map

This fork of the Atlas Map uses D3.js to render a global choropleth map of GDP per capita for the year 2020. It displays countries colored on a blue-green scale using a `d3.scaleQuantile` mapping, with gray for missing data, overlaid with red graticule lines and an aqua outline. The visualization fetches geographic data from a TopoJSON world atlas and economic data from a CSV file, then uses `d3.geoNaturalEarth1` projection and `d3.geoPath` to draw the countries.

VVineela Reddy
78% match
Loading thumbnail…

Fork of Fork of Fork of Simple World Map

This choropleth map visualizes global population distribution for 2024, using a yellow-green sequential color scale to represent population values for fifteen major countries while leaving others in light gray. The map renders with `d3.geoNaturalEarth1` projection and `d3.geoPath` over TopoJSON country boundaries from the world-atlas package. Hovering over a country reveals a tooltip with the country name and population figure, while a gradient legend with `d3.axisBottom` displays the value scale. The visualization uses D3 v7 and the topojson-client library to convert TopoJSON features into renderable paths.

Yyazneshpara2@gmail.com
78% match
Loading thumbnail…

Fork of map exemple

This choropleth map colors world countries by estimated population using a dark red gradient, with a purple hover effect. It loads GeoJSON topology from the World Atlas package and population estimates from an accompanying TSV file, matching them by country ID. The map uses `d3.geoMercator` projection and `d3.geoPath` for rendering, while `d3.scaleLinear` maps population values to colors. Pan and zoom interactions are enabled via `d3.zoom`, and tooltips display country names on click.

BBomkerss
78% match