Skip to main content
SimilarExport ZIP
100%

Stacked barchart

✓ Published0🌍 Public
KKamal Bahadur Rana
Last edited Apr 17, 2023
Created on Apr 17, 2023

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.

AI-generated description

An iteration highlighting mission success or failure as color.

The data shown here comes from https://www.kaggle.com/davidroberts13/one-small-step-for-data

This chart meant to show the answer to "Total Number of Rockets Throughout The Years".

This also demonstrates how to set up multiple fields in a tooltip.

MIT Licensed

Similar vizzes

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
90% 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
89% 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
89% 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 each segment colored by the launching company. The visualization uses Vega-Lite’s API to aggregate the CSV data from Kaggle’s global space launches dataset, counting records grouped by year and company. The tooltip displays both the launch count and company name, while the custom config adjusts font sizes and axis styling for readability.

TTracyWangYQ
87% match
Loading thumbnail…

Fork of Total Number of Rockets Throughout The Years

This stacked bar chart visualizes the total number of rockets launched each year, with bars segmented by the company’s country of origin. The chart uses a count aggregation on the raw data, which is loaded from a CSV file via `d3.csv`. Built with Vega-Lite API and D3 v5, it renders interactive SVG charts with tooltips, while a custom configuration adjusts axis ticks and label styling for readability.

GGerasimos Katsagannis
86% match
Loading thumbnail…

InfoVis proj

This bar chart shows the total number of rocket launches per year, broken down by company, using a global space launches dataset loaded from a CSV via `d3.csv`. The visualization uses a stacked bar mark with Vega-Lite, encoding the year on the x-axis, the count of launches on the y-axis, and company name for color. Data is aggregated with `groupby` and a count operation, and the chart is rendered with SVG, using vega-tooltip for interactive hover details.

MMohammadreza Osouli
86% match
Loading thumbnail…

Total Number of Rockets Throughout The Years

This visualization shows the total number of rockets launched each year, with bars colored by the company’s country of origin. It uses a bar chart with a count aggregation grouped by year and country, displaying tooltips for the count and country on hover. The code relies on Vega-Lite API, Vega, and d3.csv to load and process data from a GitHub-hosted CSV file, with a custom config adjusting axis styles and font sizes for readability. The visualization renders in an SVG view fitted to the browser window.

IIsaac Dobson
85% match
Loading thumbnail…

Total Number of Rockets Throughout The Years

This visualization shows the total number of rockets launched per year, with the color of each bar indicating the rocket’s company country of origin. It uses Vega-Lite’s API to aggregate the data by year and country via `groupby` and `count`, rendering a bar chart with a tooltip for exact counts. The data is loaded from a CSV using `d3.csv` in `getData.js`, and the chart is styled with a custom color palette and axes through the `config.js` object. The visualization is built with Vega-Lite, Vega, and d3, and runs as a full-screen interactive SVG.

FFraumaggy
85% match