InfoVis proj

100%

✓ Published0🌍 Public

Last edited Nov 30, 2021

Created on Nov 30, 2021

Forked from Total Number of Rockets Throughout The Years

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

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

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

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

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

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