Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Visualising SDG budget Nepal

Public visualization

Viewing a saved revision (read-only)

0eb3730805fd447d9057c7cc4f3181c4

Visualising SDG budget Nepal

0 stars0🌍 Public
SSabin Bhandari
Last edited May 31, 2021
Created on May 30, 2021

This example visualizes Nepal’s 2020 budget allocations toward the Sustainable Development Goals (SDGs) using a donut chart. Each slice represents an SDG, with a legend and tooltips (via SVG `<title>`) showing the goal name, allocated amount in lakhs, and percentage. The code loads CSV data using `d3.csv`, computes pie angles with `d3.pie()`, and draws arcs with `d3.arc()`, while React (with hooks like `useState` and `useEffect`) manages the rendering. Colors are assigned via `d3.scaleOrdinal`, and the SVG output includes interactive hover details.

AI-generated description

A program that loads in some data about budget that leads towards SDG of Nepal 2020 using D3 utilities, and uses React to render data.

its in progress