Book Dataset

100%

✓ Published2🌍 Public

Last edited May 2, 2024

Created on May 1, 2024

Forked from Fork of Fork of Scatterplot for peng bird 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.

AI-generated description

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

Similar vizzes

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

87% match

Loading thumbnail…

Interactive Book Dataset

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.

FFremont

85% match

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

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

82% match

Loading thumbnail…

Scatter Plot: Books' Average Rating Compared to Number of Ratings (CS 573 Assignment #3.1)

This scatter plot visualizes the relationship between a book's average rating and its number of ratings using the Book Publishing Dataset. It reveals a slight trend where books with more ratings tend to have lower average ratings, while also showing that higher-rated books generally sell more copies. The visualization encodes the number of units sold through circle size, with points rendered as semi-transparent green circles. The code uses d3.csv for data loading, d3.scaleLinear for axes and size mapping, and d3.axisLeft and d3.axisBottom for chart axes within an SVG rendered by d3.select.

AAlex Pietrick

80% match

Loading thumbnail…

Scatter Plot: Amazon Books Dataset

This scatter plot shows the relationship between the total number of reviews and the average user rating for Amazon bestselling books from 2009 to 2019. Using D3 v6, the visualization loads data from a CSV file hosted on GitHub, parses the values, and maps them to x and y axes via `d3.scaleLinear`. Circles are rendered as SVG elements, with axis labels added for both the review count and user rating. The dataset originates from a Kaggle collection of Amazon top 50 bestselling books, and the chart uses a simple, uncluttered layout with semi-transparent points to reveal clustering patterns.

RRyanYun0017

79% match

Loading thumbnail…

Fork of Reusable Scatter Plot

This scatter plot visualizes library books by pages and borrow count, with point size encoding rating and color encoding genre. The visualization is built using D3 v7, employing the reusable scatter-plot factory pattern similar to Bostock's approach. It uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for sizing, `d3.scaleOrdinal` with `d3.schemeTableau10` for colors, and `d3.axisBottom`/`d3.axisLeft` for ticks. Tooltips display title, pages, borrows, rating, and genre, while a legend maps genre colors. Data comes from `Library_book.csv`, loaded via a Gist URL.

Ppriyankachary1701@gmail.com

78% match

Loading thumbnail…

Fork of Reusable Scatter Plot

This interactive scatter plot visualizes library book data, showing relationships between numeric attributes like borrow count, rating, pages, and year, with points colored by genre. Users can dynamically switch the X and Y axes via dropdown menus and adjust point radius with a slider control. The visualization is built using a reusable D3.js module with a closure-based API for configuring scales, axes, and accessors. It employs D3's `d3.csvParse` for data loading, `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `schemeTableau10` for color encoding, and SVG rendering with hover tooltips.

Ppriyankachary1701@gmail.com

78% match