pie chart (pestel classification)

Ssrinathkarumuru@my.unt.edu

pie chart

A pie chart visualizes customer spending across four categories—Food, Clothing, Electronics, and Entertainment—using quantitative values. Built with D3.js v7, it renders an SVG slice for each category, sized by its value, with labels positioned at each slice’s centroid. A color scale from `d3.schemeCategory10` and `d3.scaleOrdinal` map categories to fills, while `d3.arc` and `d3.pie` compute the geometry. A separate HTML legend lists each category with its corresponding color and value. The chart uses a fixed 500×500 pixel canvas and is re-rendered by clearing and redrawing the SVG elements.

Bbhavyamoturi2509@gmail.com

piechart

A pie chart displays the expiry counts by country due to air pollution, with each slice labeled by its value in thousands. The chart uses D3 v5 to load CSV data from a GitHub repository, calculate pie arc paths with `d3.pie` and `d3.arc`, and color slices via `scaleOrdinal`. A legend lists each country with its corresponding value, and text labels are positioned using `arc.centroid`. The SVG renders at 960×500 pixels with explicit colors assigned to each section.

Pie chart

This interactive pie chart shows the distribution of disease types from a CSV dataset, displaying the count and percentage of each category when hovered. Built with React and D3 v5, the visualization uses d3.pie to compute arc segments, d3.arc to generate paths, and d3.scaleOrdinal with schemeCategory10 for coloring. A tooltip appears on mouseover via d3.select, revealing disease name, count, and percentage.

Bbassansackey@gmail.com

Ttejasviteegala@my.unt.edu

Pie Chart

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.

SSai Hemanth Babu Sunkari

pie chart

A pie chart displays the top 10 countries by recorded deaths from gas pollution in 2021, with each slice labeled in thousands and accompanied by a color-matched legend. The visualization reads data from a CSV file via `d3.csv` and uses `d3.pie` and `d3.arc` to generate the segments, with `d3.scaleOrdinal` assigning colors. Text labels are positioned using the arc centroid, and the chart renders as SVG within an HTML page.

pie chart-5320

This pie chart displays the distribution of insurance complaints by complaint type. It uses a D3.js SVG rendering to create a circular visualization with colored segments and labels. The code loads data from a CSV file hosted on a GitHub Gist, then uses `d3.rollup` to count complaints per type, `d3.pie` to generate the pie geometry, and `d3.arc` to draw the arcs. Each slice is filled with a color from `d3.schemeCategory10`, and text labels are positioned at the arc centroids.

Rrajkodavati7@gmail.com

Ddiwashhumagain@my.unt.edu

Pie Chart ICE 7

A pie chart visualizes proportional data from a local CSV file, with categories like Housing, Food, and Transport displayed as colored slices with percentage labels. The chart uses d3.pie() to convert values into angles and d3.arc() for generating slice shapes and positioning external labels. A legend in the top-left corner identifies each category with a color swatch. The SVG rendering uses d3.scaleOrdinal with schemeCategory10 for colors, and text styling applies the Share Tech font via CSS.

CChindamrohan321@gmail.com

pie chart

A pie chart visualizes the proportion of sales across three product categories—Electronics, Clothing, and Food—using hardcoded data from an array. The chart is rendered as SVG with D3.js v7, employing `d3.pie()` to compute arc angles and `d3.arc()` to generate the path shapes, which are filled using a categorical color scale. Each slice includes a centered text label displaying the category and sales value, while a separate legend lists the categories with their corresponding colors.