Skip to main content
SimilarExport ZIP
100%

Fork of VEENA

✓ Published0🌍 Public
Nnagalakshmibadineedi2@gmail.com
Last edited Apr 7, 2025
Created on Apr 7, 2025
Forked from VEENA

This visualization displays a world map using a Mercator projection rendered as SVG paths. Each country is drawn from TopoJSON data loaded via `d3.json` from the world-atlas package and converted to GeoJSON features with `topojson.feature`. The map uses `d3.geoMercator` and `d3.geoPath` to generate the country outlines, filling them with a teal color and white strokes. The code includes error logging to the console for data-loading failures.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of VEENA

This example displays a static choropleth-style world map using SVG, rendering country boundaries from TopoJSON data through d3.geoPath. The visualization presents a single, unlabeled world map centered in a light-gray background, with no interactive features or color encoding beyond the default styling. The code loads D3 v6 and TopoJSON from CDNs, and the map is generated from a separate worldMap.js script, which is not included in the visible files. The project consists of a minimal HTML page, a stylesheet with placeholder classes, and an index.js that merely logs “hello world” to the console.

Nnagalakshmibadineedi2@gmail.com
91% match
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
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
83% match
Loading thumbnail…

Fork of World Map with D3.js!

This example displays a world map as an SVG graphic, with each country rendered as a green path with black outlines. Hovering over a country changes its fill color to orange, providing basic user feedback. The visualization uses D3 v5 functions such as `select`, `json`, `geoPath`, and `geoEquirectangular` for the projection, while TopoJSON’s `feature` method converts the loaded world-atlas countries-110m.json data into GeoJSON features for rendering.

DDINESH SAI BOPPANA
82% match
Loading thumbnail…

Fork of World Map with D3.js!

This example displays a world map as an SVG graphic, with each country rendered as a green path with black outlines. Hovering over a country changes its fill color to orange, providing basic user feedback. The visualization uses D3 v5 functions such as `select`, `json`, `geoPath`, and `geoEquirectangular` for the projection, while TopoJSON’s `feature` method converts the loaded world-atlas countries-110m.json data into GeoJSON features for rendering.

DDINESH SAI BOPPANA
82% match
Loading thumbnail…

Fork of World Map with D3.js!

This example displays a world map as an SVG graphic, with each country rendered as a green path with black outlines. Hovering over a country changes its fill color to orange, providing basic user feedback. The visualization uses D3 v5 functions such as `select`, `json`, `geoPath`, and `geoEquirectangular` for the projection, while TopoJSON’s `feature` method converts the loaded world-atlas countries-110m.json data into GeoJSON features for rendering.

DDINESH SAI BOPPANA
82% match
Loading thumbnail…

Fork of World Map with Topojson data

A world map rendered in SVG with a Mercator projection, using bright pink for the ocean and yellow for landmasses with green borders. The visualization loads geographic data from a TopoJSON file and converts it to GeoJSON using `feature` from Topojson. D3’s `geoPath` and `geoMercator` handle the projection and path generation, while `select` and `json` manage DOM selection and asynchronous data loading.

KKolliTeja
82% match
Loading thumbnail…

Fork of 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.

Ppvvaishnavi93@gmail.com
82% match