Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-6

Public visualization

ICE-6

0 stars0🌍 Public
Hhasinipriyad7@gmail.com
Last edited Oct 18, 2025
Created on Oct 18, 2025
Forked from React Starter

This horizontal bar chart displays total Quidditch points earned by players from a CSV file, with bars colored by Hogwarts house (Gryffindor, Hufflepuff, Ravenclaw, Slytherin) and labeled with each player's point total. The visualization loads data via `d3.csv`, aggregates points per player using JavaScript's `reduce`, and renders SVG elements through React components. Axis ticks, grid lines, and bar labels are generated using `d3.scaleBand`, `d3.scaleLinear`, and `d3.format`, while the chart layout is defined by explicit margin and size constants.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed