Fork of Date on a map

100%

Fork of Date on a map

✓ Published0🌍 Public

Last edited Nov 7, 2022

Created on Nov 7, 2022

Forked from Historical Space Launches on a map

This visualization combines a world map of launch sites with a date histogram to explore historical launch data. React components render a D3 geoEqualEarth projection with graticules and country boundaries, while red circles sized by a d3.scaleSqrt show the number of launches per site. A brushed time series in the lower panel filters the map interactively via d3.brushX. The data comes from a CSV of historical launches, and all rendering uses SVG paths, rects, and circles.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Historical Space Launches on a map

A historical space launch map combines an interactive equal-Earth projection with a linked time-series histogram. Red semi-transparent circles scale by launch count per site, while brushing the date histogram filters visible launches across the globe. The visualization uses React with D3 v7 APIs including `geoEqualEarth`, `geoPath`, `scaleSqrt`, `bin`, and `brushX`, rendering SVG marks for continents, graticules, and launch sites from CSV and TopoJSON data sources.

Ssnehareddygurram

88% match

Loading thumbnail…

Fork of Historical Space Launches on a map

This interactive visualization combines a historical space launch map with a brushable time-series histogram. It displays launch sites as red circles on an equal-earth projection, with circle size proportional to launch frequency. A linked date histogram below filters the map by time range. The visualization uses d3.geoEqualEarth, d3.geoPath, and d3.bin for data aggregation, with d3.brushX enabling the interactive selection. Data comes from a CSV file of historical launches and a world atlas TopoJSON.

Hhimanshucse2012

88% match

Loading thumbnail…

Fork of Historical Space Launches on a map

This visualization combines a world map with a time-series histogram to explore historical space launches. The map displays launch sites as proportional circles, using a square-root scale for circle radius, while the histogram shows launch frequency by month and includes a brush for filtering the map by date range. Built with D3 v7 and React, it uses `geoEqualEarth`, `geoPath`, and `geoGraticule` for map rendering, `bin` and `brushX` for histogram binning and interactive filtering, and loads land topology from a world-atlas TopoJSON source.

DDonald Bagwell

88% match

Loading thumbnail…

Fork of Historical Space Launches on a map

A choropleth-style world map displays historical space launch sites as red dots, with a linked date histogram below showing launch frequency over time. The map and histogram are synchronized through a brush filter: dragging across the histogram updates the map to show only launches within the selected time range. The visualization uses React for component structure and D3 v7 APIs such as `d3.bin`, `d3.brushX`, `d3.scaleTime`, and `d3.geoPath` to render the world atlas and plot the filtered data points. Launch data is loaded from a CSV file.

Nnagamaheswar

87% match

Loading thumbnail…

Fork of Historical Space Launches on a map

This interactive visualization combines an equal-Earth projected world map with a brushed time-series histogram to explore historical space launches. Circles sized by launch frequency mark geographic sites, while a linked date histogram with a brush filter controls which launches appear on the map. The example uses React with d3-geo’s `geoEqualEarth` and `geoPath` for map rendering, d3-scale’s `scaleSqrt` for circle sizing, and d3-brush’s `brushX` for filtering. World topology comes from the World Atlas TopoJSON dataset.

Nnagamaheswar

87% match

Loading thumbnail…

Fork of Historical Space Launches on a map

This interactive visualization combines a bubble map of historical space launch sites with a time-series histogram of launch counts. The map uses D3’s `geoEqualEarth` projection and `geoPath` to render landmasses, while circle radii are scaled with `scaleSqrt` based on launch frequency per site. A brushing interface on the histogram, implemented with `d3.brushX`, filters the map to show launches within the selected date range. The application is built with React, loads CSV data from a GitHub gist, and renders all graphics as SVG elements.

Ddivyakota99

86% match

Loading thumbnail…

Fork of Historical Space Launches on a map

This visualization displays historical space launch sites as red bubbles on an equal-earth projection map, with bubble size encoding the number of launches at each site. A time-series histogram beneath the map shows the monthly launch count, with a brushable selection that filters the map’s bubbles to the chosen date range. The code uses D3 v7’s `geoEqualEarth`, `geoPath`, `geoGraticule`, `scaleSqrt`, `bin`, and `brushX` APIs, rendered as SVG within a React framework. Geographic data comes from the world-atlas TopoJSON file, while launch records are loaded from a CSV file.

LLauren

85% 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

83% match