Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE #7 - Pie Chart

Public visualization

ICE #7 - Pie Chart

0 stars1🌍 Public
KKevin Raj
Last edited Mar 30, 2023
Created on Mar 26, 2023
Forked from Pie Chart

This pie chart visualizes February 2023 inflation rates for the top ten G20 countries, ordered from highest to lowest. Each slice's color corresponds to a category, and a legend lists country names alongside their percentages. The visualization uses D3 v5’s `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` APIs to generate the SVG segments and legends. Data is loaded from a CSV hosted on a Gist, with values formatted with a custom percentage function. The chart is built with React and rendered as an SVG, with interactive mouseover logging of data values.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed