Skip to main content
SimilarExport ZIP
100%

Total Number of Rockets Throughout The Years

✓ Published0🌍 Public
FFraumaggy
Last edited Sep 20, 2020
Created on Sep 20, 2020

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.

AI-generated description

An iteration highlighting company country of origin 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".

MIT Licensed

Similar vizzes

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
97% match
Loading thumbnail…

Total Number of Rockets Throughout The Years

This bar chart displays the total number of rockets launched per year, with bars colored by the company’s country of origin. It aggregates the launch data from a Kaggle dataset and uses Vega-Lite’s API to construct the visualization, encoding year on the x-axis, count on the y-axis, and company country as the color channel. The code loads CSV data via d3.csv and configures axis styling and tooltips for interactivity.

CCurran Kelleher
94% match
Loading thumbnail…

Fork of Total Number of Rockets Throughout The Years

This bar chart visualizes the total number of rockets launched each year, with bars colored by the rocket company’s country of origin. The visualization uses Vega-Lite 4 and the vega-lite-api to aggregate the data by year and country through a groupby transform with a count aggregate. The tooltip encodes the ISO code and country, while custom axis styling and a dark color scheme improve readability. Data is loaded via d3.csv from a Kaggle-derived GitHub dataset.

GGerasimos Katsagannis
93% match
Loading thumbnail…

Fork of Total Number of Rockets Throughout The Years

This bar chart shows the total number of rockets launched each year, with bars colored by the company’s country of origin. Built with Vega-Lite and D3, it uses the `groupby` transform to aggregate yearly counts by country and encodes the result with `vl.markBar()`, `vl.x().fieldN('Year')`, `vl.y().fieldQ('Count')`, and a color field for origin. The tooltip displays the count and country. Data comes from a Kaggle CSV loaded via D3’s `csv` function, rendered as an SVG with a custom dark theme.

KKirsten Lund
92% match
Loading thumbnail…

Total Number of Rockets Throughout The Years

This bar chart displays the total number of rockets launched each year, using bar height to represent the absolute count. The visualization aggregates records by year with a count aggregation, mapping the year to the x-axis and the count to the y-axis. Built with Vega-Lite and the vega-lite-api, it leverages D3’s CSV loader to fetch data from a GitHub-hosted dataset of global space launches. The chart applies a custom dark color scheme for readability and includes tooltips showing the count on hover.

CCurran Kelleher
92% match
Loading thumbnail…

Fork of Total Number of Rockets Throughout The Years

This bar chart shows the total number of rockets launched per year, with each bar segment colored by company name and tooltips displaying both the count and company. The visualization uses the vega-lite-api to define the bar mark and encoding, with data loaded via d3.csv from a Kaggle-derived CSV file. The transform groups records by year and company, then counts them, while the config file customizes axis and label appearance.

Ssagayous
91% match
Loading thumbnail…

Total Number of Rockets Throughout The Years

A bar chart shows the total number of rockets launched per year, with the Y-axis representing count and the X-axis showing years. The visualization aggregates the global space launch dataset by grouping records on the Year field and counting entries. Built with the vega-lite-api library, it uses `vl.groupby` and `vl.count().as('Count')` for aggregation, then renders with `vl.markBar()`. The code configures axes with custom styling and applies an SVG renderer, with data loaded asynchronously via `d3.csv` from a GitHub gist. Counts appear as tooltips on hover.

TTaylor
91% 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
91% match