Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE7_VG_piechart

Public visualization

Viewing a saved revision (read-only)

0b1d83684db54ae49bf9286e3d06f75c

ICE7_VG_piechart

0 stars1🌍 Public
Kkramyasudha2024@gmail.com
Last edited Apr 2, 2025
Created on Apr 2, 2025
Forked from ice 7 pie chart

This example features an interactive donut chart that visualizes categorical data. The visualization uses D3.js to render the chart, computing arc segments from the data values and applying a color scale to differentiate categories. Hovering over a segment triggers a CSS transition that highlights the slice, while a tooltip dynamically displays the segment name and its corresponding count. The code builds the SVG elements using `d3.arc` and `d3.pie` for the angles and paths, and the dataset is an array of named numeric categories.

AI-generated description