Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

4412880e0f4b4834b362925b9d8c948c

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

0 stars1🌍 Public
SSaiipriiya
Last edited Mar 7, 2023
Created on Mar 7, 2023

This bar chart displays student statistics by area for the top 15 entries, using horizontal bars where area names appear on the y-axis and numeric stats on the x-axis. The visualization is built with React and D3 v5, using `d3.csv` to load remote data and `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the quantitative x-axis. SVG rectangles represent the marks, with grid lines and tick labels generated via `d3.ticks()`. Data is pulled from a GitHub gist CSV, and the chart renders within a fixed 960x500 viewport with defined margins.

AI-generated description

A bare minimum HTML page.