Fork of Map

100%

✓ Published1🌍 Public

Last edited Apr 8, 2026

Created on Apr 8, 2026

Forked from Map

A world map rendered as an SVG displays all countries in light blue with white borders, centered using a Natural Earth projection. The visualization loads GeoJSON country boundaries from the world-atlas TopoJSON file via `d3.json`, converts the data with `topojson.feature`, and draws each country as a `path` element using `d3.geoPath` with the `d3.geoNaturalEarth1` projection. The map is static, with styling applied through a CSS class, and handles data-loading errors in the console.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Map

This map shows a world map rendered entirely in SVG, with each country drawn as a gray shape with dark borders. The visualization loads country boundaries from the `world-atlas` TopoJSON package, converts the topology to GeoJSON using the `topojson` library, and projects it with the Mercator projection via `d3.geoMercator`. The code uses `d3.geoPath` to generate the SVG paths and displays country identifiers in tooltips.

Kkodalijagadeesh9@gmail.com

92% 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

91% 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

91% match

Loading thumbnail…

Fork of World Map

This example uses D3 to render a fork of a world map, displaying country boundaries as light green vector shapes on a white background through an SVG canvas. The visualization applies a Natural Earth projection using `d3.geoNaturalEarth1` and generates the geographic paths with `d3.geoPath`. It loads GeoJSON data from the `world-atlas` package, parses the countries using `topojson`, and draws each feature onto the SVG. The output is a static equirectangular-style map highlighting national borders with subtle black strokes.

NNaimisha-M

91% match

Loading thumbnail…

Fork of World Map

This example presents a natural Earth projection of the world map, rendered as an SVG with a light blue spherical background and green landmasses outlined in black. It loads world country boundaries from the world-atlas TopoJSON dataset via `d3.json`, converting them to GeoJSON with `topojson.feature`. The visualization uses D3 v5’s `geoNaturalEarth1` projection and `geoPath` to draw the sphere and country paths, demonstrating a straightforward choropleth-free geographic rendering workflow.

Aadapavaishnavi12

91% match

Loading thumbnail…

Fork of world map

This example displays a world map using a natural Earth projection, with all countries rendered as solid orange SVG paths with black borders against a blue background. The visualization fetches geographic data from the world-atlas TopoJSON dataset and converts it to GeoJSON using the topojson feature method. It relies on D3 v5’s geoPath and geoNaturalEarth1 for projection and path generation, while styling country shapes through CSS classes. The result is a simple, static choropleth-free map emphasizing geographic boundaries without additional interaction or aggregation.

Rreddysushma994@gmail.com

90% match

Loading thumbnail…

Fork of World Map

This visualization displays a natural Earth projection of the world map with countries rendered in light green and oceans in sky blue. It uses D3 v5’s `geoNaturalEarth1` projection and `geoPath` to generate SVG paths from TopoJSON data sourced from the world-atlas package at 110m resolution. A sphere outline is drawn first, followed by country features parsed with TopoJSON’s `feature` method. The map is static, with no interactions or animations beyond the initial data join.

Ddineshtadepalli12

90% match

Loading thumbnail…

Fork of Map

This example displays a world map of countries rendered as light blue SVG paths with dark borders, using an Equal Earth projection fitted to the full viewport. The visualization loads geographic data from the World Atlas TopoJSON collection, converts it to GeoJSON features via topojson.feature, and draws each country with d3.geoPath. A hover tooltip reveals each country’s numeric ID, while the projection and path generator are configured through d3.geoEqualEarth and fitSize to center the globe.

Mmaddulanagasanjana@gmail.com

90% match