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

100%

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

✓ Published0🌍 Public

Last edited Jun 2, 2021

Created on Jun 2, 2021

Forked from 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.

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…

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

95% match

Loading thumbnail…

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

NNarayana Reddy

95% match

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

94% match

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

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

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

87% 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…

Fork of Total Number of Rockets Throughout The Years

This stacked bar chart shows the total number of rocket launches per year, with segments colored by company name and tooltips revealing both the launch count and company. Built with Vega-Lite’s API and D3’s `csv` loader, it aggregates records by year and company before encoding the count as bar height. The chart applies a custom dark-themed config to improve readability, while the tooltip demonstrates displaying multiple data fields simultaneously. Data originates from a Kaggle dataset on global space launches.

Rrigagoogoo

83% match