piechart_rt15

100%

✓ Published0🌍 Public

Last edited Mar 28, 2024

Created on Mar 28, 2024

Forked from Piechart ICE - 7 Rohith Arabati

This pie chart visualizes mobile phone sales aggregated by brand, using data fetched from a remote CSV file. The chart displays each brand as a colored slice with a label showing the brand name and total sales, alongside a legend with color-coded entries. Built with D3.js v7, the visualization uses `d3.csv` to load data, `d3.rollup` to aggregate sales per brand, and `d3.pie` and `d3.arc` to generate and render the slices as SVG paths. A categorical color scale (`d3.scaleOrdinal` with `schemeCategory10`) assigns distinct colors, and the legend is constructed manually with styled HTML divs.

AI-generated description

MobilePhones.csv['https://gist.githubusercontent.com/Rekha-Telkapally/5fd9c2248db0d83914450969765eb54e/raw/add163ad80b6b4495f7713a1fc717d57f291c110/MobilePhones.csv']

MIT Licensed

Similar vizzes

Loading thumbnail…

piechart_rt15

This pie chart displays the number of vehicles seized across different US states, with each slice labeled with its corresponding count and accompanied by a color-coded legend. The visualization uses D3.js v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate SVG paths and text labels, rendering the chart within an SVG container. Data is loaded asynchronously from a remote CSV file containing mobile phone brand counts.

Ttelkapallyrekha@gmail.com

85% match

Loading thumbnail…

Pie Chart

This pie chart displays TV brand sales data, breaking down each brand’s year-to-date (YTD) revenue into proportional slices with corresponding legends showing percentage and value in thousands. The visualization uses d3.pie and d3.arc to generate the SVG path segments, with d3.scaleOrdinal assigning a distinct color to each brand. Data is loaded asynchronously via d3.csv from a GitHub gist, and d3.format is used to present numeric values in a compact format.

KKiran Jyothi Bodduluri-11604571

82% 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

82% match

Loading thumbnail…

Fork to pie chart

A forked pie chart displays mobile sales brand data from a CSV file, showing each brand's year-to-date sales as a slice with corresponding legends. The chart renders in SVG using D3 v5 APIs including `pie`, `arc`, `scaleOrdinal`, and `select`. Legends show brand names, percentage of total, and sales values in thousands, using `format` for tick labels. Data loads asynchronously via the `csv` method from a GitHub Gist link.

Ttejasrikotipalli1@gmail.com

81% match

Loading thumbnail…

Pie Chart

This pie chart displays car sales for the month of May across multiple car brands, with each slice labeled with its sales value in thousands. The chart uses D3 v5’s `pie` and `arc` generators to compute slice angles and paths, rendered as SVG. An ordinal color scale maps each brand to a distinct color from a hardcoded array. Legends appear at the right, listing each brand and its corresponding value, while the data is loaded asynchronously from a CSV hosted on GitHub Gist using `d3.csv`.

Vvaddepallinaveen

81% match

Loading thumbnail…

Car Sales data Pie chart

This pie chart visualizes year-to-date car sales across multiple brands, displaying each brand’s proportional share and a corresponding legend with sales totals. The chart uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate SVG paths and text labels positioned via `arc.centroid`. Data is loaded asynchronously from a CSV file using `d3.csv`, with values parsed and aggregated before rendering. The example demonstrates standard D3 data-binding patterns for entering paths and legend elements.

MManideeprenikindi

81% match

Loading thumbnail…

Piechart_7

This pie chart displays 2022 US auto sales by brand, with each slice sized by year-to-date sales and a legend identifying brands and their sales in thousands. The visualization uses D3 v5 APIs including `d3.pie` for computing arc data, `d3.arc` for generating SVG paths, and `d3.scaleOrdinal` for categorical color assignment. Data is loaded from a CSV file hosted on GitHub Gist via `d3.csv`, and rendered as SVG within a 960x500 canvas with a legend positioned to the right.

AABCDB15

81% match

Loading thumbnail…

Piechart ICE - 7 Rohith Arabati

This pie chart visualizes annual car sales for different companies in India, with each slice labeled with its sales value in thousands and accompanied by a color-coded legend. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the chart from CSV data fetched from a GitHub gist. The SVG rendering includes pie segments, value labels, and a legend, all styled with custom CSS. The chart highlights relative sales proportions among companies, making comparisons straightforward.

Ppravalika.thogaru10@gmail.com

80% match