Project - All Space Missions from 1957

100%

Project - All Space Missions from 1957

✓ Published0🌍 Public

Last edited Nov 5, 2020

Created on Nov 4, 2020

Forked from All Space Missions from 1957 Visialization

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.

AI-generated description

A visualization constructed using the vega-lite-api.

The data shown here comes from the All Space Missions from 1957.

MIT Licensed

Similar vizzes

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

94% match

Loading thumbnail…

All Space Missions from 1957

This visualization displays all space missions since 1957 as a scatterplot, with each point representing a single rocket launch. The x-axis encodes the mission date (Datum) while the y-axis lists the company name. The plot is rendered using the Vega-Lite API, which is registered with the Vega and Vega-Lite libraries. The code loads CSV data from a GitHub gist via `d3.csv`, and the chart is configured with a custom dark color scheme, no axis domain lines, and a responsive auto-fit size. Tooltips are enabled through the Vega-Tooltip handler.

Ggeorgeeeee

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

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

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

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

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

84% match

Loading thumbnail…

Space Missions Bar Chart

This bar chart displays the mission counts of the top 15 space companies since 1957, using data from the Kaggle dataset "All Space Missions from 1957". The visualization employs D3 v6’s `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and `scaleSequential` with an `interpolateBlues` interpolator to color bars by mission count. It renders as an SVG, with axes generated via `axisLeft` and `axisBottom`. The chart clearly ranks RVSN USSR as the most prolific launcher, with SpaceX appearing at 100 missions.

Ggoodej

84% match