Skip to main content
SimilarExport ZIP
100%

Pie Chart by Tejaswi Tummala

✓ Published1🌍 Public
Tttummala17
Last edited Jul 1, 2022
Created on Jun 30, 2022
Forked from D3 Starter

A pie chart displays electric vehicle sales for 2021, with each slice labeled as a percentage of total sales and a legend identifying car models. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `scaleOrdinal` to generate SVG paths and text. Data is loaded asynchronously from a CSV URL, and slices are colored by sales values, with labels positioned via `arc.centroid`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart by Tejaswi Tummala

This pie chart visualizes electric vehicle sales in the USA for 2021, using a CSV dataset from a GitHub gist. The chart, built with d3.v5, renders each car model as a colored slice with sales values labeled in thousands, and includes a legend mapping colors to car names. It uses d3.pie, d3.arc, and d3.scaleOrdinal to generate the arcs and colors, while the SVG is selected via d3.select.

Tttummala17
95% match
Loading thumbnail…

-pie chart

A pie chart visualizes 2021 car sales data by type, fetched from a remote CSV file. Each slice is colored using `d3.scaleOrdinal` and `d3.schemeCategory10`, with arcs generated by `d3.arc()`. The chart displays car type labels and percentages, positioned using arc centroids. A legend, built with HTML `div` elements, is placed beside the SVG chart. The implementation uses D3 v5 with `d3.pie()` for data processing and `d3.csvParse` for data loading, all rendered as SVG.

Ssridhardubala106@gmail.com
86% match
Loading thumbnail…

Fork of Pie Chart

This pie chart visualizes 2022 U.S. auto sales by brand, sourced from a CSV of electric vehicle deliveries. Each slice shows the proportion of total sales, while a legend lists brand names, their percentage of the total, and sales figures in thousands. The code loads data using `d3.csv`, computes pie angles with `d3.pie`, and draws SVG paths with `d3.arc`. Colors are assigned via `d3.scaleOrdinal`, and the legend uses formatted text for percentages and values.

Tttummala17
85% match
Loading thumbnail…

Pie Chart

This pie chart displays the sales figures of various companies, with each slice sized proportionally and labeled with its value in thousands. It also includes a color-coded legend listing company names and corresponding sales amounts. The visualization uses D3 v5 APIs including `pie`, `arc`, `scaleOrdinal`, and `format` to generate the SVG segments and text, with data loaded via `csv` from a GitHub gist. Colors are assigned through a custom ordinal scale.

TTejaswi@3271
84% match
Loading thumbnail…

Pie Chart

A pie chart displays 2022 US auto sales by brand. The SVG visualization is generated with D3 v5, where the chart partitions data into colored slices using the `d3.pie` layout, `d3.arc` for path and label geometry, and a categorical color scheme. Data is loaded from a remote CSV file, and labels are positioned via arc centroids.

RRamyapriyaPutta
84% match
Loading thumbnail…

ICE7 Pie Chart

This pie chart visualizes the top car sales in 2022, with each slice sized proportionally to the number of units sold and a legend displaying car names and sales counts. The chart renders using D3 v5’s `pie` and `arc` generators to compute segment geometry, with colors assigned via `scaleOrdinal` and `d3.schemeCategory10`. Data is loaded asynchronously from `carsales.json` using `d3.json`, and the SVG is built by appending `path` and `rect` elements. The presentation uses an SVG container with a legend offset to the side, and sales values are formatted with `d3.format`.

Rrakeshkommineni
83% match
Loading thumbnail…

ICE 7 Pie Chart

This pie chart displays 2021 car sales by type, with each slice labeled by car category and its percentage of total sales. A legend to the right provides additional identification of the color-coded segments. The visualization is built using D3.js v5, which handles the data loading, pie layout, and arc generation. The code uses `d3.pie()` to compute the angles, `d3.arc()` to draw the slices, and `d3.scaleOrdinal` with `d3.schemeCategory10` for the color palette, with data fetched from a remote text file.

RRahulbelede97@gmail.com
83% match
Loading thumbnail…

Pie chart ICE 7

This pie chart visualizes 2022 U.S. auto sales by brand, with each slice representing a brand’s year-to-date sales. A legend on the right shows the brand name, its percentage of total sales, and the raw sales volume in thousands. The example loads CSV data from a GitHub gist using `d3.csv`, then uses `d3.pie` and `d3.arc` to generate the slices. Colors are assigned via `d3.scaleOrdinal`, and the SVG is rendered with a fixed width and height.

Kkakumanusreya
83% match