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 May 4, 2021

Created on May 4, 2021

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

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

NNarayana Reddy

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

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

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

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

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

83% match

Loading thumbnail…

Fork of Total Number of Rockets Throughout The Years

This bar chart shows the total number of rocket launches per year, with each bar segmented by company name to reveal the distribution of launches across organizations over time. The visualization uses a stacked bar layout where the y-axis encodes the count of launches and color distinguishes between companies. Built with Vega-Lite and rendered through the vega-lite-api, the chart groups and aggregates the data using `vl.groupby` and `vl.count`. It loads CSV data from a GitHub-hosted global space launches dataset via `d3.csv`, and includes a custom tooltip displaying both the launch count and company name.

KKirsten Lund

83% match