Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Fork of Rendering Data with React & D3

Public visualization

Fork of Fork of Fork of Rendering Data with React & D3

0 stars1🌍 Public
Kkirangithub23
Last edited Jun 25, 2022
Created on Jun 25, 2022

This visualization displays a horizontal bar chart comparing student marks, using a dataset loaded from a CSV file and limited to the first 10 students. The chart renders as an SVG, with blue bars representing each student’s score on a linear scale, while a band scale positions the student names on the y-axis. The code combines React hooks for state management and data loading with D3 utilities such as `csv`, `scaleBand`, `scaleLinear`, and `max` to compute scales and render tick marks and rectangles.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed