Skip to main content
SimilarExport ZIP
100%

Fork of Fork of ice8

✓ Published0🌍 Public
Aajaysonu
Last edited Apr 13, 2023
Created on Apr 13, 2023
Forked from Fork of ice8

This interactive globe visualization displays world country boundaries on a draggable, rotatable orthographic projection. Users click countries to toggle between global orthographic and Mercator projections, with the United States triggering a specialized Albers USA view. The code uses d3.geoPath for rendering, d3.drag for rotation, d3.zoom for scaling, and d3-geo-projection for alternate projections. Country boundaries come from TopoJSON world-atlas data, with names matched via TSV, rendered as SVG paths with hover highlighting and smooth update transitions.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of ice8-vignesh

This interactive globe displays world countries using an orthographic projection, with a graticule overlay and draggable rotation. Clicking a country switches between projections: selecting the United States triggers a smooth 750ms transition to a Mercator projection, while any other country returns to the orthographic view. The visualization uses `d3.geoPath` for rendering, `d3.drag` for rotation, and `d3.zoom` for panning, with country names resolved from a world-atlas TSV. Data comes from world-atlas TopoJSON, rendered as SVG paths with hover highlighting.

Jjia-sin
95% match
Loading thumbnail…

Fork of Fork of ice8

This interactive globe uses D3’s geo projections (d3.geoOrthographic, d3.geoMercator, d3.geoAlbersUsa) and d3.geoPath to render world country boundaries from TopoJSON. Users can drag to rotate the orthographic view, click a country to switch between projections, and zoom with d3.zoom. Country names come from a TSV dataset, and graticules are drawn via d3.geoGraticule. The visualization animates projection changes with SVG transitions.

MMgk1255
95% match
Loading thumbnail…

Fork of Fork of Fork of Fork of ice8-vignesh

This interactive globe visualizes world countries and lets users switch between orthographic, Mercator, and Albers USA projections by clicking on a country. Dragging rotates the orthographic globe, while the d3.zoom handler provides pan and zoom transformations. The visualization uses d3.geoPath with TopoJSON data from world-atlas, rendering SVG paths with graticule overlays and animated transitions when changing projections.

Ool.ritter@web.de
94% match
Loading thumbnail…

Fork of Fork of Fork of Fork of Fork of ice8-vignesh

This interactive globe visualization displays world countries on an orthographic projection, rendered as SVG paths using d3.geoPath. Users can drag to rotate the globe, revealing different regions, and click any country to switch between orthographic and Mercator projections; clicking the United States selects the Mercator view. The map includes a graticule overlay and supports zooming via d3.zoom. Country boundaries come from the World Atlas TopoJSON dataset, with names mapped from TSV data. The visualization uses d3-drag for rotation, d3.geoProjection for map projections, and transitions for smooth projection changes.

SSaivignesh-9176
94% match
Loading thumbnail…

Fork of Fork of Fork of Fork of ice8-vignesh

This interactive map visualizes world countries using an orthographic projection that can be rotated by dragging, with clickable countries that switch between orthographic, Mercator, and Albers USA projections. The visualization loads geographic data from world-atlas TopoJSON and TSV files, rendering country boundaries and a graticule as SVG paths via `d3.geoPath` and `d3.geoGraticule`. Drag interactions adjust the projection’s rotation, zoom is handled through `d3.zoom`, and projection changes animate with D3 transitions.

PPedram
94% match
Loading thumbnail…

Fork of Fork of Fork of Fork of ice8-vignesh

This interactive globe displays country boundaries from the World Atlas TopoJSON dataset, rendered as SVG paths via `d3.geoPath` with an orthographic projection. Users can drag to rotate the globe, which adjusts the projection’s rotation, and scroll to zoom via `d3.zoom`. Clicking a country switches between the orthographic, Mercator, and Albers USA projections, with a transition applied through `transition().duration()`. A graticule layer is also drawn, and country names are loaded from a TSV file to trigger projection changes.

GGogineni44
94% match
Loading thumbnail…

Fork of Fork of Fork of ice8-vignesh

This interactive globe visualization displays world countries using orthographic and Mercator projections, rendered with SVG paths via d3.geoPath. Users can drag to rotate the globe, which adjusts the projection rotation dynamically, and zoom through d3.zoom. Clicking a country switches projections: selecting the United States triggers a transition to the Mercator projection, while other countries return to orthographic view. The map uses World Atlas TopoJSON data for country boundaries and TSV data for country names, with graticule lines drawn using d3.geoGraticule.

SSaivignesh-9176
94% match
Loading thumbnail…

Fork of Fork of ice8-vignesh

This interactive map visualization displays global country boundaries with multiple geographic projections, including mercator, orthographic, and Albers USA. Users can click any country to switch between orthographic and mercator views, while dragging rotates the globe and zooming scales the display. The visualization uses D3.js with d3.geoPath for rendering, d3.geoOrthographic and d3.geoMercator for projections, and topojson to parse world-atlas country data. SVG paths render countries with hover highlighting, graticule lines, and animated transitions (750ms) when switching projections.

GGogineni44
94% match