Skip to main content
SimilarExport ZIP
100%

Forkcountry map

✓ Published1🌍 Public
SSreejaBellamkonda
Last edited Apr 1, 2022
Created on Apr 1, 2022

This forkcountry map displays world countries in light green on a blue sphere using a Natural Earth projection. The visualization renders geographic boundaries as SVG paths, with the sphere and country outlines drawn via the `d3.geoPath` API. Country data comes from the world-atlas TopoJSON file, processed through the TopoJSON `feature` function. The static map uses D3 v5 for SVG generation and styling.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Forkcountry map

This example displays a world map with countries filled in light green against a blue sphere, using a natural Earth projection. It renders geographic features as SVG paths by loading world-atlas TopoJSON data and converting it to GeoJSON with topojson’s `feature` method. The map’s paths are generated with `d3.geoPath` and `geoNaturalEarth1`, while styling is applied through CSS classes for the sphere and country boundaries.

SSreejaBellamkonda
95% 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
89% 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
88% match
Loading thumbnail…

Fork of World Map

This example displays a natural Earth projection of the world map, with countries rendered as green landmasses on a light blue sphere. It uses D3 v5’s `geoNaturalEarth1` and `geoPath` to project and draw geographic features, while `topojson.feature` converts country boundaries from a TopoJSON world-atlas dataset loaded from unpkg. The SVG includes a background sphere path before adding individual country paths, resulting in a clean, stylized global visualization.

KKiran-tech007
88% match
Loading thumbnail…

Fork of World Map

This fork of a world map projects countries onto a sphere, showing landmasses in green with black outlines over a light blue ocean. It builds the sphere and countries using D3 v5’s `geoNaturalEarth1` projection and `geoPath`, rendering the result as SVG paths. The data comes from the world-atlas 110m TopoJSON, which is converted to GeoJSON via TopoJSON’s `feature` function before being drawn.

MMahendraGullinkala
88% 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
87% match
Loading thumbnail…

Fork of World Map

This example renders a spherical world map inside an SVG, using a light blue sphere as the base and green landmasses with black outlines drawn on top. It shows the complete set of countries from the world-atlas TopoJSON dataset, projected with the Natural Earth projection. The code imports `geoPath`, `geoNaturalEarth1`, and the `feature` function from TopoJSON to convert the TopoJSON data to GeoJSON before drawing each country path.

Llakepee
87% match
Loading thumbnail…

Fork of Let's make a map with D3.js!

This map shows the countries of the world rendered with a natural Earth projection, where landmasses appear in light green against a blue sphere. The visualization uses d3.geoNaturalEarth1 for the projection and d3.geoPath to generate SVG paths from TopoJSON data loaded via d3.json from the world-atlas dataset. Country boundaries are drawn with a subtle black stroke, while the underlying sphere provides an ocean-colored backdrop.

Bbugfree55
87% match