Nikhil ICE 8 WORLD MAP

100%

Nikhil ICE 8 WORLD MAP

✓ Published0🌍 Public

Last edited Apr 2, 2022

Created on Apr 2, 2022

This visualization presents a world map using the equirectangular projection, rendering countries as green paths on a blue spherical background. It loads geographic data from the `world-atlas` TopoJSON dataset, which is converted to GeoJSON using the `topojson.feature` function. The map is drawn with D3 v5’s `geoPath` and `geoEquirectangular` APIs into an SVG, with static styling applied via CSS classes for the sphere and country outlines.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

World Map ICE 8 Sai Nikitha

This example displays a world map using an equirectangular projection, with all countries rendered as grey SVG paths with black borders. It uses the TopoJSON `feature` API to extract country geometries from the world-atlas dataset, and D3 v5’s `geoPath` and `geoEquirectangular` to generate the paths. A white sphere outline represents the Earth’s boundary. Hovering over any country turns it blue via a CSS `:hover` rule, providing an interactive visual response without additional JavaScript.

NNikitha123171

89% match

Loading thumbnail…

Fork of World Map ICE-8

This example displays a world map using an equirectangular projection, with countries rendered as white paths with green strokes on a teal sphere. It loads geographic data from the world-atlas TopoJSON file, converting it to GeoJSON with `topojson.feature` and projecting it via `d3.geoEquirectangular` and `d3.geoPath`. The map supports hover interactions, highlighting countries in green when the mouse passes over them.

Nnikhitha693

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

86% match

Loading thumbnail…

ICE-8(World Map)

This interactive world map displays country boundaries using an equirectangular projection, rendered as SVG paths. The visualization loads geographic data from a TopoJSON world-atlas file and converts it to GeoJSON features via the `topojson.feature` API. Countries are drawn with `d3.geoPath` and respond to hover by changing fill color through CSS. The sphere background uses a blue fill, while countries appear in dark green with black strokes, creating clear visual separation between landmasses and ocean.

Jjayanthamol99

85% match

Loading thumbnail…

ICE-8_World_Map

This visualization displays a world map with countries rendered in purple with yellow outlines, set against a blue sphere background. Using d3-geo's geoEquirectangular projection, the code loads GeoJSON data from the world-atlas TopoJSON file via topojson.feature to draw each country path. The map responds to hover events, highlighting countries in green. It also includes a canvas-based alternative implementation using d3.geoPath with a graticule layer.

MMeghanaArepalli

85% match

Loading thumbnail…

World Map ICE 8

This visualization displays a global world map using the equirectangular projection, with countries rendered as individual SVG paths filled in brown and outlined in black. The sphere background is shaded blue, and hovering over any country highlights it in a darker orange. It uses D3 v5’s `geoPath` and `geoEquirectangular` functions together with TopoJSON’s `feature` method to convert country boundaries from the world-atlas dataset. The map is drawn entirely with SVG elements, and interactivity is handled by CSS hover selectors.

Mmboinapally17

84% match

Loading thumbnail…

ICE-8 World Map

This example displays a world map using an equirectangular projection, rendered as an SVG with D3 v5. The visualization shows all countries from the world-atlas TopoJSON dataset, filled in yellow with red borders, and highlights each country in gray on hover. It uses `d3.geoPath` with a `geoEquirectangular` projection and processes the TopoJSON data through the `feature` method from the topojson library to generate geographic paths.

IIndhuKrishnaraj

84% match

Loading thumbnail…

ice 8- world map

This visualization displays a world map using an equirectangular projection, with each country rendered as a distinct path. It uses d3.geoPath and d3.geoEquirectangular to project the globe, and TopoJSON’s feature method to convert the world-atlas countries-110m.json data into GeoJSON. The map includes a blue sphere outline, white country fills with black borders, and a hover effect that highlights countries in orange via CSS.

Sshabbab01

84% match