Murali ice - 8

100%

Murali ice - 8

✓ Published0🌍 Public

MMuraliMohanMekala@my.unt.edu

Last edited Nov 1, 2025

Created on Nov 1, 2025

A rotating orthographic globe displays world landmasses in green against a dark ocean sphere, with graticule lines marking latitude and longitude. The visualization continuously spins using `d3.timer` to update the projection’s rotation. It renders geographic data from `world-atlas@2/countries-110m.json` via TopoJSON, converting features with `topojson.feature` and projecting them through `d3.geoOrthographic` and `d3.geoPath` in an SVG.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ice8

This interactive world map visualization displays country boundaries over a graticule, with smooth rotation and zoom controls. Users can drag to reorient the orthographic projection, scroll to zoom, and click countries to switch between Mercator and orthographic views. The code uses `d3.geoPath`, `d3.geoOrthographic`, and `d3.geoMercator` projections, with TopoJSON data from world-atlas and country names from a TSV file. The visualization renders in SVG with animated transitions, graticule overlays, and hover highlighting. Drag interactions rotate the projection using `projection.rotate`, while zoom transforms affect the entire SVG group.

PPujitha14challagulla

77% match

Loading thumbnail…

Rotating Globe

A rotating orthographic globe displays world landmasses and graticule meridians in SVG. The Earth spins continuously via a d3.timer that updates the d3.geoOrthographic projection’s rotation, with d3.geoPath rendering the geographic features from TopoJSON world-atlas data. A hover effect darkens countries, while a static color legend lists continents. Zoom and pan are supported through d3.zoom, with the globe group transformed on user input.

Nnouralkhoury

76% match

Loading thumbnail…

Interactive Globe - 8

This interactive globe visualization displays world countries using D3.js with TopoJSON data. It rotates between Mercator, orthographic, and Albers USA projections via click events, while allowing drag-to-rotate and zoom controls. The map renders country boundaries with graticule lines, using `d3.geoPath` for projection and transitions. Country labels appear from a world-atlas TSV dataset, and the sphere animates between projections when clicked.

NNanditha Reddy

76% match

Loading thumbnail…

Rotating Globe

A rotating orthographic globe displays Earth's landmasses in sky blue against a black background, with graticule lines and interactive country names on hover. The rotation is driven by a `d3.timer` that continuously updates the projection's rotation angles, while `d3.geoOrthographic` and `d3.geoPath` render the sphere and features. World map data comes from the `world-atlas` package, loaded via `d3.json` and `d3.tsv`, with country names built into a lookup table. The visualization uses SVG for rendering within a `d3` framework.

AAbhishekJha1994Outlook

75% match

Loading thumbnail…

ice8

This interactive map displays world countries and a graticule on a rotatable orthographic projection, with a click on the United States switching to a Mercator projection. The visualization uses D3’s `d3.geoPath`, `d3.geoProjection`, and `d3.geoGraticule` to render SVG paths, and supports dragging to rotate the globe. Country boundaries come from the world-atlas TopoJSON dataset, while names map via ISO codes from a TSV file. The animation transitions between projections using D3’s `.transition().duration(750)`.

MMounika0927

75% match

Loading thumbnail…

Rotating Globe

A rotating orthographic globe displays country-level data values, with landmasses rendered in sky blue and hover states highlighted in dark blue. Using D3 v5 with `d3.geoOrthographic` and `d3.geoPath`, the projection rotates continuously via `d3.timer`, while a graticule overlays the sphere. The visualization loads world topology from TopoJSON and country names from a CSV file, with zoom support via `d3.zoom`.

Nnouralkhoury

75% match

Loading thumbnail…

ice-8

This visualization displays a world map using an equirectangular projection, with white countries on a light blue ocean background that change to green on hover. The geographic data is loaded from the world-atlas countries-50m.json dataset and converted from TopoJSON to GeoJSON using the `feature` method. The map is rendered as SVG paths via D3’s `geoPath` and `geoEquirectangular` projection functions, with styling controlled by CSS selectors for the earth and country layers.

VVenkat-Dhulipalla

75% match

Loading thumbnail…

D3 Course 7: World Map - Rotating Globe

This interactive visualization presents a rotating orthographic globe that continually spins on a tilted axis. The world’s landmasses, drawn in light green with dark borders, are accompanied by a graticule grid of meridians and parallels. The globe supports zooming via the d3.zoom behavior, while d3.timer drives the rotation by updating the d3.geoOrthographic projection’s rotation parameters. Country data comes from the world-atlas TopoJSON files, with names appended as SVG title tooltips; hovering highlights individual countries in red.

Zzahra929

75% match