Skip to main content
SimilarExport ZIP
100%

Number of Space Missions by Company/Country/Status Rocket

✓ Published6🌍 Public
Nnaisargidave
Last edited Oct 8, 2020
Created on Oct 7, 2020

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.

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 and the number of missions in a particular status is shown as the tooltip on hover. The visualization is constructed using the vega-lite-api.

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

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.

Nnaisargidave
98% 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
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
94% 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
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
92% 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
90% 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
84% match
Loading thumbnail…

Total Number of Rockets Throughout The Years

A stacked bar chart shows the total number of rockets launched each year, with bars segmented by company to highlight mission success or failure as color. The visualization uses Vega-Lite API with d3.v5 for data loading, aggregating the CSV dataset by year and company name via a groupby transform. A multi-field tooltip displays both the count and company name. Data originates from a Kaggle dataset on global space launches.

CCurran Kelleher
83% match