Iterated Version for Viz Other than Scatter Plot - Sitanshu Rupani

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

92% match

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

81% match

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

78% match

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.

78% match

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

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.

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.

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.