Skip to main content
SimilarExport ZIP
100%

[1]Total Number of Rockets Throughout The Years

✓ Published1🌍 Public
TTaylor
Last edited Oct 31, 2020
Created on Oct 19, 2020

This visualization displays the total number of rocket launches per year, with a bar chart where the x-axis represents the year and the y-axis shows the launch count. Built with React and D3 v5, it uses SVG rendering and scales from `d3.scaleLinear` to map data values. The underlying data comes from a CSV file on privatization of space, and each bar includes a tooltip showing the specific year and count.

AI-generated description

This is a remake of my old "Total Number of Rockets Throughout The Years project". The old one uses vega lite and this one uses react and D3.

The data shown here comes from Privatization of Space.

This chart meant to show the answer to "Total Number of Rockets Throughout The Years". The Y-axis is the number and X-axis shows the year.

MIT Licensed

Similar vizzes

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

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.

CCurran Kelleher
87% 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
87% match
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
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
87% match