World Map

100%

✓ Published0🌍 Public

Last edited Feb 13, 2018

Created on Feb 13, 2018

This world map visualization displays all countries as filled polygons, with each nation assigned a distinct color and outlined by thin white boundaries. The map uses a Kavrayskiy VII projection and includes a graticule overlay. Built with D3 v3, it employs `d3.geo.path` for projection and rendering, `topojson.feature` to extract country features, and `topojson.neighbors` to color each country based on its neighbors, ensuring adjacent nations have different colors. The data comes from the Natural Earth Admin 0 Countries shapefile, converted to TopoJSON format.

AI-generated description

This map shows the Natural Earth Admin 0 - Countries shapefile at 50m resolution. Converted to TopoJSON, only 140K gzipped. Each country is identified by its ISO 3166-1 numeric code.

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/4180634'>World Map</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

World Map

This world map colors each country with a unique color from a categorical scale, using a Kavrayskiy VII projection and a graticule overlay. The map is rendered as SVG with d3.geo.path, and country boundaries are drawn as a white mesh via topojson.mesh. Country colors are assigned sequentially by a neighbor-based algorithm in the data join, ensuring adjacent countries differ. The Natural Earth Admin 0 countries dataset is loaded as TopoJSON, with each country identified by its ISO 3166-1 numeric code.

Mmbostock

89% match

Loading thumbnail…

World Map

This world map visualization displays countries across the globe, rendered as light green polygons with thin black outlines, set against a blue sphere. The map uses D3’s geo projection and path generation, specifically `d3.geoNaturalEarth1` and `d3.geoPath`, to draw the geographic boundaries. Country data comes from the world-atlas TopoJSON dataset, which is fetched and processed using the TopoJSON library’s `feature` function. The visualization relies on D3 version 5 and outputs an SVG graphic, with styling applied via CSS.

SsreepavanKothapalli

86% match

Loading thumbnail…

World Map

The visualization displays a world map using a natural Earth projection, with countries rendered as green filled regions outlined by black borders. The code builds the map by fetching country boundaries from the world-atlas dataset via `json()`, then processes them through `topojson.feature()` to extract geometries. D3's `geoNaturalEarth1` projection and `geoPath` generate the SVG paths for each country, while a separate path with class 'sphere' draws the globe's outline. The map appears static, with no interaction or data encoding beyond geographic boundaries.

RRupeshGandham

86% match

Loading thumbnail…

World

This example displays a static world map of all countries using a natural Earth projection. The visualization fetches geographic data from the world-atlas TopoJSON dataset and renders each country as a violet SVG path with black strokes on a green background. The code employs d3.json to load the data, d3.geoNaturalEarth1 for the projection, and d3.geoPath to generate the SVG paths. The topojson.feature method extracts the country geometries from the TopoJSON structure before binding them to the SVG elements.

SSohilaBheemReddy

85% match

Loading thumbnail…

World Map

This map visualizes country borders using a natural Earth projection, with country names displayed as tooltips on hover. The visualization uses D3 v5’s `d3.geoPath` and `geoNaturalEarth1` for geographic projection, while TopoJSON’s `feature` method extracts country geometries from world-atlas data. Countries are rendered as SVG paths styled with CSS. The map supports zooming and panning through D3’s `zoom` behavior, which applies a transform to all country shapes. The data comes from the world-atlas TopoJSON and TSV files, which provide geometry and country names.

Iimmanentdomain

85% match

Loading thumbnail…

World Map Visualization

This world map visualization displays all countries in an equirectangular projection, with each nation filled by a distinct color from a categorical scale and labeled with its name at its centroid. Built with D3 v5 and TopoJSON, it loads world-atlas data (countries-110m.json) and uses d3.geoPath with geoEquirectangular projection to render SVG paths. Countries brighten to yellow on mouseover and revert to their original color on mouseout, while a lightsteelblue sphere behind the landmasses provides geographic context.

Ssreeramyamini@gmail.com

85% match

Loading thumbnail…

World Map

This visualization displays a world map using a natural Earth projection. The map renders continents and countries as pink shapes with thin black borders on a light blue sphere background, providing a clear geographic overview. The code uses D3 v5 functions including `d3.geoPath` and `d3.geoNaturalEarth1` to project and draw the map, while the TopoJSON library’s `feature` method extracts country boundaries from the world-atlas dataset. The SVG output is generated with D3’s selection and attribute APIs, and the sphere and country paths are styled using CSS classes.

DDINESH SAI BOPPANA

85% match

Loading thumbnail…

World Map

This world map visualization renders country boundaries as green SVG paths on a blue background using the Natural Earth projection. The code fetches TopoJSON data from the world-atlas package and converts it to GeoJSON using `feature` from TopoJSON, then applies `geoNaturalEarth1` and `geoPath` from D3 v5 to generate the geographic shapes. The static map displays all countries without interactive features, relying on D3’s JSON loading and SVG selection methods to append each country path.

Rreddyakshitha

85% match