Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE - 7 Pie Chart FOR MARkS

Public visualization

Fork of ICE - 7 Pie Chart FOR MARkS

0 stars4🌍 Public
NNavaneeth-Ragi
Last edited Mar 12, 2023
Created on Mar 12, 2023

This visualization presents a pie chart depicting study hours and corresponding GPA scores, with each slice labeled by GPA value. The chart uses D3 v5 in a React framework, employing d3.pie and d3.arc to generate SVG paths, and d3.scaleOrdinal with a custom color array to differentiate sections. Data is fetched asynchronously from a CSV file via d3.csv, and a legend displays both study time and GPA for each category. The SVG canvas is fixed at 960 by 500 pixels, with text elements positioned using arc centroids.

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