Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of ICE-6: Rendering Marks and Channels with React & D3

Public visualization

Fork of Fork of ICE-6: Rendering Marks and Channels with React & D3

0 stars0🌍 Public
SSaiipriiya
Last edited Mar 10, 2023
Created on Mar 10, 2023

This interactive bar chart displays student statistics by area, using an SVG visualization rendered through React and D3. The chart loads data from a CSV file via `d3.csv`, then maps area names to horizontal bars using `d3.scaleBand` and `d3.scaleLinear` for axes. Tick marks and labels are generated with `d3.axisLeft` and `d3.axisBottom` equivalents, while React components manage the rendering pipeline. The visualization uses `d3.max` and `d3.format` for scaling and number formatting, with the top 15 records shown.

AI-generated description

A bare minimum HTML page.

Comments

Sign in to join the discussion.

MIT Licensed