Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Grocery Store Sales Data Loading

Public visualization

Viewing a saved revision (read-only)

c7fd7c64e8a64f2882894d995002e1ba

Grocery Store Sales Data Loading

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

This example demonstrates loading and displaying a grocery store sales dataset from an external CSV file. The visualization fetches the data using the Fetch API, parses it with `d3.csvParse`, and renders the parsed rows as formatted JSON text in a `<pre>` element using D3’s `select` and data join. The code uses D3 v7 and manages state transitions from an initial undefined value through a loading phase to the final parsed array. The dataset includes sales records with fields such as product name, total amount, and loyalty points from multiple store locations.

AI-generated description

This dataset contains information about grocery store sales from multiple location. Some of the fields of this dataset include product name, total transation amount, loyalty points, etc.

Here is the link to the Kaggle Dataset: https://www.kaggle.com/datasets/pratyushpuri/grocery-store-sales-dataset-in-2025-1900-record