Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-6 Bar Graph

Public visualization

Viewing a saved revision (read-only)

02c5652f67694283b7b76dd14e700e81

ICE-6 Bar Graph

0 stars0🌍 Public
Nnavyasrimeka9@gmail.com
Last edited Mar 22, 2023
Created on Mar 22, 2023

A horizontal bar graph displays annual rainfall totals for twelve districts in Arunachal Pradesh, sourced from a CSV file loaded via `d3.csv`. The visualization uses React’s `useState` and `useEffect` hooks to fetch and filter data, with D3’s `scaleBand` and `scaleLinear` mapping district names and rainfall values to SVG rectangles. The code manually renders grid lines with `xScale.ticks()` and labels, avoiding D3 axes, while `d3.max` determines the domain. The graph updates reactively as the data loads, showing a loading message initially.

AI-generated description

A whole smiley face