Skip to main content
SimilarExport ZIP
100%

Count of countries based on each region and year

✓ Published1🌍 Public
NNikithakatta30
Last edited May 16, 2023
Created on May 14, 2023

This visualization shows the count of rocket launches aggregated by country region across years, using a grouped bar chart where each bar’s length represents the total number of rockets and its color distinguishes the region. The chart is built with the Vega-Lite API (`vl.markBar()`, `vl.x()`, `vl.y()`, `vl.color()`), applying a transform that groups data by both year and region before counting occurrences. The data is loaded via `d3.csv()` from a GitHub-hosted CSV file sourced from Kaggle, and the rendering uses Vega’s SVG output with custom tooltips and axis styling from the provided configuration.

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…

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
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
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…

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 company’s country of origin. It aggregates the dataset from Kaggle’s “One Small Step for Data” using a groupby on year and country, counting records per group. The visualization is built with Vega-Lite API v4 and D3 v5, rendering via SVG and custom configuration for axis styling. Tooltips display the count and country for each bar.

NNikithakatta30
84% 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
84% 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
84% 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
83% 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
83% match