Skip to main content
SimilarExport ZIP
100%

ICE8 - Satya Vineeth Kusumanchi

✓ Published0🌍 Public
SSatyaVineeth
Last edited Jul 10, 2022
Created on Jul 10, 2022
Forked from ICE8_SBA

This visualization displays a world map using the Natural Earth projection, with blue fill for oceans and green fill for landmasses. Country borders are outlined in black strokes. The code loads geographic data from the world-atlas TopoJSON dataset and converts it to SVG paths using `d3.geoPath` and `topojson.feature`. Countries are rendered as individual paths, with the sphere background drawn separately to represent water.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE8 - World Map

This visualization displays a world map using a natural Earth projection, with countries rendered as filled SVG paths and a light blue sphere representing the globe. The map loads geographic data from the world-atlas TopoJSON dataset, then converts it to GeoJSON features via the topojson library’s `feature` function. The D3.js `geoNaturalEarth1` projection and `geoPath` API generate the country boundaries, which are styled with a pale fill and semi-transparent black strokes against a white background.

Mmosesimmanuelvemana@my.unt.edu
88% 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
88% 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
88% match
Loading thumbnail…

ICE-8 World Atlas

This visualization displays a world map using the Natural Earth projection, filling landmasses in green with black borders and the ocean sphere in orange. It loads country boundaries from a TopoJSON file via the `json` method, then converts them to GeoJSON using `feature` from Topojson. The map is rendered as SVG paths with `d3.geoPath` and `d3.geoNaturalEarth1`. The code asynchronously fetches data and appends country paths to the SVG, with styling defined in external CSS.

Llikith1266
88% match
Loading thumbnail…

ICE 8 world map

This example displays a world map rendered from TopoJSON country boundaries, with each country filled in light blue and outlined in blue. The visualization uses d3.geoPath with a d3.geoNaturalEarth1 projection to convert geographic data into SVG paths. It loads the worlddata.csv file from a GitHub gist, extracts the country features using the topojson.feature API, and maps them onto a 960x500 SVG canvas.

Ggayathri
88% match
Loading thumbnail…

ICE8_SBA

This visualization displays a world map using a Natural Earth projection, with countries rendered as green polygons and the sphere filled with deep sky blue to represent oceans. The d3 library’s `geoPath` and `geoNaturalEarth1` projection are employed to transform geographic data, and `topojson` is used to extract country features from a JSON file hosted on a CDN. The map is drawn as SVG paths, with landmasses outlined in black for clarity.

SSai Bhavana Akkineni
87% match
Loading thumbnail…

ICE8 - World Map

This example renders a world map using the Natural Earth projection. It draws a blue sphere as the globe’s background, then fills each country with a light green color and subtle black strokes. The visualization loads geographic data from the world-atlas TopoJSON file, converts it using `topojson.feature`, and projects it with `d3.geoNaturalEarth1` and `d3.geoPath`. The SVG output is generated entirely through D3’s selection and data-join methods.

LLakshmiVandanaNunna
87% match
Loading thumbnail…

ICE 8 : World Map

This example displays a world map using a natural Earth projection, with countries rendered as filled paths and a contrasting sphere background. The visualization loads geographic data from the `world-atlas` TopoJSON dataset, converting it to GeoJSON with TopoJSON’s `feature` function. The code uses D3 v5’s `geoPath`, `geoNaturalEarth1`, and `select`, appending SVG paths for each country, while styling is defined in CSS classes for the sphere and country fills.

NNITIN0601
87% match