Top Rated Books from Goodreads

100%

Top Rated Books from Goodreads

✓ Published0🌍 Public

Last edited Sep 26, 2019

Created on Sep 12, 2019

The visualization displays top-rated books from Goodreads, filtered to those with an average rating above 4.6 and over 1,000 ratings. It plots book titles vertically against average rating, with circle size encoding ratings count and color indicating authors. Built with vega-lite-api and rendered through vega-lite, it loads CSV data from a Goodreads-sourced gist, using the tooltip handler for interactive title details.

AI-generated description

This visualization was constructed using the vega-lite-api and contains data collected sourced from the Goodreads API.

The dataset includes information and aggregates on books such as title, author, average ratings, ratings count, etc. The visualization shows the top books based on average rating and indicates the authors and ratings counts for those books.

MIT Licensed

Similar vizzes

Loading thumbnail…

Goodreads book rating histogram

A histogram displays the distribution of average ratings among Goodreads books with more than 1,000 ratings, using data sourced from Kaggle. The chart aggregates ratings into bins along the x-axis while the y-axis counts books per bin. Built with the vega-lite-api, it uses `vl.markBar` with a binned quantitative field and a count aggregation, styled through a custom config. Data is loaded via `d3.csv` and filtered, then rendered with Vega-Lite’s SVG output.

JJacklyn Turner

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

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

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

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

72% match

Loading thumbnail…

Book ratings

This visualization displays the distribution of book ratings across various genres, with each horizontal bar representing a genre and stacked segments showing the proportion of ratings in different ranges (below 1.0, 1.0-1.5, 1.5-2.5, 2.5-3.5, above 3.5). The chart uses D3 v7 loaded via UNPKG, with d3.scaleOrdinal for color mapping, d3.scaleLinear for the x-axis, d3.scaleBand for the y-axis, and d3.stack for creating the stacked bar data from a CSV file. Interactive tooltips display exact percentages on hover, and a legend indicates the rating categories. The SVG rendering includes shared axes and a title, with data processed through d3.csv.

HHarshithaAmbilpur

71% match

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.

Mmz4987

70% match

Loading thumbnail…

Untitled

This example visualizes Google Play Store app data with a bar chart that sums app reviews by category, color-coded by content rating. The visualization is built using the vega-lite-api library, which registers with vega and vega-lite, and renders as an SVG via vega-tooltip for interactivity. It loads data from a CSV URL using d3.csv, sorts the categories by review count, and displays tooltips showing aggregated review sums. The appearance is customized through a shared config object that adjusts axis ticks, label fonts, and color styling.

XXinting Yao

69% match