Chargement de données CSV

Loading CSV Data

This example demonstrates how to load and summarize a CSV file from a remote URL using D3 v7. It fetches data containing CSS named colors and displays three metrics in a large text block: file size in kilobytes, row count, and column count. The code uses the `d3.csv` method to parse the data and `d3.csvFormat` to calculate its string length for size estimation. Results are inserted into the page via the DOM API `textContent`.

Ddmagarian

Loading and Parsing CSV Data

This example demonstrates how to load and parse a CSV file using D3.js v6, displaying basic dataset statistics as text. It fetches a remote CSV file containing CSS named colors and calculates the file size in kilobytes, the number of data rows, and the number of columns. The code uses `d3.csv` to asynchronously retrieve and parse the data, then `d3.csvFormat` to measure its formatted string length. Results are shown in the browser console and rendered in a large `<pre>` element on the page.

BbeauMarko

Loading and Parsing CSV Data

This example demonstrates a straightforward way to load and parse CSV data using the D3.js library, version 7. It fetches a remote file containing CSS named colors and then displays three summary statistics: the formatted data size in kilobytes, the total row count, and the number of columns. The visualization uses `d3.csv()` to asynchronously fetch and parse the data, then computes the output by calling `d3.csvFormat()` to measure the data’s serialized length. Results are rendered as plain text inside an HTML `<pre>` element, with the font size significantly enlarged for readability.

JjohnmurphyLC

Loading and parsing CSV data

This example demonstrates the basic workflow of loading and parsing a CSV file with D3. It fetches a named CSS color dataset from a GitHub Gist and computes three summary statistics: the size of the formatted CSV data in kilobytes, the total number of data rows, and the number of columns. The results are displayed as large text in a browser. The code uses `d3.csv` to retrieve and parse the remote data, while `d3.csvFormat` is used to serialize the dataset back into a string to measure its length.

11tang

Loading and Parsing CSV Data

This example demonstrates the basic workflow of loading and parsing CSV data with D3.js. It fetches a remote CSV file containing named CSS colors and displays the file size in kilobytes, the number of rows, and the number of columns as text on the page. The code uses `d3.csv` to load the data and `d3.csvFormat` to measure its size, while `data.length` and `data.columns.length` report the dataset structure. The concise output highlights the parsed data’s dimensions without visualizing the actual color values.

BBenoit Mouly

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3.js, displaying summary statistics about the CSS Named Colors dataset. The visualization shows the file size in kilobytes, the total number of rows, and the number of columns parsed from the remote CSV source. The code uses the D3 v5 `d3.csv` and `d3.csvFormat` functions to fetch and parse the data, displaying the computed values in a large pre-formatted text block. It also includes commented-out alternatives using `fetch` with `async`/`await` and `d3.csvParse` for comparison.

Mmattaouad

Loading and Parsing CSV Data

This example demonstrates the process of loading and parsing CSV data from a remote URL using D3.js version 7. It fetches a dataset of CSS named colors from a GitHub gist and displays three summary statistics: the data size in kilobytes, the number of rows, and the number of columns. The visualization uses the `d3.csv` method to asynchronously retrieve and parse the file, then `d3.csvFormat` to calculate its byte length. Results are rendered as large text inside an HTML `<pre>` element, providing a simple, non-graphical output.

AAlexalim28

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using the D3.js library, displaying summary statistics about the dataset in a large text block. The visualization fetches a remote CSV file containing CSS named colors from a GitHub Gist, then uses `d3.csv` to parse the data and `d3.csvFormat` to measure its size. The output shows the file size in kilobytes, the number of rows, and the number of columns, providing a quick overview of the dataset's structure. The code also includes commented-out alternatives using the `fetch` API and `d3.csvParse`.

Kkevin-jake