Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pie Chart

Public visualization

Pie Chart

0 stars0🌍 Public
Ttejasviteegala@my.unt.edu
Last edited Mar 27, 2024
Created on Mar 27, 2024
Forked from HTML Starter

This pie chart visualizes the percentage breakdown of nutritional components, such as carbohydrates, proteins, and fats, using interactive slices with hover effects that display exact values via tooltips. A legend on the right side highlights corresponding slices when hovered, dimming non-related arcs. Built with D3 v7, the chart uses the `pie` and `arc` functions to generate the layout and `scaleOrdinal` with `schemeTableau10` for colors. Transitions and opacity changes create a smooth, interactive experience for exploring the data.

AI-generated description

Pie Chart has been created using htm,css and d3.js

Comments

Sign in to join the discussion.

ISC Licensed