Skip to main content
SimilarExport ZIP
100%

D3 Scatter Plot - Amazon Bestsellers Dataset - Sitanshu Rupani

✓ Published1🌍 Public
SSitanshu Rupani
Last edited Sep 29, 2021
Created on Sep 15, 2021

This scatter plot displays the relationship between user ratings and book prices for Amazon’s top 50 bestsellers, with user rating on the x-axis and price on the y-axis. Each circle represents a book, positioned using d3.scaleLinear and bound to SVG circle elements via data joins. The axes are rendered with d3.axisLeft and d3.axisBottom, and the data is loaded asynchronously using d3.csv from a gist-hosted CSV file. The visualization uses D3 v6 and fills the full browser window with a minimal margin layout.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot.
This viz. is a scatter plot between the average review of a book out of 5 on the X axis vs the price of the book on the Y axis.

Source: Amazon Top 50 Bestsellers Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Viz Other than Scatter Plot - Sitanshu Rupani

This bar chart visualizes the total price of Amazon best-selling books per year from 2009 to 2019, using the d3.csv method to load the dataset. Each bar represents the sum of book prices for a specific year, with year on the x-axis and total price on the y-axis. The visualization uses d3.scaleBand for the x-axis and d3.scaleLinear for the y-axis, with rect elements rendered as SVG bars. Data comes from the Amazon Top 50 Bestselling Books 2009–2019 gist.

SSitanshu Rupani
80% match
Loading thumbnail…

Scatter Plot: Amazon Books Dataset

This scatter plot shows the relationship between the total number of reviews and the average user rating for Amazon bestselling books from 2009 to 2019. Using D3 v6, the visualization loads data from a CSV file hosted on GitHub, parses the values, and maps them to x and y axes via `d3.scaleLinear`. Circles are rendered as SVG elements, with axis labels added for both the review count and user rating. The dataset originates from a Kaggle collection of Amazon top 50 bestselling books, and the chart uses a simple, uncluttered layout with semi-transparent points to reveal clustering patterns.

RRyanYun0017
80% match
Loading thumbnail…

Interactive Amazon Top 50 Bestselling Books 2009 - 2019

This interactive scatter plot visualizes Amazon’s top 50 bestselling books from 2009 to 2019, plotting variables like average user rating, number of reviews, year published, and price against each other. Dropdown menus let users select which quantitative attributes appear on the x- and y-axes, with animated transitions between selections. Built with D3 v6, it uses `scaleLinear`, `axisLeft`, `axisBottom`, and `transition` to render SVG circles and update axes smoothly. Data comes from a Kaggle dataset loaded via a gist.

Kkwmcclintick
78% match
Loading thumbnail…

Fork of Fork of Fork of CS416 Project_2

This visualization displays Amazon Top 50 Bestselling Books data from 2009 to 2019, showing average user ratings and book prices as bar charts that can be filtered by year using buttons. A scatterplot maps book reviews, user ratings, and prices, with tooltips revealing book titles and authors on hover. The D3.js v6 code uses `d3.scaleBand`, `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` for the bar charts, while circles are positioned with `d3.scaleLog` for reviews and styled with `d3.scaleLinear` color scales. Data loads from CSV files hosted on GitHub, and interactions include animated tooltips styled with CSS.

Mmz4987
78% match
Loading thumbnail…

Iterated Version for Viz Other than Scatter Plot - Sitanshu Rupani

This stacked bar chart visualizes the year-over-year total price of Amazon’s top 50 bestselling books from 2009 to 2019. Individual book prices are aggregated into color-coded buckets, revealing how the combined cost of bestsellers fluctuates annually. The chart uses D3.js (v6) with SVG rendering, employing `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom`/`d3.axisLeft` for tick marks. A legend distinguishes four price ranges (under $10, $10–15, $15–20, over $20), and the dataset comes from a public gist of Amazon bestseller records.

SSitanshu Rupani
77% match
Loading thumbnail…

CS416 Project_2

This interactive visualization explores Amazon’s top 50 bestselling books from 2009 to 2019. It presents dual bar charts tracking average user ratings and book prices per year, alongside a scatterplot of individual books using logarithmic review counts, with circle size encoding price. Users select individual years via buttons to update the scatterplot. The code uses D3 v6 with SVG rendering, employing `d3.scaleBand`, `d3.scaleLinear`, `d3.scaleLog`, and mouse event handlers for tooltips, sourcing data from a Kaggle dataset.

Mmz4987
77% match
Loading thumbnail…

Fork of Fork of CS416 Project_2

This visualization explores Amazon’s Top 50 Bestselling Books from 2009 to 2019, using two synchronized bar charts to display average user ratings and prices per year. A scatterplot, rendered with d3.scaleLog and animated circle transitions, shows individual books for a selected year, encoding price in radius and color, with tooltips revealing titles and authors. The interface uses buttons to update the scatterplot, while the bars remain static. Data is loaded asynchronously via d3.csv from a GitHub-hosted CSV, with SVG elements styled through D3’s scaleLinear and axis APIs.

Mmz4987
77% match
Loading thumbnail…

Amazon Top 50 Bestselling Books 2009 - 2019 Example Scatter Plot

This scatter plot visualizes the relationship between book price and publication year for Amazon’s Top 50 Bestselling Books from 2009 to 2019, using a dataset loaded from a gist and Kaggle. It displays each book as a circle, with the year on the x-axis and price on the y-axis. Built with D3 v6, the visualization uses `d3.csv`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to render the SVG circles and axes. The chart includes a title and axis labels, with point radius fixed at 3 pixels.

Kkwmcclintick
77% match