Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Student Data Previous 10 years

Public visualization

Viewing a saved revision (read-only)

a090c15ec4054d69aeeb1bf5a7ec95ea

Student Data Previous 10 years

0 stars0🌍 Public
VVikil Lakkavatri
Last edited Jan 19, 2024
Created on Feb 25, 2023
Forked from React Starter

This example visualizes the number of students at D.G. Ruparel College over the past ten years using an SVG bar chart rendered in React with D3 v5. Each bar represents a year, with height scaled by the student count and color mapped through a rainbow sequential scale. The chart includes dashed gridlines, reversed y-axis tick labels, and yearly annotations. The code loads CSV data via the `useData` hook and d3.csv, then applies `scaleLinear`, `scaleSequential`, and `interpolateRainbow` to encode values.

AI-generated description

React Starter code.