Skip to main content
100%

GEO Satellite Map

✓ Published0🌍 Public
Aapratt2003
Last edited Oct 15, 2017
Created on Oct 9, 2017

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.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

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.

Aapratt2003
91% match
Loading thumbnail…

GEO Satellite Map not canvas WIP

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.

Aapratt2003
82% match
Loading thumbnail…

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
Loading thumbnail…

Satellite Projection

This example shows a satellite-style view of the United States, with a graticule grid overlaying the landmass. The map uses the `d3.geo.satellite` projection with a tilted and rotated camera angle, and clips the view to the globe’s visible horizon. The graticule is generated with `d3.geo.graticule`, while land boundaries are rendered from TopoJSON data via `topojson.feature` and drawn using `d3.geo.path`. The SVG output is styled with CSS classes for the graticule and boundary fills.

SStephen
72% match
Loading thumbnail…

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.

Aapratt2003
71% match
Loading thumbnail…

Satellite Projection

This example shows a satellite projection of the United States, with a graticule overlay and land boundaries rendered as SVG paths. The projection is created with `d3.geo.satellite()`, configured with a distance, scale, rotation, center, and tilt to simulate a view from space. The graticule is generated using `d3.geo.graticule()` and the map data is loaded from an external JSON file via `d3.json`. The code uses `d3.geo.path()` with the projection to draw both the graticule and the land polygons, which are converted from TopoJSON using `topojson.feature()`.

Mmbostock
71% match
Loading thumbnail…

Geospatial Data

This example presents a geospatial visualization of world land masses and country borders, rendered as an SVG using a Natural Earth projection. The map displays land areas in teal, graticule lines, and interior boundaries in contrasting colors, with a light gray sphere background. The code uses React with D3 v6, specifically d3.geoPath for projection and path generation, and TopoJSON’s feature and mesh functions to process the world-atlas dataset. The visualization highlights geographic shapes without additional quantitative data, focusing purely on spatial layout.

MMonish Vassantrai
70% match
Loading thumbnail…

geoFlow

A customizable, animated D3.js globe visualizes geographic data, transitioning smoothly between orthographic and map projections. It renders country boundaries, graticules, geodesic arcs, and city markers using SVG paths, with options to spin, zoom, and focus on specific countries. The visualization loads city populations from GeoJSON and can display earthquake data from a USGS feed, while a JavaScript console offers programmatic control through chained animation methods.

TTennisVisuals
70% match