100%

All Space Missions from 1957

✓ Published0🌍 Public

Last edited Sep 16, 2020

Created on Sep 10, 2020

Forked from Loading and Parsing CSV Data

This visualization displays metadata about a dataset of space missions from 1957: its size in kilobytes, row count, and column count. Using D3 v5, the code loads a remote CSV file via `d3.csv` and calculates the file size with `d3.csvFormat`, then renders the three numbers in a large `<pre>` element. The data originates from a Kaggle dataset covering rocket launching records up to the present day. The example also demonstrates alternative loading approaches using `fetch` and `d3.csvParse` in commented-out code.

AI-generated description

All Space Missions from 1957

A dataset including all space rockets launching records from 1957 to date.

Source: https://www.kaggle.com/agirlcoding/all-space-missions-from-1957

MIT Licensed

Similar vizzes

Loading thumbnail…

Loading data "All Space Missions From 1957" by Enze Liu

This example loads a CSV file of all space missions from 1957 and displays basic dataset statistics in large text: file size in kilobytes, row count, and column count. It uses d3.csv to fetch and parse the data from a GitHub Gist, then reports the formatted file length and the parsed array’s dimensions. The code also includes commented alternatives using fetch with async/await and a nested promise chain, illustrating different loading approaches with D3 v5’s CSV parsing.

Rrioto9858

85% match

Loading thumbnail…

Loading and Parsing CSV Data on "All Space Missions from 1957"

This example displays summary statistics for a CSV dataset of all space missions from 1957, showing the file size in kilobytes, row count, and column count in large text. It loads the data using `d3.csv` with a promise, then calculates the metrics via `d3.csvFormat` and the parsed data’s `length` and `columns` properties. The code also includes commented alternatives using `fetch` with `async/await` and `d3.csvParse`, as well as a nested promise “pyramid of doom” pattern. The data source is a raw GitHub Gist URL.

Llintonylin

85% match

Loading thumbnail…

Space Race Data

This example presents summary statistics from a dataset of space missions since 1957, comparing countries’ programs by success and activity rates. It uses d3.csv to load the CSV, then d3.csvFormat and array filters to compute total missions, successful missions, percentage success, and active rockets. The results are rendered as plain text in a large pre element, showing the data’s size, column count, and key metrics. The source is a Kaggle dataset, accessed via a GitHub gist URL.

AAnurag Desai

81% match

Loading thumbnail…

All Space Missions from 1957

This visualization displays all space missions since 1957 as a scatterplot, with each point representing a single rocket launch. The x-axis encodes the mission date (Datum) while the y-axis lists the company name. The plot is rendered using the Vega-Lite API, which is registered with the Vega and Vega-Lite libraries. The code loads CSV data from a GitHub gist via `d3.csv`, and the chart is configured with a custom dark color scheme, no axis domain lines, and a responsive auto-fit size. Tooltips are enabled through the Vega-Tooltip handler.

Ggeorgeeeee

77% match

Loading thumbnail…

Project - All Space Missions from 1957

This visualization displays a bar chart of all space missions since 1957, with each company’s mission count broken down by mission status. It uses the Vega-Lite API in JavaScript to create a horizontal bar chart, with company names on the y-axis sorted by mission count and status color-coding the bars. The data is loaded from a CSV file via d3.csv, and the chart renders as an SVG with tooltips for company, status, and count.

Llintonylin

76% match

Loading thumbnail…

Kaggle-Privatization of Space-csv

This example loads a CSV file of global space launches from a GitHub gist and displays basic file statistics. It shows the dataset’s size in kilobytes, its row count, and its column count as large text. The code uses the d3.csv function to fetch and parse the data, then accesses the results through d3.csvFormat to compute the byte length. It also demonstrates an alternative approach using fetch with async and await in commented-out sections.

TTaylor

74% match

Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a satellite dataset, showing the row count, column count, and file size in kilobytes, followed by the first ten rows formatted as JSON. The visualization uses D3 v5’s `csv` and `csvFormat` functions to parse and measure the data, then appends the results to the body as `pre` elements. The dataset covers man-made satellites as of April 2018, sourced from the Union of Concerned Scientists.

RRyan Fleming

73% match

Loading thumbnail…

Data D3 Loader

This example demonstrates progressive loading of a remote CSV dataset by displaying its metadata. It shows the file size in kilobytes, row count, and column count derived from a CSS color palette dataset hosted as a GitHub gist. The visualization uses React hooks (`useState`, `useEffect`) to fetch and asynchronously load the data with D3’s `csv` method, then formats and displays the computed statistics in a styled `<pre>` element. The rendering is purely SVG-free text output, with D3’s `csvFormat` used to calculate string length for the size measurement.

Rrayking99

72% match