Skip to main content
SimilarExport ZIP
100%

Stacked Area Chart showing the number of launches per year

✓ Published0🌍 Public
Nnaisargidave
Last edited Oct 13, 2020
Created on Sep 22, 2020

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.

AI-generated description

This Stacked Area Chart shows the number of launches per year ranging from 1950 to 2020 where each company is represented by a different color and the number of launches are shown as the tooltip on hover. The visualization is constructed using the vega-lite-api.

The data shown here comes from here.

MIT Licensed

Similar vizzes

Loading thumbnail…

Line Chart shows the number of launches per year

This line chart shows the number of launches per year from 1950 to 2020, with each company represented by a distinct color and a tooltip displaying the company name and mission count on hover. Built with vega-lite-api, vega-tooltip, and d3.v5, it uses vl.markLine, vl.x().timeUnit('year'), and vl.y().count() to aggregate the Space_Missions.csv dataset, which is loaded via d3.csv. The visualization renders in SVG with a custom config for axis styling and fills the viewport.

Nnaisargidave
85% match
Loading thumbnail…

Line Chart shows the number of launches per year

This line chart shows the number of launches per year from 1950 to 2020, with each company represented by a distinct color and a tooltip displaying the company name and mission count on hover. Built with vega-lite-api, vega-tooltip, and d3.v5, it uses vl.markLine, vl.x().timeUnit('year'), and vl.y().count() to aggregate the Space_Missions.csv dataset, which is loaded via d3.csv. The visualization renders in SVG with a custom config for axis styling and fills the viewport.

Nnaisargidave
85% match
Loading thumbnail…

Stacked barchart

This stacked bar chart shows the total number of rockets launched per year, with each bar segment colored by company name to reveal mission success or failure. It uses Vega-Lite’s API via `vl.markBar()` and `vl.transform.groupby` to aggregate counts, while encoding year on the x-axis and rocket count on the y-axis. The data comes from a CSV of global space launches, and the visualization integrates multiple tooltip fields for Count and Company Name. Styling is customized through a config file that adjusts axis ticks, label sizes, and dark text colors for readability.

KKamal Bahadur Rana
83% 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
82% 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
80% 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
79% 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
79% 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
79% match