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

Viewing a saved revision (read-only)

d44481681de24466be1383b30996cfde

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.