Skip to main content
SimilarExport ZIP
100%

Fork of WorldMap1

✓ Published0🌍 Public
Ppriyankachary1701@gmail.com
Last edited Nov 2, 2025
Created on Nov 1, 2025
Forked from HTML Starter

This fork of WorldMap1 presents a static choropleth of internet penetration rates for selected countries, using a blue sequential color scale. Countries without data remain uncolored, and hovering reveals a country name tooltip. The map is rendered as SVG with D3 v7 and uses `d3.geoNaturalEarth1` and `d3.geoPath` to project Natural Earth country boundaries from TopoJSON via `topojson.feature`. The color encoding is defined by `d3.scaleSequential` with `d3.interpolateBlues`, and the visualization includes a graticule and sphere outline for geographic context.

AI-generated description
MIT Licensed

Similar vizzes

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
93% match
Loading thumbnail…

Fork of world map

This fork visualizes a world map using a light pink color scheme, displaying country boundaries and a graticule over a styled globe background. The rendering uses D3 v7 with the `d3.geoNaturalEarth1` projection and `d3.geoGraticule` for grid lines, while country shapes are loaded from a world-atlas TopoJSON file and converted using `topojson.feature`. The code leverages `d3.select`, `d3.json`, and the D3 `path` generator to draw the geographic data as SVG paths.

Ssravya7136@gmail.com
85% match
Loading thumbnail…

Fork of world map

This visualization displays a world map using a natural Earth projection, with countries rendered in red against an orange sphere. The map is drawn as SVG paths using `d3.geoNaturalEarth1` and `d3.geoPath`, with geographic data loaded from a TopoJSON file hosted on GitHub. The code imports `feature` from `topojson` to convert the TopoJSON topology into GeoJSON features, then appends each country path to the SVG. Styling is defined in a separate CSS file, outlining countries with black strokes.

Bbhargavarathod
85% match
Loading thumbnail…

Fork of world map

This fork of a world map visualizes country boundaries using a Natural Earth projection, with each nation rendered as a violet SVG path with black strokes on a pink sphere. The code loads TopoJSON country data from the world-atlas package, converts it to GeoJSON using `topojson.feature`, and projects it with `d3.geoPath` and `d3.geoNaturalEarth1`. Hover effects are styled via CSS, while the map is static without zoom or interaction.

Sshreyasribearelly@gmail.com
85% match
Loading thumbnail…

Fork of HTML Starter

This choropleth map visualizes world population data from a CSV file, displaying countries in a sequential blue color scale based on their population size. It renders an SVG with D3 v6, using `d3.geoNaturalEarth1` and `d3.geoPath` to draw country boundaries from TopoJSON world-atlas data. Interactive tooltips appear on mousemove, showing country names and population values, while a gradient legend indicates the color scale up to 1.5 billion people.

BBalaji Dasari
84% match
Loading thumbnail…

Fork of WorldMap

This fork of a world map shows the Earth’s landmasses and oceans using a natural Earth projection. Built with D3 v5 and topojson, it loads country boundary data from the world-atlas package. The code uses `d3.geoPath` to generate SVG paths for each country, which are filled with a light gray and highlight yellow on hover. The ocean is a separate blue sphere path, and the map is rendered as static SVG within a simple HTML page.

Rreddysushma994@gmail.com
84% match
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
84% match
Loading thumbnail…

Fork of WorldMap with Topojson Data

This visualization displays a natural Earth projection world map, rendering country boundaries as stroked paths on a blue sphere. It uses d3.geoNaturalEarth1 for projection and d3.geoPath to generate SVG path data from TopoJSON country geometries loaded via the world-atlas dataset. Countries are filled with a teal color using CSS classes, while the sphere outline is drawn first. The map is static and does not include interaction, with data fetched asynchronously before appending paths.

MManideepChakilam
84% match