Viz Other than Scatter Plot - Sitanshu Rupani

100%

Viz Other than Scatter Plot - Sitanshu Rupani

✓ Published1🌍 Public

Last edited Sep 29, 2021

Created on Sep 21, 2021

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.

AI-generated description

The above viz shows a bar chart from the Amazon Best Sellers Dataset.
It shows the total price of all bestsellers in a partcilcuar year.
This graph showcases how the prices of bestseller books moves up or down year over year.

The source for this dataset is from this gist Amazon Top 50 Bestselling Books 2009 - 2019.

MIT Licensed

Similar vizzes

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

92% match

Loading thumbnail…

Amazon Top 50 Bestselling Books 2009 - 2019 Example Bar Chart

This bar chart displays the highest price among Amazon’s top 50 bestselling books for each year from 2009 to 2019. The x-axis represents book price in dollars, while the y-axis lists years. The data comes from a CSV file sourced from Kaggle. The visualization is built with D3 v5, using `scaleLinear` and `scaleBand` for axes and `axisBottom` and `axisLeft` for rendering ticks. Bars are drawn as SVG rectangles, with a title and axis label added as SVG text elements.

Kkwmcclintick

82% match

Loading thumbnail…

D3 Scatter Plot - Amazon Bestsellers Dataset - Sitanshu Rupani

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.

SSitanshu Rupani

80% 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

79% 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

76% 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

76% match

Loading thumbnail…

Vizhub Bar Graph

This example shows a horizontal bar chart of Amazon prices across different states, with country names on the y-axis and cost values on the x-axis. The visualization uses React hooks (useState and useEffect) to load CSV data from a GitHub gist, then renders the chart as SVG elements. The code employs d3.csv for data parsing, d3.scaleBand for the categorical y-axis, d3.scaleLinear for the numeric x-axis, and d3.max to determine the domain. A red gridline is drawn at each x-axis tick value, with the most recently imported year’s data shown.

CCH SAMPATH

75% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Fork of CS416 Project_2

This visualization displays Amazon Top 50 bestselling books from 2009 to 2019, showing average user ratings and prices per year through grouped bar charts. Users select individual years via buttons to view summary statistics. The D3.js (v6) code uses `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` to render SVG rectangles, with color scales mapping rating and price values. Data is loaded asynchronously from CSV files via `d3.csv`, and two separate chart panels share the SVG canvas.

Mmz4987

75% match