Line Chart shows the number of launches per year

Line Chart shows the number of launches per year

100% match

Stacked Area Chart showing the number of launches per year

A stacked area chart displays the number of space missions launched per year from 1950 to 2020, with each company represented by a distinct color and mission counts shown via tooltips on hover. Built with the Vega-Lite API, the visualization encodes the launch year on the x-axis and the aggregated mission count on the y-axis, using D3's CSV parser to load data from a GitHub-hosted CSV file. The chart is rendered using Vega-Lite's markArea with tooltip handling integrated through the vega-tooltip library's Handler.

85% match

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

81% match

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.

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

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`.

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