Skip to main content
SimilarExport ZIP
100%

Fork of Fist Iteration of final project

✓ Published0🌍 Public
PParth Shroff
Last edited Oct 23, 2024
Created on Oct 23, 2024

This interactive globe visualizes the locations of submarine cables and stadiums using an orthographic projection. Users can drag to rotate the globe and scroll to zoom, with the projection updating in real time based on the current rotation and scale. The visualization is built with d3-geoOrthographic, d3-geoPath, and d3-geoGraticule, and fetches world country data from the visionscarto-world-atlas package. The underlying cable data originates from TeleGeography's Submarine Cable Map, though the dataset is noted as not up to date.

AI-generated description

Sweet spinny globe with submarine cables!

Data from TeleGeography's Submarine Cable Map (old GitHub fork). Note that this data is not up to date. For up to date data, see telegeography.com and submarinecablemap.com.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Submarine Cables Globe

A fork of the Submarine Cables Globe, this interactive visualization maps global undersea cable networks onto a draggable, zoomable orthographic globe. It renders world landmasses, graticules, and cable routes using d3.geoPath, while d3.drag and d3.zoom enable panning and scaling. Cable colors come directly from the dataset’s properties. The code loads geographic data via topojson-client and fetches the submarine cable GeoJSON from a public API, demonstrating how to layer vector features on a projected sphere.

Aaadithyavettrivel24@gmail.com
87% match
Loading thumbnail…

Fork of Submarine Cables Globe

This interactive globe visualization displays worldwide submarine cable routes on a rotatable and zoomable orthographic projection. The code uses d3-geo’s `geoOrthographic` and `geoPath` to render world landmasses from TopoJSON data, while cable locations come from a TeleGeography fork. Drag and zoom behaviors adjust the globe’s rotation and scale in real time, blending geographic mapping with user-driven exploration.

LLacene Dihia
86% match
Loading thumbnail…

Fork of Submarine Cables Globe

This interactive globe visualizes submarine cable routes using an orthographic projection. The map renders landmasses, a graticule, and colored cable paths from TeleGeography data using d3.geoPath. Users can drag to rotate the globe and zoom with the mouse wheel, with d3.drag and d3.zoom updating the projection’s rotation and scale. The visualization loads TopoJSON world atlas data and submarine cable GeoJSON from remote sources, dynamically updating the scene as state changes.

Bbepnye@gmail.com
86% match
Loading thumbnail…

Fork of Submarine Cables Globe

An interactive orthographic globe visualizes the global submarine cable network, with colored cable paths linking countries and continents. Users can drag to rotate the sphere and zoom to adjust scale. The visualization loads geographic data from the visionscarto-world-atlas package and cable coordinates from a TeleGeography GitHub repository, rendering them using `d3.geoPath` and `d3.geoOrthographic`. Drag and zoom interactions are implemented with `d3.drag` and `d3.zoom`, while `d3.graticule` adds reference lines.

LLacene Dihia
86% match
Loading thumbnail…

Fork of Submarine Cables Globe

This example presents an interactive orthographic globe rendering the world’s submarine cable network. Users can drag to rotate the sphere and scroll to zoom, with the view updating via d3’s drag and zoom behaviors. The visualization uses d3.geoOrthographic and d3.geoPath to draw country outlines, a graticule, and colored cable routes from TeleGeography’s (outdated) GitHub data, loaded through TopoJSON and fetched as JSON. The globe’s appearance is styled through SVG paths, with animation enabled by default.

NNita
85% match
Loading thumbnail…

Fork of Submarine Cables Globe

This example displays a globe with submarine cable routes rendered as colored paths over country boundaries and a graticule. Users can drag to rotate the globe via a D3 drag handler and zoom using a D3 zoom transform, which adjusts the orthographic projection’s scale. The visualization fetches world atlas TopoJSON and cable GeoJSON data from external URLs, then projects them with `d3.geoOrthographic` and `d3.geoPath`. The code uses state management to load data, initialize rotation, and fit the globe to the container size.

LLacene Dihia
85% match
Loading thumbnail…

Fist Iteration of final project

This interactive globe visualization displays geopolitical boundaries and stadium locations using an orthographic projection. Users can pan by dragging and zoom by scrolling, with d3-geo and d3-zoom handling the interaction and projection math. The map renders TopoJSON country outlines via d3.geoPath, while a custom visibility tester from d3-geo ensures point markers only appear on the visible hemisphere. Red circles mark stadium coordinates filtered through the projection’s stream interface, demonstrating how to handle off-screen geographic points in a rotating globe context.

PParth Shroff
85% match
Loading thumbnail…

Fork of Submarine Cables Globe

A fork of the Submarine Cables Globe displays a draggable, zoomable orthographic projection of Earth, with submarine cable paths overlaid on country outlines. Users rotate the globe by dragging and zoom with the mouse wheel, adjusting the projection’s rotation and scale. It fetches world atlas data as TopoJSON and cable data as GeoJSON, rendering them via `d3.geoPath` and `geoOrthographic`. The code uses D3’s `drag`, `zoom`, and `geoGraticule` APIs, with data sourced from TeleGeography’s older GitHub repository.

AAaron Wong
84% match