points

100%

✓ Published1🌍 Public

Last edited Oct 20, 2020

Created on Oct 12, 2020

This visualization maps the global distribution of space launches, with circles sized by the number of launches at each location. It uses a Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, with graticules and country borders from the world-atlas TopoJSON dataset. The data comes from a CSV of privatization of space launches. React manages the component structure, while `d3.scaleSqrt` maps launch counts to circle radii, and SVG `<title>` elements provide hover tooltips.

AI-generated description

The data shown here comes from Privatization of Space.

MIT Licensed

Similar vizzes

Loading thumbnail…

try

This visualization combines a world map with data on space launches, using scaled triangles to represent the number of launches at each location. The geoNaturalEarth1 projection and geoPath render country boundaries and graticules, while d3.scaleLinear sizes the triangular markers based on launch counts. Built with React and D3 v5, the map supports zooming via d3.zoom and highlights selected countries on click, with a tooltip showing launch count and location. The data comes from a CSV about privatization of space, with country names joined from world-atlas TSV data.

TTaylor

86% match

Loading thumbnail…

reverse triangle points

This visualization displays the geographic distribution of space privatisation launches on a world map. Each data point is rendered as an inverted, triangular marker whose height encodes the number of launches via a linear scale built with `d3.scaleLinear`. The map uses `d3.geoNaturalEarth1` for projection, `d3.geoPath` for drawing land and graticules from TopoJSON, and is constructed within a React component. Data comes from TaylorW43’s CSV of space launch records, with markers positioned using longitude and latitude projected through D3. SVG paths are used for all rendering.

TTaylor

83% match

Loading thumbnail…

zoom in/out, reverse triangle,tooltip country name

This visualization maps global launch sites, representing the number of launches at each location with an inverted triangular marker. The marker’s height encodes the launch count via a linear scale, while the world map and graticule are rendered using d3.geoPath with a d3.geoNaturalEarth1 projection. Users can zoom and pan the SVG using d3.zoom, and hover over countries to reveal their names or over triangles to see tooltips with launch counts and location details. The map data comes from a TopoJSON world atlas, with launch data loaded via d3.csv.

TTaylor

81% match

Loading thumbnail…

[using triangle]reverse polygon points

This example visualizes the global distribution of space privatization launches using a natural Earth projection, with each data point rendered as an inverted triangle whose height encodes the number of launches. The map combines D3 geographic paths for land, graticules, and country borders with React-managed SVG polygons positioned via the `geoNaturalEarth1` projection. Tooltips display launch counts and locations. The data comes from a CSV file linked in the README, and the visualization uses `geoPath`, `geoGraticule`, and `scaleLinear` for proportional sizing.

TTaylor

81% match

Loading thumbnail…

Historical Space Launches on a map

This example shows historical space launch sites as red circles on an equal-earth projection map, with circle size scaled by the number of launches per site. A linked date histogram with a brushed time range filters the map to show only launches within the selected period. The visualization is built with React and D3 v7, using `geoEqualEarth` and `geoPath` for the map, `scaleSqrt` for circle sizing, and `brushX` for the interactive date filter. Data comes from a CSV of historical launches and world atlas TopoJSON.

JJosh Zalcman

80% match

Loading thumbnail…

zoom in/out and drag

This interactive world map visualizes the number of space launches at each location, with circle radius scaled by launch count. Users can drag to pan and zoom the map freely, while hovering over a circle reveals its exact launch count and location. Built with React and d3.v5, the visualization loads world topology data from a JSON file and launch statistics from a CSV source. It uses d3's `geoNaturalEarth1` projection, `geoPath` for map rendering, `scaleSqrt` for circle sizing, and a custom zoom interaction that transforms the SVG element. The map displays landmasses, graticules, and interiors as separate styled paths.

TTaylor

80% match

Loading thumbnail…

Points on a Map

This visualization displays a world map with circles representing the populations of cities, scaled using a square root scale from D3. The map, rendered as SVG in a React app, uses the D3 `geoNaturalEarth1` projection to place points. Geographic data comes from the world-atlas TopoJSON via `topojson.feature` and `topojson.mesh`, while city data loads from a CSV. The graticule, sphere, and land outlines are styled via CSS, and the semi-transparent teal circles have opacity set to 0.3.

Vvmonney

80% match

Loading thumbnail…

Points on a Map

This visualization maps global cities as points on a natural Earth projection, with circle size encoding population. It uses React for rendering SVG elements, D3 v5 for geographical projections and scales, and loads world atlas TopoJSON data plus city CSV data from external URLs. The code employs d3.geoPath, d3.geoNaturalEarth1, and d3.geoGraticule to draw landmasses, graticules, and sphere outlines, while d3.scaleSqrt maps population values to circle radii.

LLawrence Liu

79% match