Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment2Question 1

Public visualization

Assignment2Question 1

0 stars1🌍 Public
KKondreddy Saikiran reddy
Last edited Apr 7, 2024
Created on Apr 6, 2024
Forked from HTML Starter

This example visualizes 2023 sales data for different product categories as an interactive pie chart, paired with a color-coded legend. Using D3.js (v7), it loads CSV data via the `d3.csv` method and renders the chart with `d3.pie` and `d3.arc`. The chart employs a categorical color scale (`d3.scaleOrdinal` with `schemeCategory10`) for slices and legend items. Hover interactions display a tooltip showing the sales value in billions, with transitions controlling tooltip opacity. The layout places the legend on the left and the pie chart on the right within separate SVG containers.

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