Skip to main content
SimilarExport ZIP
100%

Pie chart ice 7

✓ Published1🌍 Public
SSreedevi Itta
Last edited Oct 26, 2025
Created on Oct 26, 2025
Forked from HTML Starter

A pie chart shows the distribution of cars by cylinder count, sourced from the Auto MPG dataset. Each slice is labeled directly with its category and percentage, while a legend on the right lists raw counts. The chart uses D3 v7 modules `csv`, `rollup`, `pie`, `arc`, and `scaleOrdinal` with `schemeTableau10`, rendering slices and labels as SVG elements within an 880 by 520 pixel viewport.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart

A pie chart built with D3 v7 displays the distribution of car types from a CSV file hosted on a GitHub Gist. The visualization aggregates raw records into categorical counts by type—Sedan, SUV, Truck, and Coupe—and shows each segment's percentage share using `d3.scaleOrdinal` with the `d3.schemeSet2` palette. D3's `arc` generator positions slices, while leader lines and external labels annotate each wedge. An interactive legend, populated via the `d3.select` API, highlights corresponding slices on hover, and a tooltip provides additional detail. The chart uses SVG rendering.

RRamdas Dheeraj
86% match
Loading thumbnail…

ICE - 7 Pie chart

This example presents a static pie chart that visualizes the percentage of car sales attributed to different car companies. The chart is rendered as an SVG using D3.js version 5, with each slice colored from a predefined palette. The code constructs the pie chart by loading data from a remote CSV file using `d3.csv`, then uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate and style the slices. It also appends text labels at the centroid of each slice via `arc.centroid`, and a legend is built manually with rectangles and text elements.

Ppremsaiv
85% match
Loading thumbnail…

ICE-7 pie chart

This pie chart visualizes the number of car units sold for different car models, with each slice colored distinctly and accompanied by a legend showing the car name and its corresponding value. The chart uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` functions to generate the SVG paths, while data is loaded asynchronously from a CSV file via `d3.csv`. The rendering includes a centered pie with a 200-pixel outer radius, and the legend displays colored rectangles and text labels positioned to the right.

SSheshidharreddy
85% 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
85% match
Loading thumbnail…

CarPerformance pie chart

This pie chart shows the distribution of cars by cylinder count in the CarPerformance dataset. The visualization groups entries by cylinder type and maps the resulting counts to pie arc sizes, with each segment labeled by its cylinder category. It uses D3 v7 APIs including `rollups` for aggregation, `pie` and `arc` for generating the chart geometry, and `scaleOrdinal` for color encoding. A legend identifies the color-to-cylinder mapping, and the data is loaded and parsed via D3's `csv` function from a GitHub-hosted CSV file.

Ssowjanya
84% match
Loading thumbnail…

pie chart

A pie chart visualizes the average miles per gallon (MPG) for cars grouped by their region of origin within the Auto-MPG dataset. Three slices—colored blue, orange, and teal—represent the USA, Europe, and Japan, with labels and a legend identifying each category. The code loads the CSV with `d3.csv`, cleans missing values, and aggregates the data using `d3.rollups` to compute mean MPG per origin. It then renders the chart with `d3.pie` and `d3.arc` in an SVG, styled by a `d3.scaleOrdinal` color scale.

KKOLLIPATI NIKHIL
84% match
Loading thumbnail…

pie chart

A pie chart visualizes the average miles per gallon (MPG) for cars grouped by their region of origin within the Auto-MPG dataset. Three slices—colored blue, orange, and teal—represent the USA, Europe, and Japan, with labels and a legend identifying each category. The code loads the CSV with `d3.csv`, cleans missing values, and aggregates the data using `d3.rollups` to compute mean MPG per origin. It then renders the chart with `d3.pie` and `d3.arc` in an SVG, styled by a `d3.scaleOrdinal` color scale.

KKOLLIPATI NIKHIL
84% match
Loading thumbnail…

ICE - 7 Pie Chart

This pie chart visualizes the peak RPM values of cars from the Car_Price dataset, with each slice colored by RPM range and labeled via a legend listing car names and abbreviated RPM values. The chart uses D3.js v5’s `pie` and `arc` generators to compute and draw the SVG paths, while `scaleOrdinal` assigns colors from a predefined array. Legends are built from the same pie data, with text formatted using `d3.format`. Data is loaded asynchronously from a CSV via `d3.csv`.

IIsabella Jaya Rani C
84% match