Interactive Book Dataset

100%

Interactive Book Dataset

✓ Published1🌍 Public

Last edited May 8, 2024

Created on May 2, 2024

This visualization presents two linked views of a GoodReads dataset of the top 10 most popular publishers. The left panel is a scatterplot mapping book page count against average rating, while the right panel displays a horizontal bar chart of publishers sorted by rating. Both views use green circles and bars that turn red on hover via D3 mouse events. The code employs d3.scaleLinear, d3.scaleBand, d3.axisBottom, and d3.axisLeft, rendering with SVG. Data is loaded asynchronously from a remote CSV using d3.csv.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Fork of Interactive Book Dataset

This visualization presents a dual-chart view of a GoodReads book dataset. The left panel is a scatterplot of average rating versus page count, with each book as a point. The right panel is a horizontal bar chart displaying the top 10 most popular publishers, with bars sorted by the number of books published and positioned along the average rating axis. Hovering over any data point or bar highlights all books sharing that publisher’s identity across both charts, while a dropdown menu adjusts circle opacity. The implementation uses D3.js v6, including scales for linear and band layouts, SVG circle and rect elements, and mouse event listeners.

FFremont

94% match

Loading thumbnail…

Fork of Fork of Interactive Book Dataset

This visualization presents two linked charts from a GoodReads dataset: a scatterplot of book ratings counts against average ratings, and a horizontal bar chart of the top 10 publishers by average rating. Hovering over a dot or bar highlights all books from that publisher across both views. A dropdown menu adjusts the opacity of the scatterplot points. The piece is built with React and D3.js (v6), using SVG elements and transitions, with data parsed via `d3.csv`.

FFremont

91% match

Loading thumbnail…

Fork of Fork of Fork of Interactive Book Dataset

This interactive dashboard presents two linked views of the Top 10 Publishers dataset: a scatterplot of average rating against text review count for individual books, and a horizontal bar chart displaying the average rating for each prominent publisher. Hovering over a point or bar highlights all books sharing the same publisher, while a dropdown menu adjusts the scatterplot’s point opacity for clearer view. Built with React and D3 v6, the visualization uses d3.csv to load data, d3.scaleLinear for axes, and SVG circle and rect elements with mouseenter/mouseleave events for coordinated highlighting.

FFremont

89% match

Loading thumbnail…

Book Dataset

This scatterplot visualizes the relationship between the number of pages and average rating for a dataset of books from GoodReads. The x-axis maps page count and the y-axis maps average rating, with each semi-transparent green circle representing a single book. Built with D3 v6 in React, it loads CSV data from a GitHub repository and uses `d3.scaleLinear`, `d3.extent`, and `d3.axisBottom`/`axisLeft` to construct the axes. Hovering over a circle logs the corresponding data point to the console.

FFremont

85% match

Loading thumbnail…

Book Dataset with slider

This scatterplot visualization explores a Goodreads book dataset, plotting each book as a point according to selectable axes, such as average rating, page count, and review counts. The interface includes dropdown menus to change the X and Y axis attributes, as well as a separate dropdown to control the opacity of all the circles, allowing users to see density variations in the data. Built with React and d3.v6, the visualization uses `d3.scaleLinear` and `d3.extent` for axis scaling, `d3.axisBottom` and `d3.axisLeft` for rendering axes, and `transition().style('opacity', ...)` for smooth updates. Data is loaded from a CSV file using `d3.csv`.

FFremont

82% match

Loading thumbnail…

Book Publishing Dataset Interactive Scatter Plot (CS 573 Assignment #6.1)

This interactive scatter plot visualizes a book publishing dataset, with each point colored by publisher and revealing the title, author, publisher, and axis values on hover. Users can select different quantitative or categorical attributes for both axes via dropdown menus, triggering animated transitions of the circles and axes. Built with D3 v6, it uses `scaleLinear`, `scalePoint`, `axisLeft`, `axisBottom`, and `transition` to smoothly update positions, while a custom tooltip displays details. Data is loaded as CSV from a GitHub gist.

AAlex Pietrick

81% match

Loading thumbnail…

Fork of Customizing Axes with books

This bar chart displays the top 10 most popular publishers by average review rating, using data from a CSV file loaded via d3.csv. The visualization customizes D3 axes with d3.axisBottom and d3.axisLeft, removing domain lines and applying tick formatting with d3.format to abbreviate large numbers. Data is rendered as SVG rectangles scaled with d3.scaleLinear and d3.scaleBand, featuring custom tick text sizes, axis labels, and a title styled through CSS.

FFremont

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

78% match