Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Gin Data

Public visualization

Viewing a saved revision (read-only)

48d96e1b5d794849a8028ce0ed7452f9

Loading Gin Data

0 stars0🌍 Public
SSpencer McAvey
Last edited Jan 19, 2023
Created on Jan 19, 2023
Forked from Loading Data

This example demonstrates the initial loading state of a gin review dataset, first displaying a JSON preview of the raw data before fetching and parsing the CSV file. The visualization uses D3's `select` to bind to the container, `join` to manage the `<pre>` element, and `csvParse` to transform the tabular data into JavaScript objects. The code explicitly handles three states—undefined, 'LOADING', and loaded data—to show the transition from a blank screen to the final structured dataset. The dataset itself originates from a Kaggle gin review collection, containing fields such as price, ABV, score, and tasting notes.

AI-generated description

A dataset on gin reviews fetched from: https://www.kaggle.com/datasets/akhilreddy9554/gin-dataset. Includes a score out of 5, gin name, notes, country of origin, price in GBP, abv %, # reviews, and a description.