Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mahendra Gullinkala - IC6

Public visualization

Viewing a saved revision (read-only)

8629bfe7bcc5494eb6ad8ebf3862401d

Mahendra Gullinkala - IC6

0 stars0🌍 Public
Mmaheganesh
Last edited Mar 22, 2023
Created on Mar 22, 2023
Forked from Cat smiley

A horizontal bar chart displays the highest individual scores for 20 cricket players, ranked by name along the y-axis and score magnitude along the x-axis. The visualization uses React to manage state and lifecycle, loading CSV data via d3.csv and parsing numeric values on input. d3.scaleBand and d3.scaleLinear map player names and scores to SVG rectangles, while gridlines and axis tick labels are generated manually using xScale.ticks() and d3’s axis formatting utilities. The chart updates reactively when data arrives, with a red vertical gridline marking each tick value.

AI-generated description

A whole smiley face