Skip to main content
SimilarExport ZIP
100%

Interactive Amazon Top 50 Bestselling Books 2009 - 2019

✓ Published0🌍 Public
Kkwmcclintick
Last edited Oct 4, 2021
Created on Oct 4, 2021

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.

AI-generated description

This scatter plot interactively shows user rating, price, year, and number of reviews for Amazon top 50 best selling books by year. Shows the "Amazon Top 50 Bestselling Books 2009 - 2019" data sets relationshiph between max price and year. This data set was loaded from my gist which was sourced from Kaggle.

MIT Licensed

Similar vizzes

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
89% 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
88% 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
87% match
Loading thumbnail…

Fork of Fork of Fork of Fork of CS416 Project_2

This interactive visualization displays Amazon Top 50 Bestselling Books from 2009 to 2019, showing average user ratings and prices as grouped bar charts across years. Users can click buttons to filter the view to a specific year, which triggers a scatterplot of book price against user rating with a tooltip showing the book name and author. Built with D3 v6, the visualization uses `d3.scaleBand`, `d3.scaleLinear`, `d3.scaleLog`, and `d3.axisBottom`/`d3.axisLeft` to render SVG elements with animation on data updates.

Mmz4987
86% 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
86% match
Loading thumbnail…

Fork of Fork of Fork of CS416 Project_2

This example visualizes Amazon’s top 50 bestselling books from 2009–2019, offering two linked views: bar charts of average user ratings and book prices by year, plus a scatterplot for a selected year plotting reviews versus ratings with circle size encoding price. Users select a year via buttons, triggering an animated scatterplot update. The visualization uses D3.js v6 with SVG rendering, employing `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleLog` for axes, and a tooltip for interactive details. Data comes from a CSV hosted on GitHub.

Mmz4987
86% match
Loading thumbnail…

Fork of Fork of CS416 Project_2

This visualization presents Amazon’s top 50 bestselling books from 2009 to 2019 using D3.js v6, rendering as SVG with interactive buttons. It shows two side-by-side bar charts tracking average user ratings and prices across years, colored by value, plus a scatterplot for a selected year where each circle represents a book, positioned by number of reviews and user rating, with size and color encoding price. Hovering reveals book name and author via an HTML tooltip, driven by D3 mouse events and scales like `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleLog`, using CSV data loaded from GitHub.

Mmz4987
85% 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
85% match