Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data 3

Public visualization

Viewing a saved revision (read-only)

7155fb3c03d2433e9fe5c432c416b847

Loading Data 3

0 stars0🌍 Public
AAbhi Yammanuru
Last edited Sep 3, 2025
Created on Sep 3, 2025
Forked from Loading Data 2

This example demonstrates how to load and display CSV data from either a local file or a remote source using D3 v7's `csvParse` and `fetch` APIs. It presents a file input that lets users choose a CSV file, while also automatically loading a default `plane.csv` dataset containing airline flight information. The parsed data is rendered as a JSON-formatted text preview inside a `<pre>` element, with all numeric columns converted to numbers during parsing. The visualization updates dynamically whenever new data is loaded.

AI-generated description

This is my third dataset, with airlines flight data.

https://www.kaggle.com/datasets/rohitgrewal/airlines-flights-data

Columns: index = Numerical airline = Numerical flight = Numerical source_city = Categorical departure_time = Numerical stops = Numerical arrival_time = Numerical destination_city = Categorical class = Ordinal duration = Numerical days_left = Numerical price = Numerical