Viewing a saved revision (read-only)
8759e85200cf4c6391dc5381ce9e3c22
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.
AI-generated descriptionWelcome to my project current draft. Ths is made up of 2 graphs, the left graph which shows the relationship between number of pages and avergae review for that book, with each data point representing that book. The right graph is made up of the top 10 most popular publishers (decided by how many books were publsihed with that author)
A bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.