mz4987

@mz4987·10 public vizzes

CS416 Project_2

The visualization compares average user ratings and prices of Amazon top 50 bestselling books from 2009 to 2019 using two linked bar charts. It renders SVG with d3.v6, using `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisLeft`/`d3.axisBottom` to encode data from a Kaggle CSV. Interactive buttons trigger `init2()` to highlight a selected year with thicker strokes, while an animation-driven `next()` button advances through years sequentially.

Jul 28, 2021

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.

Jul 18, 2021

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.

Jul 18, 2021

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.

Jul 18, 2021

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.

Jul 18, 2021

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.

Jul 18, 2021

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.

Jul 18, 2021

Loading thumbnail…

Fork of CS416 Project_2

This interactive D3.js visualization explores Amazon's Top 50 Bestselling Books from 2009 to 2019, combining two chart types. The main view displays a scatter plot, using `d3.scaleLog` for review counts, `d3.scaleLinear` for user ratings, and circle size encoding book price, with tooltips on mouseover. A second panel shows bar charts comparing yearly user ratings and prices using `d3.scaleBand` and `d3.scaleLinear`. Buttons trigger `init()` functions to filter the data by year, and a tooltip provides book details via CSS-styled divs.

Jul 17, 2021

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.

Jul 17, 2021

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.

Jul 17, 2021