Skip to main content
SimilarExport ZIP
100%

Q3

✓ Published0🌍 Public
Ssindhuja27b@gmail.com
Last edited Apr 5, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

A scatter plot maps book reviews against price for the BestSellers dataset, with each point colored blue or green to distinguish Fiction from Non Fiction genres. The visualization loads CSV data via `d3.csvParse`, scales axes with `d3.scaleLinear`, and renders circles in an SVG. It uses `d3.axisBottom` and `d3.axisLeft` for labeled axes, while an ordinal `d3.scaleOrdinal` assigns genre colors and a custom legend displays the two categories.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Q3

This Q3 scatter plot visualizes buyer data, showing the relationship between product price and review count. Each circle represents an item, with position determined by its numeric `Reviews` and `Price` values. The plot uses a linear scale for both axes and includes a legend, though the code colors points based on a `Genre` field using `d3.scaleOrdinal`, mapping values to red and black, despite the legend listing 'Positive' and 'Negative'. The visualization is rendered as an SVG with D3.js v7, fetching the dataset from a GitHub Gist URL and parsing it with `d3.csvParse`. Axes are generated using `d3.axisBottom` and `d3.axisLeft`.

HHarshithakodakandla@my.unt.edu
81% match
Loading thumbnail…

Q3

This scatter plot visualizes a dataset's sales quantity against sales cost. The visualization uses D3's `scaleLinear` to map data to pixel coordinates, `axisLeft` and `axisBottom` for the axes, and `csv` to load the remote dataset. Circle markers are colored by item category (Electronics, Cosmetics, or other) using a custom function. The chart renders as SVG, sized to fit the browser window, with green axis labels.

Jjangalaupender@my.unt.edu
78% match
Loading thumbnail…

Activity-6 Q.3.6

This example displays a scatter plot of buyer data, showing the relationship between the number of reviews and the price of products, with points colored by genre (positive or negative). The visualization uses D3 v7 to fetch a CSV file from a GitHub Gist, parse it, and render the points as SVG circles. D3’s scaleLinear functions map the data values to pixel coordinates, while d3.axisBottom and d3.axisLeft create the labeled axes. A simple legend, built using D3’s data join, indicates the categorical color mapping via scaleOrdinal.

Mmalampatiramya03@gmail.com
76% match
Loading thumbnail…

D3 Scatter Plot - Amazon Bestsellers Dataset - Sitanshu Rupani

This scatter plot displays the relationship between user ratings and book prices for Amazon’s top 50 bestsellers, with user rating on the x-axis and price on the y-axis. Each circle represents a book, positioned using d3.scaleLinear and bound to SVG circle elements via data joins. The axes are rendered with d3.axisLeft and d3.axisBottom, and the data is loaded asynchronously using d3.csv from a gist-hosted CSV file. The visualization uses D3 v6 and fills the full browser window with a minimal margin layout.

SSitanshu Rupani
76% match
Loading thumbnail…

SCATTER PLOT

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.

Ppriyankachary1701@gmail.com
75% 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
75% match
Loading thumbnail…

question-3

This scatter plot visualizes a dataset, mapping one attribute to the x-axis and another to the y-axis, with each point’s color representing a species category. The visualization uses the D3 library (v6) to load CSV data via `d3.csv`, scales the axes with `d3.scaleLinear`, and renders the points as SVG circles. Additional data fields for sales cost and rating are mapped to the circle’s `rx` and `ry` attributes, though they are not visually apparent in the default rendering. Axis labels are added using SVG text elements.

Gganeshrajuparmalla@my.unt.edu
74% 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
74% match