SCATTER PLOT

100%

✓ Published0🌍 Public

Last edited Oct 19, 2025

Created on Oct 19, 2025

This scatter plot visualizes the relationship between a book's borrow count and its rating, with each point colored by genre. It displays the distribution of library books across these two quantitative variables. The visualization is built with D3 v7, using `d3.csv` to load data from a remote gist, `scaleLinear` for both axes, and `scaleOrdinal` with the Tableau10 scheme for genre colors. Points are rendered as SVG circles with tooltips, and a separate HTML legend is constructed by iterating over the unique genres.

AI-generated description

MIT Licensed

Similar vizzes

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

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

85% match

Loading thumbnail…

Fork of Reusable Scatter Plot

A reusable scatter plot displays library book data from a CSV file, plotting pages on the x-axis against borrow count on the y-axis, with circle size encoding rating and color encoding genre. The chart is built using a Bostock-style factory function that employs D3 v7 APIs including `d3.scaleLinear`, `d3.scaleSqrt`, `d3.scaleOrdinal`, `d3.axisBottom`, `d3.axisLeft`, and `d3.symbol`. A tooltip appears on mouseenter, showing the book title and all encoded values. SVG rendering includes an interactive legend for the genre categories.

Ppriyankachary1701@gmail.com

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

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

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

77% match

Loading thumbnail…

Fork of question 2

This stacked bar chart visualizes the distribution of book ratings across six genres, showing the percentage of books falling into five rating categories from "Below 5.0" to "Above 8.5." Each horizontal bar represents a genre, segmented by rating category, and hovering reveals the exact percentage for each segment via a custom tooltip. The data is loaded from a CSV file and processed using d3.stack(), with d3.scaleBand for the genre axis and d3.scaleLinear for the percentage axis. Colors are assigned via d3.scaleOrdinal, and the SVG rendering includes a legend for the rating categories.

Aamshureddy13@gmail.com

77% match

Loading thumbnail…

Activity6_Q3

This scatter plot visualizes the relationship between percentages of movie ratings in the 5.0-6.5 and 6.5-7.5 ranges, with each point representing a genre. The visualization distinguishes genres using both color and shape, encoding circles, squares, and triangles through D3 symbols. The code loads CSV data from a GitHub repository using d3.csv, applies d3.scaleLinear for both axes, and renders the chart as SVG. Axes are generated with d3.axisLeft and d3.axisBottom, while tooltips are added via SVG title elements showing genre and coordinates.

Ssaiteja.cse.rymec@gmail.com

76% match