Fork of Reusable Scatter Plot

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.

95% match

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.

93% match

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.

86% match

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

81% match

Sserebryanaya.n@gmail.com

Fork of Reusable Scatter PLot

This interactive scatter plot visualizes JavaScript libraries by their GitHub stars and minified file size, with circle radius and color encoding additional data dimensions. Built with React and D3 v7, it uses `scaleSqrt` for proportional radii, `scaleSequential` with `interpolateCool` for color mapping, and renders SVG circles with tooltips. Data loads from a CSV file via `d3.csv`, and axes are generated using `axisLeft` and `axisBottom`, with margins configured for layout.

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

Fork of Fork of Reusable D3 Scatter Plot

This example demonstrates a reusable D3.js scatter plot that visualizes Amazon book data, plotting petal width against average rating. It uses the d3.csv function to load and parse the dataset, then employs d3.scaleLinear, d3.axisBottom, and d3.axisLeft to render the axes and circles for each data point. The plot updates its x-axis and circle positions every two seconds by cycling through different numeric columns, driven by setInterval and the scatterPlot function’s configurable accessor methods. The visualization relies on D3 v7 (and v6 in package.json) with SVG rendering and animation.

BBALAJI MANDAVA

Fork of Line Chart

This fork of a line chart by priyankachary1701 visualizes total book borrow counts per publication year, drawn from a CSV of library books. The D3 v7 code fetches the data, rolls it up by year with `d3.rollup` and `d3.sum`, then renders an SVG line and points. The chart includes axes, gridlines, and a hover tooltip, using D3 scales (`scaleLinear`), `d3.line`, and the selection API alongside `d3.csvParse` for data ingestion.