map with pie

100%

✓ Published1🌍 Public

Last edited Oct 26, 2020

Created on Oct 24, 2020

Forked from try2

This interactive map visualizes global space launch activity, with triangular markers sized by launch count at each location. Clicking a country dims all map features and displays a pie chart showing the ratio of state-run to private launches for that nation. The visualization uses React for rendering, D3 v5 for geographic projections and zoom behavior, and TopoJSON data. Launch site data comes from a CSV file about privatization of space, with tooltips revealing site names and launch frequencies.

AI-generated description

The data shown here comes from Privatization of Space.

This is an unfinished project(also the reason why it doesn't have a proper title), right now it has the following several effects: zoom in/out, drag, selectable countries, reverse triangle points, tooltip.

Added: changed dataset, calculated each position and sum

when clicked on countries, all the polygons will disappear and a pie chat showing state/private ratio will appear

MIT Licensed

Similar vizzes

Loading thumbnail…

[3]Pie Hunt

This interactive visualization maps global space-launch sites as green triangles, sized by launch count, overlaid on a natural Earth projection. Selecting a country dims other regions and reveals two hidden pie charts showing the ratio of private versus state-run launches and mission success versus failure for that nation. Built with React and D3 v5, it uses `d3.geoNaturalEarth1`, `d3.geoPath`, `d3.zoom`, and `d3.arc` for rendering, with data from the Privatization of Space dataset.

TTaylor

89% match

Loading thumbnail…

Pie Chart

This interactive dashboard combines a world map with a timeline to visualize historical rocket launches. A bubble map displays launch sites as red points overlaid on a geographic basemap built with `d3.geoPath` and TopoJSON world atlas data. A brushing-enabled date histogram below, constructed with React and D3 scales, filters the map’s displayed launch points based on the selected date range. The visualization uses D3 v7 for projections and SVG rendering within a React component hierarchy.

RRamyapriyaPutta

84% match

Loading thumbnail…

Project - All Space Missions from 1957

This world map visualizes all space missions since 1957, with each country represented by a pie chart showing the proportion of successful, failed, partially failed, and prelaunch failed launches. The pie chart area encodes the total number of launches using a square root scale. The visualization is built with D3 v5, using `d3.geoPath` and `geoNaturalEarth1` for the map projection, and `d3.pie` and `d3.arc` for the pie charts. Data comes from CSV files loaded with `d3.csv`, with country boundaries from TopoJSON.

Llintonylin

79% match

Loading thumbnail…

try2

This interactive map visualizes global space launch data, showing the locations of rocket launches as green triangular markers overlaid on a world map. Users can zoom, pan, and click on countries to select them, which dims non-selected regions and highlights the chosen nation. The map is rendered using SVG with D3’s geographic projections and React for interactivity, while country selection logic and tooltips are implemented via D3 event handlers. Data is sourced from a CSV file containing launch locations and counts, combined with world atlas shapefiles.

TTaylor

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

77% match

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

77% match

Loading thumbnail…

points

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.

TTaylor

77% match

Loading thumbnail…

zoom in/out and reverse triangle

This visualization maps launch sites as green triangles on a world map, with triangle height encoding the number of launches at each location. Users can drag and zoom the map, and hover over a triangle to see the exact launch count and place. Built with React and d3, it uses `d3.geoNaturalEarth1` for the projection, `d3.geoPath` for rendering the world and graticules, and a custom zoom interaction. The data comes from a CSV of launch records, and the map layers are derived from the world-atlas TopoJSON source.

TTaylor

76% match