ICE7_PieChart_HarshaPalacharla

100%

ICE7_PieChart_HarshaPalacharla

✓ Published0🌍 Public

Last edited Apr 1, 2025

Created on Apr 1, 2025

Forked from ICE7

This pie chart visualizes the distribution of smoking habits from a CSV health dataset. It shows the relative counts of each smoking habit category as colored slices, with labels and a legend displaying the exact counts. The visualization is built with D3 v7, using `d3.pie()` and `d3.arc()` to generate the slices, `d3.rollup()` to aggregate the data, and `d3.scaleOrdinal()` with `d3.schemeCategory10` for coloring. The SVG rendering positions labels via `labelArc.centroid()` and places the legend to the right of the chart.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE7_11703795_PieChart

This pie chart displays the distribution of smokers versus non-smokers from a health information dataset, revealed through two labeled slices. The visualization aggregates the dataset’s `smoker` column by counting occurrences of “yes” and “no” values. Using D3 v7, the code applies the `d3.pie()` layout and `d3.arc()` generator to render SVG paths, with `d3.schemeCategory10` coloring each slice. A legend, constructed manually with SVG rectangles and text, maps colors to categories. The chart loads remote CSV data via `d3.csv()` and includes a fixed 400x400 pixel SVG canvas.

MMeghanaChowdaryVelaga@my.unt.edu

85% match

Loading thumbnail…

ICE 7 - Pie Chart

This pie chart shows the distribution of smokers versus non-smokers in an insurance dataset, highlighting the proportion of each category. It uses D3.js v7’s `d3.pie` and `d3.arc` to generate the SVG arcs, with a color scale assigning teal to smokers and orange to non-smokers. Interactive tooltips appear on mouseover, displaying the category name and count. The data is fetched from a remote CSV file, and a legend below the chart clarifies the color coding.

Kkotlavamsireddy@gmail.com

85% match

Loading thumbnail…

ICE7_Pie

This example visualizes the distribution of exercise levels as a pie chart, with slices labeled directly on the chart and a legend showing each category’s count. It loads data from a CSV file using d3.csv, converts values to numbers, and renders the pie using d3.pie and d3.arc in an SVG. The chart applies a categorical color scheme via d3.scaleOrdinal with d3.schemeCategory10, and positions labels using arc centroid calculations. The visualization is built entirely with D3 v7, rendering to SVG with a centered chart group and a right-side legend.

Ssivaniammisetti2002@gmail.com

81% match

Loading thumbnail…

ICE-7

A pie chart visualizes sales by category from a CSV dataset, using d3.csv to load values. The SVG graphic displays category labels on each slice via d3.arc and a legend on the right. D3 v7’s pie generator computes the arc angles, while d3.scaleOrdinal with schemeTableau10 assigns colors. The code uses `d3.pie()` and `d3.arc()` to generate paths, with tooltips added as titles, and a legend built from rectangles and text elements.

Aankitgoudpoodhari07@gmail.com

80% match

Loading thumbnail…

Harsha 1

A pie chart visualizes categorical data by partitioning a circle into colored slices, with each slice sized proportionally to the value of its corresponding data point. The chart renders as an SVG using D3.js v7, employing `d3.pie` to compute the arc angles and `d3.arc` to draw the paths. A legend positioned to the right maps each slice’s color—assigned via `d3.scaleOrdinal` with `d3.schemeCategory10`—to its brand label. The data is loaded asynchronously from a remote CSV file, parsed for the `price` column as slice values.

Ssriharshakondakindi@gmail.com

80% match

Loading thumbnail…

ICE 7

This pie chart visualizes sales by category, displaying five segments for electronics, furniture, clothing, and toys. The chart uses D3.js v7 to load the sales.csv dataset, then applies `d3.pie()` and `d3.arc()` to compute slice geometries, with `d3.scaleOrdinal` and `d3.schemeTableau10` assigning colors. It renders as SVG with category labels positioned via `labelArc.centroid()` and includes a legend showing each category and its value. Hovering over a slice reveals a tooltip with the category name and numeric value.

Aankitgoudpoodhari07@gmail.com

79% match

Loading thumbnail…

ICE - 7 Pie chart

This visualization displays the top five countries by literacy rate as a pie chart, with each slice labeled with its percentage and a color-coded legend. The code loads data from a CSV file via `d3.csv`, computes the pie layout using `d3.pie`, and draws arcs with `d3.arc`. Colors are assigned via `d3.scaleOrdinal`, and the chart is rendered as SVG with text labels and legend elements.

SSaahithi49

79% match

Loading thumbnail…

ICE 7 PIE-CHART

This pie chart visualizes drug satisfaction survey results, with each slice representing a drug and its corresponding satisfaction percentage. The chart uses D3.js v5 to load CSV data from a Gist URL via `d3.csv`, render the pie using `d3.pie` and `d3.arc`, and color segments with `d3.scaleOrdinal`. A legend lists drug names and computed percentages, formatted with `d3.format` to five significant digits. The SVG output is interactive in layout but static in behavior, with all elements positioned explicitly.

DDeepa-Murugesan

79% match