Fork of Fork of Fork of Interactive Book Dataset
This interactive dashboard presents two linked views of the Top 10 Publishers dataset: a scatterplot of average rating against text review count for individual books, and a horizontal bar chart displaying the average rating for each prominent publisher. Hovering over a point or bar highlights all books sharing the same publisher, while a dropdown menu adjusts the scatterplot’s point opacity for clearer view. Built with React and D3 v6, the visualization uses d3.csv to load data, d3.scaleLinear for axes, and SVG circle and rect elements with mouseenter/mouseleave events for coordinated highlighting.
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 average review for that book, with each data point representing that book. Bottom acis is num pages, left axis is avg review. The right graph is made up of the top 10 most popular publishers (decided by how many books were publsihed with that author) with the bottom axis being the average rating acorss all books published underneath that publisher and the left axis being that publisher. They are sorted top to bottom by number of books published.
The main interaction between the 2 graphs is the highlight feature. If you hover over a datapoint or a bar it will highlight all books with the same publisher. The bottom right of the chart also a opacity drop down button that will make ot easier to see all the datapoints.
Things to do:
Fix the bars since they are not lined up correclty with the bottom axis
A bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.