Skip to main content
SimilarExport ZIP
100%

PIE - ICE 7 SAKETH SARA

✓ Published0🌍 Public
Ssarasaketh3@gmail.com
Last edited Oct 27, 2025
Created on Oct 27, 2025
Forked from Q2

This pie chart visualizes annual sales share by product category, with each slice labeled by product name and percentage of total sales. The visualization uses D3.js v7’s `d3.pie()` and `d3.arc()` generators to compute and draw the arcs, while `d3.scaleOrdinal` with the Tableau10 color scheme assigns distinct colors to each product. Data is loaded from a remote CSV file via `d3.csv`, and the chart includes labeled polylines connecting slices to text annotations, plus a legend for quick reference.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-7 SAKETH SARA PIE

This example shows a donut-style pie chart of product sales loaded from a CSV file, with an ordinal color scale and a legend. Built with D3 v7, it uses `d3.pie()` and `d3.arc()` to generate the slices, while `d3.scaleOrdinal()` and `d3.schemeTableau10` assign colors. Tooltips appear on mousemove over each arc, and labels display for products with sales values above 90. The chart is rendered as SVG within an HTML page, styled by a linked stylesheet.

Ssarasaketh3@gmail.com
90% 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
88% 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
88% match
Loading thumbnail…

pie_sales

This pie chart visualizes product sales from a CSV file, displaying each product’s share as a colored slice with labels positioned at each slice’s centroid. The chart uses d3.pie() to compute arc angles and d3.arc() to render the SVG paths, with a d3.scaleOrdinal and d3.schemeCategory10 providing color encoding. A legend below the chart lists each product and its corresponding sales value, generated from the same loaded data. The visualization is built with D3 v7 and rendered as inline SVG within an HTML container.

PP Manisha
87% match
Loading thumbnail…

pie chart ICE 7

This pie chart displays monthly sales data for a company across 2024, with each slice labeled by a three-letter month abbreviation and a legend showing full month names with corresponding sales figures in thousands of dollars. Using D3 v7, the visualization employs `d3.pie()` and `d3.arc()` to generate the slices, `d3.scaleOrdinal` with color schemes to distinguish months, and SVG text elements positioned via `arc.centroid()` for in-slice labels. A legend is constructed with colored rectangles and accompanying text, all rendered in an SVG container.

Aadithiarikatla@gmail.com
87% 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
86% match
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
85% match
Loading thumbnail…

Pie chart

This pie chart displays the sales distribution by product, with real-time data updates fetched from a remote CSV file. The visualization uses D3.js v7 to construct the pie, with animated transitions for slices, labels, and a color-coded legend. Users can hover over slices to see a tooltip showing the product label and its percentage value. The SVG-based chart also includes interactivity through mouse events and uses d3.pie, d3.arc, and d3.scaleOrdinal for data binding and rendering.

Ssaibheemeshwar_maganti@srmap.edu.in
85% match