Skip to main content
SimilarExport ZIP
100%

Number of Space Missions by Company/Country/Status Rocket

✓ Published0🌍 Public
Nnaisargidave
Last edited Oct 29, 2020
Created on Oct 29, 2020

This stacked bar chart shows the number of space missions by company, country, or rocket status, with mission status indicated by color. A dropdown lets users switch the x-axis attribute among these three categories. The visualization uses Vega-Lite, registered through the vega-lite-api, with D3 for CSV data loading and React for the interface. Data comes from a GitHub-hosted CSV of space missions, and the chart renders as an SVG with a custom tooltip handler.

AI-generated description

This Stacked Bar Chart shows the number of missions that were executed by each company and the status of those missions is represented by a different color. The dropdown allows the user to change what x-axis represents by selecting one of the attributes.

The data shown here comes from here.

MIT Licensed

Similar vizzes

Loading thumbnail…

Number of Space Missions by Company/Country/Status Rocket

A stacked bar chart shows the number of space missions grouped by company, country, or rocket status, with mission status encoded by color and tooltips revealing exact counts. A dropdown menu lets viewers switch the x-axis dimension among these attributes. Built with React, the visualization uses the Vega-Lite API to render bars and a custom `getData` function fetches CSV data via `d3.csv`, extracting the country from the mission location.

Nnaisargidave
98% match
Loading thumbnail…

Fork of Number of Space Missions by Company/Country/Status Rocket

This stacked bar chart displays the number of space missions by company, country, or rocket status, with mission status encoded by color and total counts shown via tooltip on hover. A dropdown menu lets users switch the x-axis attribute among these three categories. The visualization is built with the vega-lite-api, registered with vega and vega-lite, rendering as SVG. Data is loaded asynchronously from a CSV file via d3.csv, and a React component manages the dropdown state and chart re-rendering.

Ssuji8073
94% match
Loading thumbnail…

Fork of Number of Space Missions by Company/Country/Status Rocket

This interactive stacked bar chart visualizes the number of space missions, segmented by mission status and grouped by a selectable attribute (Company Name, Country, or Rocket Status) via a dropdown. Users can hover over bars to see exact mission counts. The visualization is built using React, the Vega-Lite API (vl) with D3 for data loading, and uses a CSV file from a GitHub gist as its data source. The chart's appearance is customized through a config object.

NNarayana Reddy
93% match
Loading thumbnail…

Fork of Number of Space Missions by Company/Country/Status Rocket

This interactive stacked bar chart visualizes the number of space missions, segmented by mission status and grouped by a selectable attribute (Company Name, Country, or Rocket Status) via a dropdown. Users can hover over bars to see exact mission counts. The visualization is built using React, the Vega-Lite API (vl) with D3 for data loading, and uses a CSV file from a GitHub gist as its data source. The chart's appearance is customized through a config object.

NNarayana Reddy
93% match
Loading thumbnail…

Number of Space Missions by Company

This interactive stacked bar chart displays the number of space missions for each company, with the mission status (e.g., success, failure) encoded by color. Hovering reveals the mission count via tooltip. The visualization is built with the vega-lite-api, using vega-lite and vega for rendering, and a react-dropdown component allows toggling between grouping by Company Name or Location. Data is fetched from a remote CSV using `d3.csv`.

Nnaisargidave
93% match
Loading thumbnail…

Number of Space Missions by Company

This stacked bar chart displays the number of space missions per company, with bar segments colored by mission status and a count tooltip on hover. Using the vega-lite-api library with d3.csv for data loading, the visualization aggregates company names to count missions, mapping status to color. The chart reads from a remote CSV file and applies custom axis and label styling via a vega-lite config, rendering with vega and vega-lite in an SVG view.

Nnaisargidave
92% match
Loading thumbnail…

Project - All Space Missions from 1957

This visualization displays a bar chart of all space missions since 1957, with each company’s mission count broken down by mission status. It uses the Vega-Lite API in JavaScript to create a horizontal bar chart, with company names on the y-axis sorted by mission count and status color-coding the bars. The data is loaded from a CSV file via d3.csv, and the chart renders as an SVG with tooltips for company, status, and count.

Llintonylin
85% match
Loading thumbnail…

All Space Missions from 1957 Visialization

This visualization displays all space missions from 1957 onward as a horizontal bar chart, showing the number of missions per company, broken down by mission status. The bars are color-coded by status, with tooltips revealing company names and mission counts. Built using the vega-lite-api with d3.v5 for data loading, the chart reads CSV data from a gist and renders via Vega-Lite’s markBar encoding, applying a custom config for dark text and light gray ticks. The data is aggregated using vl.groupby and vl.count.

Llintonylin
85% match