Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data - Goodreads Books

Public visualization

Viewing a saved revision (read-only)

9b62e52892214a3b910031964ecad7cf

Loading Data - Goodreads Books

0 stars0🌍 Public
AAlexis Caira
Last edited Sep 4, 2025
Created on Sep 3, 2025
Forked from Loading Data

This example demonstrates the initial step of a data visualization pipeline: loading a Goodreads dataset from a CSV file. It shows raw JSON-formatted data in a `<pre>` element, with attribute names and values like book titles and ratings clearly visible. The code uses D3 v7's `csvParse` and `select` within a state-management pattern, where `fetch` retrieves the file and `setState` updates the view after parsing. The visualization itself is minimal, displaying the loaded data structure without any graphical encoding.

AI-generated description

The Metropolitan Museum of Art mantains an open access CSV of all their art within their two locations and the data collected on it. The data is mantained on their Github: https://github.com/metmuseum/openaccess?tab=readme-ov-file by staff.