Fork of ICE-7 (Part-2) - Pie Chart

100%

Fork of ICE-7 (Part-2) - Pie Chart

✓ Published0🌍 Public

Last edited Apr 13, 2024

Created on Apr 13, 2024

This fork uses D3.js (v7) to render a pie chart of regional sales. It loads a CSV file from a GitHub gist containing sales data, aggregates sales by region using `d3.rollup` and `d3.sum`, and displays the result as a pie chart with `d3.pie` and `d3.arc` functions. Each slice is labeled with its region and sales amount, and the chart is rendered as SVG with colors from `d3.schemeCategory10`.

AI-generated description

CSCE 5320.002 Scientific Data Visualization (ICE-7)

Part-1 REUSABLE SCATTER PLOT

Pavan Krishna Yarlagadda (11600263)

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This pie chart displays the percentage of sales for different items, with a legend positioned to the right showing each item’s name and corresponding value. The chart is built with D3 v5, using `d3.pie` and `d3.arc` to generate the segments, `d3.scaleOrdinal` for color mapping, and `d3.csv` to load the dataset from a GitHub gist. The visualization renders as SVG, with section labels and legend text styled via CSS.

RRahulSai05

89% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This example shows the percentage of sales for different items using a pie chart with a color-coded legend. The chart is rendered as an SVG, with each slice’s arc and fill color generated via `d3.arc()` and `d3.scaleOrdinal()`. Data is loaded asynchronously from a CSV URL using `d3.csv`, and the legend displays each item’s name and sales percentage, formatted with `d3.format`. The visualization relies on D3 v5 and a custom `bundle.js`, with the pie layout computed by `d3.pie()`.

MMar-99

89% match

Loading thumbnail…

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

88% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This example shows the percentage sales of different items in a pie chart, with a legend displaying each item’s name and corresponding value. Built with D3 v5, it loads data from a CSV hosted on GitHub, converts sales values to numbers, and uses `d3.pie()` and `d3.arc()` to generate the SVG path segments. Colors are assigned via `d3.scaleOrdinal`, while the legend is manually created with appended rectangles and text. The chart is rendered entirely in SVG, with a fixed width and height, and no interactive behavior.

MMar-99

88% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This gallery example presents a pie chart visualizing sales percentages for different items, sourced from a CSV dataset by Ramyapriya Putta. The chart uses D3 v5’s `pie()` and `arc()` generators to render SVG paths, with categorical colors assigned via `scaleOrdinal`. A legend, built with appended rectangles and text, labels each item and its percentage using `format('.4~g')`. The visualization iterates through the data asynchronously via `d3.csv`.

Eeravellisaimeghana

87% match

Loading thumbnail…

Fork of Fork of ICE-7 pie chart

This pie chart visualizes the number of car units sold, categorizing the data by class name and assigning each segment a distinct color from a predefined palette. The chart renders as an SVG with arcs generated using d3.arc and positions data through d3.pie, while d3.scaleOrdinal maps colors to categories. A legend on the right displays each class with its corresponding color and formatted value using d3.format. Data is loaded asynchronously from a CSV file via d3.csv.

Llikith1266

86% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This example visualizes album data as a pie chart, showing the percentage contribution of each person to the dataset. D3 v5 loads CSV data from a GitHub URL and uses `d3.pie` and `d3.arc` to generate SVG arc segments, with `d3.scaleOrdinal` assigning categorical colors. Labels display percentages on the arcs, while a side legend lists each person and their corresponding value. The chart is rendered as static SVG, with text formatting handled by `d3.format`.

CCherukuriMilind

85% match

Loading thumbnail…

Fork of ICE 7

A donut chart visualizes the top 10 countries by electronic sales, with each slice's label showing the sales value in thousands and a legend listing countries and their corresponding sales figures. The chart uses D3 v5's `pie`, `arc`, and `scaleOrdinal` functions to compute slice geometry and assign a fixed color palette, rendering as SVG with `path` elements. Sales data is fetched as CSV from a GitHub gist and aggregated to calculate the total.

AArv1228

85% match