Goodreads book rating histogram

100%

Goodreads book rating histogram

✓ Published0🌍 Public

Last edited Sep 19, 2019

Created on Sep 12, 2019

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.

AI-generated description

A visualization constructed using the vega-lite-api.

This is a histogram of all book ratings for books with > 1000 ratings based on data from the Goodreads API sourced from Kaggle

MIT Licensed

Similar vizzes

Loading thumbnail…

Top Rated Books from Goodreads

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.

JJacklyn Turner

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

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

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

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

70% match

Loading thumbnail…

Gist 6568151

A histogram displays a randomly generated Irwin–Hall distribution of 50 values, showing the count of scores binned into twenty uniform intervals. The chart uses D3’s histogram layout and linear scales to position bars, with axis ticks placed between bars to clarify bin boundaries. Bar counts are labeled above each rectangle, and mouseover events log the original data objects and associated names filtered from the source array. Rendered as SVG using d3.v2, the example demonstrates binning and interactive data binding.

11wheel

69% match

Loading thumbnail…

Movie Counts by IMDB Rating

This example shows a bar chart of movie counts binned by IMDB rating, using data from the Vega documentation’s movies.json file. The chart, built with the vega-lite-api, uses a markBar encoding with an IMDB_Rating field binned on the x-axis and a count on the y-axis. The visualization is rendered as SVG via vega and vega-lite, with tooltips provided by vega-tooltip and data loaded asynchronously through d3.json.

Yyuzhang21

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

69% match