Skip to main content
SimilarExport ZIP
100%

ICE 8 World_Map

✓ Published0🌍 Public
DDeekshithVemula
Last edited Apr 3, 2022
Created on Apr 3, 2022
Forked from World_Map

This world map visualization displays country boundaries as green polygons with black strokes on a blue sphere, set against a black background. It uses D3 v5’s geoNaturalEarth1 projection and geoPath to render geographic features from a TopoJSON file loaded via topojson’s feature method. The code appends SVG paths for the sphere and countries, demonstrating fundamental DOM manipulation with d3.select and data joins.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE8 - World Map

This world map visualization displays country borders as green polygons on a steel-blue background, rendered using SVG. It uses d3’s `geoNaturalEarth1` projection and `geoPath` to draw the sphere and countries, with geographic data loaded from the world-atlas TopoJSON file via `json()` and parsed with `feature()`. Each country is appended as a path element with a black stroke, creating a simple, static choropleth-free view of global landmasses.

Aavnreddy95
94% match
Loading thumbnail…

ICE 8- World Map

This visualization displays a world map using a natural Earth projection, rendered as SVG paths. Countries appear in green with brown outlines against a steel-blue sphere, conveying a simple geographic overview. The map draws country boundaries from the world-atlas JSON dataset, which is loaded and processed using D3’s `json` and `geoPath` functions with the `geoNaturalEarth1` projection, while TopoJSON’s `feature` extracts the country geometries. The code builds the map with D3 v5, appending sphere and country paths to the SVG canvas.

AAmruthaVee
94% match
Loading thumbnail…

ICE-8 WORLD MAP

This visualization displays a world map using a natural Earth projection, rendering countries as green filled polygons with blue strokes. The code loads geographic data from the world-atlas TopoJSON source and converts it using `topojson.feature`, then applies `d3.geoPath` with `d3.geoNaturalEarth1` to generate SVG paths. A blue sphere outline highlights the globe’s boundary. The countries appear as static shapes without interaction, with styling defined via CSS classes for the sphere and country paths.

Ssaidhiraj16
94% match
Loading thumbnail…

ICE 8 - World Map

A world map displays countries as green filled polygons with black strokes on a sky blue circular backdrop. The visualization loads geographic data from a local `worldmap.json` TopoJSON file and projects it using the Natural Earth projection. D3 v5’s `select`, `json`, `geoPath`, and `geoNaturalEarth1` APIs, combined with TopoJSON’s `feature` method, render the country boundaries as SVG paths within a 960 by 500 pixel viewport.

Nnagarajuobbineni
93% match
Loading thumbnail…

ICE8 - World Map

This example displays a world map using a natural Earth projection, rendering countries as green polygons with a blue ocean sphere. It uses D3 v5’s `d3.geoNaturalEarth1()` projection and `d3.geoPath()` to convert geographic coordinates into SVG paths. Country boundaries come from the world-atlas TopoJSON dataset, processed with `topojson.feature`. The map is drawn entirely in SVG, with the sphere background and country layers styled via CSS.

Ggeethikal
93% match
Loading thumbnail…

ICE-8 world map

This visualization displays a world map using a natural Earth projection, with countries rendered as light green filled paths with subtle dark strokes against a blue sphere background. The map is built with D3 v5’s `geoNaturalEarth1` projection and `geoPath`, drawing geographical features from TopoJSON data loaded via `json()`. Country boundaries are extracted using `topojson.feature` and appended as SVG paths to the document, demonstrating a straightforward choropleth-free geographic rendering.

VVaishnavi6199
93% match
Loading thumbnail…

ICE-8 world map

This visualization displays a world map using a natural Earth projection, with countries rendered as light green filled paths with subtle dark strokes against a blue sphere background. The map is built with D3 v5’s `geoNaturalEarth1` projection and `geoPath`, drawing geographical features from TopoJSON data loaded via `json()`. Country boundaries are extracted using `topojson.feature` and appended as SVG paths to the document, demonstrating a straightforward choropleth-free geographic rendering.

VVaishnavi6199
93% match
Loading thumbnail…

ICE-8 world map

This visualization displays a world map using a natural Earth projection, with countries rendered as light green filled paths with subtle dark strokes against a blue sphere background. The map is built with D3 v5’s `geoNaturalEarth1` projection and `geoPath`, drawing geographical features from TopoJSON data loaded via `json()`. Country boundaries are extracted using `topojson.feature` and appended as SVG paths to the document, demonstrating a straightforward choropleth-free geographic rendering.

VVaishnavi6199
93% match