Skip to main content
SimilarExport ZIP
100%

Ice 7 Abhishek Question2

✓ Published0🌍 Public
Aabhi051197
Last edited Mar 29, 2022
Created on Mar 29, 2022

An interactive pie chart visualizes iPhone series sales comparisons. Each slice represents a different iPhone model, with its area proportional to sales figures, labeled with sales values and color-coded. A legend lists each series with its corresponding color and sales amount. The visualization is built with D3 v5, using the `pie`, `arc`, `scaleOrdinal`, and `format` APIs, and renders as an SVG. Data is fetched asynchronously from a CSV via a Gist URL.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE - 7 Pie Chart

This example visualizes smartphone sales in millions from 2012 to 2021 as a pie chart, with each slice representing a year's sales. The chart uses d3.pie to compute the arc angles and d3.arc to generate the SVG path segments, with d3.scaleOrdinal assigning a fixed color palette to each slice. Slices display their numerical sales values, while a side legend pairs each year with a colored rectangle and its corresponding sales figure. Data is loaded as CSV from a GitHub gist using d3.csv, and the SVG canvas is centered with a heading above the chart.

PPriyanka7002
83% 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
80% match
Loading thumbnail…

ICE 7 - Pie chart for Mobiles sales

This example displays a pie chart of mobile sales by brand, with each slice labeled by its sales value and accompanied by a legend showing brand names and corresponding figures. It imports data from a CSV file using `d3.csv` and renders the chart as an SVG. The pie layout (`d3.pie`) and arc generators (`d3.arc`) create the slices, while a `scaleOrdinal` maps sales values to a fixed array of section colors, with text and legend elements positioned manually.

YYbg99
79% 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
79% match
Loading thumbnail…

ICE 7 : Task 2 (Pie Chart)

A pie chart displays year-wise Tesla sales from a CSV file, with each slice labeled by year and accompanied by a legend showing both year and sales values. The visualization uses d3.csv to load data, d3.layout.pie to compute arc angles, and d3.svg.arc for slice rendering. Ordinal scales assign categorical colors, while SVG groups position arcs, text labels, and legend rectangles. The chart is built with d3.v3 inside an HTML page with React components managing the state and rendering the SVG output.

NNITIN0601
78% 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
78% match
Loading thumbnail…

ICE7

A pie chart shows average sales by outlet location type, aggregating data from a CSV file. D3.js loads the remote dataset, filters invalid entries, groups by location, and computes mean sales values. The visualization uses d3.pie, d3.arc, and d3.rollup to generate slices, with d3.scaleOrdinal mapping colors and d3.sum calculating percentages for labels. A legend identifies each category, rendered as SVG within a 600x500 canvas.

Ssrinathkarumuru@my.unt.edu
78% match
Loading thumbnail…

ICE-7 PIE Chart

This example shows the sales of various fruits as a D3 pie chart with a corresponding legend. The chart uses d3.csv to load data from a remote GitHub gist, then d3.pie and d3.arc to compute and draw the slices. A d3.scaleOrdinal maps sales values to a hardcoded color palette. The legend displays each fruit name and its sales total formatted with d3.format. The SVG rendering approach is used throughout, with the chart centered and the legend positioned to the right.

RRadhakrishna246
78% match