Skip to main content
SimilarExport ZIP
100%

Amazon best sellers June 2021

✓ Published0🌍 Public
AAkanksha
Last edited Jan 23, 2024
Created on Jan 23, 2024

This visualization displays the first record of a CSV dataset representing Amazon best sellers from June 2021. The code uses d3-fetch’s `csv` loader to parse the data, then renders the entire first row as a JSON string inside an HTML `<pre>` element. The example emphasizes raw data inspection rather than graphical encoding, highlighting the parsed quantitative attributes in a fixed-size font. The dataset is sourced from a public repository and loaded via a relative path in the `data.csv` file.

AI-generated description

The Penguins Dataset, loaded and parsed as CSV.

Challenge

  • Find 3 datasets on a topic you are interested in
  • For each of those, fork this viz and replace the data
  • Parse the quantitative attributes into numbers
  • Update README.md to indicate the original data source
MIT Licensed

Similar vizzes

Loading thumbnail…

Amazon best sellers June 2021

This example displays the first row of the Amazon best sellers June 2021 dataset as a JSON object in a large monospace font. It uses the `main` function to inject a formatted `<pre>` element into the container, with the data parsed to convert ratings, review counts, prices, seller counts, and ranks into numeric types. The source is a Kaggle CSV file, loaded via an ES6 import from `./data.csv`.

AAkanksha
85% match
Loading thumbnail…

Loading and Parsing CSV Data - Amazon Bestsellers List Dataset

This example demonstrates loading and parsing a CSV file using D3 v5, displaying the dataset’s size in kilobytes, row count, and column count as large text. It fetches Amazon bestselling books data from a GitHub gist via `d3.csv` and processes it with `d3.csvFormat` to calculate the byte size. The visualization confirms successful data ingestion without rendering charts, focusing solely on the parsing step. The data includes book titles, authors, genres, user scores, prices, years, and review counts from 2009 to 2019.

SSitanshu Rupani
76% match
Loading thumbnail…

Data Table Summary

This visualization displays a plain-text summary of a CSV file containing product data, showing the total number of rows, columns, and file size in kilobytes, followed by the first ten records as formatted JSON. The code uses D3 v5’s `select` and `csv` functions to fetch and parse the data, then appends `<pre>` elements to the page body. The dataset includes product names, prices, SKU numbers, and promotional details from an e‑commerce listing. The dark background with green monospaced text evokes a terminal aesthetic.

NNikkor
69% match
Loading thumbnail…

Data Table Summary

This visualization displays a summary of a dataset loaded from a CSV file, showing the row and column counts alongside the file size in kilobytes. It then prints the first 10 rows of data as a formatted JSON object. The code uses `d3.csv` to fetch and parse the data, `d3.csvFormat` to measure the data size, and `d3.select` to append `<pre>` elements displaying the textual output.

SShane Carey
68% match
Loading thumbnail…

Loading and Parsing CSV Data

This visualization demonstrates how to load and parse CSV data, displaying basic statistics about the dataset in a large text format. It fetches the CSS Named Colors dataset from a GitHub gist and reports the file size in kilobytes, the number of rows, and the number of columns. The example uses D3 v5’s `d3.csv` method for parsing, with an alternative commented-out approach using the Fetch API, `async/await`, and `d3.csvParse`. The resulting information is rendered into an HTML `<pre>` element via the DOM’s `textContent` property.

FFábio Correia
68% match
Loading thumbnail…

Import data with D3

This visualization demonstrates how to import and summarize a CSV dataset using D3. It loads the CSS named colors dataset from a GitHub gist via `d3.csv`, then displays the file size in kilobytes, row count, and column count in a large text format. The page uses D3 v6 and plain HTML, with the results rendered into a `<pre>` element. The example highlights the promise-based data loading pattern and formatting utilities like `d3.csvFormat`.

Kkragovic
68% match
Loading thumbnail…

Fork of Fork of Fork of CS416 Project_2

This interactive visualization presents a narrative of Amazon’s top 50 bestselling books from 2009 to 2019, using data from Kaggle. Users select a year or the full range via buttons to update a scatterplot rendered in SVG, showing each book’s rating against its price. The chart is built with D3 v6, using `d3.select` and `d3.csv` to load data and dynamic joins to redraw circles based on the chosen time period. Tooltips provide additional book details on hover.

Mmz4987
68% match
Loading thumbnail…

Fork of Loading and Parsing CSV Data

This visualization demonstrates how to load and parse CSV data using D3.js version 5. It fetches an electric accounts dataset from a GitHub-hosted CSV file and displays basic statistics about the data, including file size in kilobytes, row count, and column count. The implementation uses `d3.csv` to asynchronously retrieve and parse the data, then formats the information with `d3.csvFormat`. The result appears as large text in an HTML `<pre>` element, showing how fetched tabular data can be summarized and presented.

RRadhakrishna246
68% match