Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SDG Budget in Nepal

Public visualization

Viewing a saved revision (read-only)

5d179760b2d8467983f5e95d4ea116c1

SDG Budget in Nepal

0 stars0🌍 Public
SSabin Bhandari
Last edited May 30, 2021
Created on May 30, 2021
Forked from Stylised Bar Chart

This visualization shows Nepal's budget allocations across various Sustainable Development Goals (SDGs), displayed as a horizontal bar chart using SVG rendered through React. Each bar represents a goal’s budget in lakhs of rupees, converted to absolute values via `d3.csv`. The chart uses `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the continuous x-axis, with tick formatting via `d3.format`. Data is fetched from a remote CSV using `useData`, a custom React hook, and interactive tooltips are provided through SVG `<title>` elements.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render data.