course_part2

Loading and Parsing CSV - Colors

This example demonstrates how to load and parse a CSV file using D3 v7, displaying summary statistics about the dataset. It fetches a remote CSV containing named CSS colors, parses it with `d3.csv`, and shows the file size in kilobytes, the number of rows, and the number of columns. The text is rendered in a large `<pre>` element using the Fetch API’s `response.text()` method. The code relies on `d3.csv`, `d3.csvFormat`, and the built-in `fetch` function for data retrieval.

Llefat92

D3 Tutorial part 2

This example demonstrates how to retrieve and summarize a remote CSV file using D3.js. It fetches a comma-separated file containing CSS named colors from a GitHub gist, then displays a text summary of the data’s size in kilobytes, row count, and column count using `d3.csv()` and `d3.csvFormat()`. The result is rendered into an HTML `<pre>` element, with the asynchronous fetch handled via `fetch()` and JavaScript’s `async`/`await` pattern. The page uses the d3.v5 library and relies on basic DOM manipulation.

TTontonRitonBZH

CSS Data Viz exercise

This example demonstrates the basic usage of D3 to load and summarize a CSV dataset. It fetches a CSV file containing CSS named colors from a GitHub gist using `d3.csv`, then displays the dataset’s row count, column count, and approximate file size in kilobytes. The computed information is rendered as plain text inside a `<pre>` element with a large font size. The code relies on D3’s CSV parsing and formatting utilities, including `d3.csv`, `d3.csvFormat`, and the resulting data array’s `length` and `columns` properties.

JJenna Hamza

Loading and Parsing CSV Data

This example demonstrates how to load, parse, and summarize a CSV file using D3.js (v5). It fetches a remote CSV file containing CSS named colors from a GitHub gist via the `d3.csv` method, then displays the formatted data’s size in kilobytes, the number of rows, and the number of columns in a large `<pre>` element. The code also separately fetches the raw text using the `fetch` API and calls `d3.csvParse` to parse it, though that parsed result is not displayed. The visualization serves purely as a text-based output of dataset statistics, highlighting D3’s CSV parsing and formatting utilities.

WWeiping

Loading and Parsing CSV Data

This example demonstrates how to load and summarize a CSV file using D3 v7. It fetches a remote dataset containing CSS named colors from a GitHub gist, then displays the file size, row count, and column count in a large text element. The code uses the Fetch API to retrieve the raw text and D3’s `d3.csv` to parse it into an array of objects, with `d3.csvFormat` measuring the parsed data’s size. The page dynamically renders these statistics into an HTML `<pre>` container.

MMamveguh

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 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 with D3

This example demonstrates loading a remote CSV file and displaying basic dataset statistics. It fetches CSS named colors from a GitHub gist and shows the file size in kilobytes, the total number of rows, and the column count. The visualization uses D3 v7’s `d3.csv` method to parse the data asynchronously, then `d3.csvFormat` to calculate the raw text length, with results rendered to a `<pre>` element. The code also includes commented alternatives using `fetch` and `d3.csvParse`.