Pie Chart

100%

✓ Published0🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

Forked from Historical Space Launches on a map

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

map with pie

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.

TTaylor

84% match

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

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

75% match

Loading thumbnail…

Testing Pie Chart

This interactive dashboard combines a pie chart, bar chart, and line chart to display categorical and time-based data. The pie chart animates its inner radius using D3’s arc generators and transitions, with slices labeled by category. The line and bar charts use D3 scales, axes, and SVG paths to render trends and comparisons. All visualizations are built with D3 v2 and React, using SVG for rendering and animation.

Ssrinivasjavvadi

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

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

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

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

74% match