GEO Satellite Map not canvas WIP

Last edited Oct 27, 2017

Created on Oct 17, 2017

This visualization shows the positions of geostationary satellites on a world map using a Canvas-based approach. The example uses D3 v4 with TopoJSON to render world geography, plotting satellite locations from a CSV dataset of GEO satellites. Satellites are displayed as small gray dots positioned by their recorded longitude, while the map itself is rendered on canvas for performance. The visualization is a work in progress, as indicated by the title, and includes hover effects for satellite identification, with the underlying geographic data drawn using SVG paths and the satellite positions overlaid on canvas.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/apratt2003/'>apratt2003</a>'s block: <a href='http://bl.ocks.org/apratt2003/e18a417dc416421204899cb548b90055'>GEO Satellite Map</a>

mit Licensed

Similar vizzes

GEO Satellite Map

This visualization displays the locations and characteristics of geostationary and other Earth-orbiting satellites as a GEO satellite map. Using D3 v4 with both SVG and Canvas rendering, the map plots satellite positions above a geographic basemap, with the Massachusetts boundary data from the included JSON file providing regional context. Each satellite is positioned according to its orbital longitude from the GEOs.csv dataset, and the visualization encodes satellite attributes such as country/operator, orbit type, and launch vehicle through visual properties like color and symbol shape. The map allows viewers to explore the distribution of satellites across geostationary orbits, distinguishing between commercial, military, and civil operators. Hovering over a satellite reveals details about its operator, purpose, launch date, and orbital parameters. The visualization is implemented with D3 v4, using SVG for the geographic base layer and canvas for rendering the satellite positions, and is licensed under MIT.

82% match

Satellites Projection DRAFT

This interactive visualization displays a globe with an orthographic projection, showing Earth's landmasses as black shapes on a white sphere. Users can drag to rotate the globe, with the rotation implemented using versor mathematics for smooth, accurate quaternion-based navigation. The code uses d3.geoOrthographic, d3.geoPath, and Canvas rendering to draw the sphere and land features from TopoJSON world-atlas data. A satellite velocity calculation appears in the corner, though it is computed but not visually represented on the globe. The example is a modified version of Mike Bostock’s Interactive Orthographic block.

77% match

Satellite

This visualization shows a rotating globe with a graticule and sphere outline from the perspective of a satellite orbiting Earth. The animation continuously adjusts the camera tilt and rotation, creating a dynamic view of the planet’s surface. It uses the D3.js graphics pipeline with `d3.geo.satellite` for projection, `d3.geo.clipCircle` for visibility clipping, and the Canvas API for rendering. The data source is a graticule and sphere generated on the fly, with real-time animation driven by a timer and elapsed time.

Mmbostock

76% match

Satellite Map

This visualization maps satellites in Earth orbit, with the location of each satellite represented as a point on a global map. It uses D3 v4 with SVG rendering, overlaid on geographic data. The visualization plots satellite positions based on orbital parameters, with GEO satellites shown at their longitudinal positions and LEO satellites distributed across their orbital paths. The map is rendered using a geographic projection of the world, with Massachusetts included as a reference for scale. Users can explore the distribution of satellites by orbit type and other attributes from the dataset. The visualization is color-coded by orbit type or operator, and hovering over a satellite reveals details such as its name, launch date, and purpose.

75% match

Untitled

A globe projection of the world renders country polygons onto a Canvas element using `d3.geoPath` and `d3.geoOrthographic`. It displays land masses in dark blue, water in light gray, and a graticule overlay. The globe auto-rotates slowly, but dragging it with the mouse adjusts the projection angles, and hovering highlights a country in a different color while showing its name. The visualization loads world geography as TopoJSON from a remote source and country names from a TSV file, using `d3.geoGraticule10`, `d3.drag`, and the `versor` library for rotation calculations.

AAbhishek Singh

World Tour

This visualization presents an animated orthographic globe that cycles through the world’s countries, highlighting each one in red while rotating to center it on screen. The display shows the country name above the globe as it transitions between nations. The code uses D3.js v3 for transitions and tweens, TopoJSON for world map data, and a Canvas 2D context for rendering. A queue loads GeoJSON topology and country name mappings, while d3.geo.path draws land, borders, and the globe sphere with dynamic rotation.

AAjar06

D3 - Maps

A rotating orthographic globe displays world landmasses as stroked vector outlines on a Canvas element. D3’s `d3.geoOrthographic` projection and `d3.geoPath` render both the geographic features and a graticule, with the rotation updated by `projection.rotate` inside a `setInterval` loop. The geographic data comes from a remote TopoJSON-like GeoJSON file, while the animation runs on a 960×800 canvas.

SSubhendu Karmakar

d3.geoPath + Canvas

This example displays a map of the United States drawn entirely on a Canvas element. It shows how D3’s `d3.geoPath` can render geographic data into a native Canvas context rather than an SVG, with the map’s geometry provided by the `us-atlas` dataset. The code uses `d3.json` to load the TopoJSON file and `topojson.mesh` to convert it into renderable shapes. The resulting path is stroked onto the canvas via the `context` set on `d3.geoPath`, demonstrating a performant alternative to SVG for large spatial datasets.

Mmbostock