Pie chart-Mahesh-ICE 7

ICE7 - Pie Chart

This pie chart visualizes regional sales distribution, with each slice representing a region's proportion of total sales and a legend showing region names with percentage values. The code loads sales data from a GitHub-hosted CSV using d3.csv, then renders the chart with d3.pie and d3.arc functions, applying colors via scaleOrdinal. SVG elements are appended to the page using d3.select, with legend text formatted via d3.format to display percentages. The visualization uses d3.v5 and outputs the result as scalable vector graphics.

Kkuraakhila9@gmail.com

ICE 7.2

A pie chart visualizes total sales data for U.S. states, with each slice labeled by its sales value in millions. A legend maps state names to their corresponding colors. The visualization uses D3.js v5 and React, fetching data from a CSV URL. The chart is rendered as an SVG, using D3's pie, arc, and scaleOrdinal APIs to generate the slices and color mapping.

Kkartik900

ICE7-Pie Chart

This visualization displays U.S. state populations as a pie chart, showing each state’s population in millions with color-coded slices and a matching legend. It uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` to generate and style the chart from CSV data loaded via `csv`. The SVG rendering includes slice labels positioned with `arc.centroid` and a legend built from appended `rect` and `text` elements. The data source is a GitHub gist URL.

KKolliTeja

ICE-7_Pie Chart

This pie chart displays the distribution of carbon emissions across different states in the USA, with each slice representing a state’s total emissions in thousand tonnes. The visualization uses D3 v5’s `pie` and `arc` generators to create the SVG segments, while `scaleOrdinal` assigns colors to each state. Legends are positioned manually alongside the chart, and data is loaded asynchronously from a CSV file via a custom `getData` function using D3’s `csv` method.

Nnithish-1999

Piechart ICE7

This pie chart displays the number of vehicles seized across different U.S. states, with each slice color-coded to correspond to a state listed in a legend alongside its value. The visualization uses D3 v5’s `pie` and `arc` generators to compute and render the SVG paths, with `scaleOrdinal` assigning colors. Data is loaded asynchronously from a CSV via `d3.csv`, and slice labels show values in thousands formatted with `d3.format`, while tooltips and hover interactions are absent.

SSravaniPosina

Mms.himabinduchalla@gmail.com

ICE 7 - Pie Chart

This pie chart displays the income of the top 10 Indian states for the financial year 2011–12, with each slice colored via d3.scaleOrdinal and d3.schemeCategory10. The data is loaded from a CSV using d3.csv, sorted, and sliced before being rendered with d3.pie and d3.arc. A custom legend, built with SVG rectangles and text, shows each state’s name and income value alongside its color. Mouseover events log the corresponding income value to the console.

Aavvarijayakrishna99@gmail.com

Pie Chart Creation ICE7

This example visualizes item sales and their percentages as a pie chart, with a legend displaying each item and its corresponding share. The chart uses D3 v5 APIs, including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate and color the chart segments. Data is fetched from a remote CSV file, and total sales are calculated to render the percentage labels. The visualization is rendered as SVG, with a legend on the right side that pairs a color swatch with each item’s name and percentage value.

ICE-7- Pie Chart for Amazon Data

This example visualizes country-wise Amazon costs using a pie chart, displaying the top 10 countries by cost with color-coded slices and a legend listing each country’s cost in dollars. The chart is rendered as SVG using D3 v5, with `d3.pie()` to compute arc angles, `d3.arc()` to generate path segments, and `d3.scaleOrdinal()` with `schemeCategory10` for colors. Data is loaded from a CSV hosted on GitHub Gist and sorted before rendering. Interactive mouseover events log the selected country’s cost to the console.

KKetha