Skip to main content
SimilarExport ZIP
100%

Fork of Map

✓ Published1🌍 Public
Ssrinathkarumuru@my.unt.edu
Last edited Nov 3, 2025
Created on Nov 2, 2025
Forked from Map

This choropleth map displays a "Literary Population Score" for selected countries, using a blue sequential color scale to represent values from 0 to 100. It loads world geometry from a TopoJSON file via `d3.json` and converts it to GeoJSON features using topojson, then draws the countries with `d3.geoPath` and a Mercator projection. Country fills are determined by looking up three-digit numeric ISO codes in a `Map`, with tooltips showing names and scores. A vertical legend uses `d3.scaleSequential` and `d3.interpolateBlues` to explain the color mapping.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Map

This example displays a world map colored according to a small set of country population figures, using lighter blue shades to represent higher values. It renders countries as SVG paths through `d3.geoPath` and the `geoEqualEarth` projection, with a Title and Labels for each of the eleven populated countries. The map loads TopoJSON from the `world-atlas` dataset via `d3.json`, and uses a `d3.scaleSequential` with `d3.interpolateBlues` to map populations. A legend in the top-left corner communicates the color scale range.

Mmaddulanagasanjana@gmail.com
86% match
Loading thumbnail…

Fork of Fork of Map

This choropleth map colors countries by GDP per capita using a green sequential scale, with twelve nations assigned numeric scores from 0 to 100. It displays a Mercator projection of world geography loaded from world-atlas TopoJSON, rendered as SVG paths via `d3.geoPath`. The code uses `d3.scaleSequential` with `d3.interpolateGreens`, joins GeoJSON features with `topojson.feature`, and appends tooltips plus a legend showing the color range from low to high values.

CChindamrohan321@gmail.com
84% match
Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors countries by a numerical score from a CSV dataset, displaying the values on a natural Earth projection. The visualization uses D3 v5 with `d3.geoPath` and `d3.geoNaturalEarth1` to render the map, while a separate SVG color legend with circles and text labels indicates the color scale. Users can pan and zoom the map via D3's `d3.zoom` behavior, and hovering over a country highlights it in red and shows its name and score in a tooltip. The map data comes from TopoJSON, merged with the CSV by country codes.

Xxyang3672
83% 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
82% match
Loading thumbnail…

Fork of map1

This world map uses a blue sequential color scale to show internet penetration percentages for a sample of countries, with darker blues indicating higher usage and gray for missing data. Built with d3.geoPath and a Natural Earth projection, the visualization renders country boundaries from the world-atlas TopoJSON and joins names from its TSV file. Interactive tooltips display country names and values, while a legend and captions clarify the color mapping. The code uses d3.scaleSequential with an interpolateBlues interpolator for the choropleth coloring.

Ppriyankachary1701@gmail.com
82% match
Loading thumbnail…

Fork of map exemple

This choropleth map visualizes world population estimates for each country, with a color scale ranging from light red to dark red. The map renders geographic boundaries using `d3.geoPath` with a Mercator projection, and supports zooming via `d3.zoom`. Population data comes from a TSV file and country shapes from TopoJSON, both sourced from the world-atlas package. Countries display hover effects through CSS, changing fill color to purple, and show country names via SVG `title` elements.

MMunisbek-design
82% 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
81% match
Loading thumbnail…

Fork of map exemple

This example displays a zoomable world map where each country is filled with a color intensity based on its population estimate. The choropleth uses a linear scale transitioning from light to dark red, with hover effects changing the fill to purple. It builds the map using `d3.geoPath` with a `geoMercator` projection and TopoJSON data from world-atlas, while population and country names come from a TSV file. Zoom interactions are handled through d3’s `zoom` behavior, transforming SVG paths.

KKinjal-Goyani
81% match