Total Number of Rockets Throughout The Years

100%

Total Number of Rockets Throughout The Years

✓ Published0🌍 Public

Last edited Sep 16, 2020

Created on Sep 16, 2020

Forked from Total Number of Rockets Throughout The Years

This chart visualizes the total number of rocket launches per year, with bars colored by whether the launch was private or state-run, using data from Kaggle’s global space launches dataset. The visualization is built with Vega-Lite and its API, leveraging `vl.markBar`, `vl.groupby`, and `vl.aggregate` to count launches, while custom configuration adjusts axis and label styling. The code loads the CSV via `d3.csv` from a GitHub gist, then renders the chart to fill the browser window.

AI-generated description

An iteration highlighting private or company 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 bar chart shows the total number of rockets launched each year, using bar height to represent the absolute count of launches over time. The visualization aggregates the dataset from Kaggle's global space launches by grouping records by year and counting occurrences with `vl.groupby` and `vl.count` in vega-lite-api. The chart uses D3 v5 via `d3.csv` for data loading, while rendering is handled through vega-lite and vega with SVG output. Bars encode the count as quantitative values on the y-axis, with years on the x-axis, and tooltips provide exact counts for each year.

MMillycc

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…

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

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

Loading thumbnail…

Total Number of Rockets Throughout The Years

This bar chart shows the total number of rockets launched per year, with each bar segmented by mission success or failure. The visualization encodes the launch year on the x-axis, the count of rockets on the y-axis, and mission status as color. Built with Vega-Lite and the vega-lite-api, it uses d3.csv to load launch data from a GitHub-hosted CSV, then aggregates records by year and mission status using vl.groupby and vl.count. The chart fills the browser window and includes tooltips displaying the count for each segment.

CCurran Kelleher

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

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

90% match