Skip to main content
SimilarExport ZIP
100%

penguins

✓ Published0🌍 Public
RRahulChaitu999
Last edited Jul 1, 2022
Created on Jul 1, 2022

This donut chart visualizes the sales figures of various car companies from a penguins dataset, where each segment represents a company's car sales. The chart uses D3 v5’s `pie` layout, `arc` for path generation, and `scaleOrdinal` for color assignment. The SVG renders the donut with labels and a legend displaying each company name and its corresponding sales value. Data is fetched from a raw CSV URL using `d3.csv`.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Car Sales Donut Graph

This donut chart visualizes car sales by brand, showing the proportion of total vehicles sold for each manufacturer. The chart uses a categorical color scale with distinct hues for each brand, displays sales counts directly on larger segments, and includes an interactive legend listing brand names with corresponding color swatches. Built with D3 v7, the visualization loads car sales data from a CSV file and uses `d3.flatRollup`, `d3.pie`, and `d3.arc` to generate the donut geometry. Only brands with sales exceeding 1,000 units display their counts on the chart.

MManideeprenikindi
80% 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
79% 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
78% match
Loading thumbnail…

Pie Chart 11590101

A donut chart visualizes 2022 US auto sales by brand, displaying each brand's market share as a proportional arc with a color-coded legend. The chart shows sales percentages and raw numbers (in thousands) next to each brand name using D3's `pie`, `arc`, and `scaleOrdinal` APIs. Data is loaded asynchronously from a CSV via `d3.csv`, with the total sales calculated to compute percentages for display.

DDivyasri0310
78% match
Loading thumbnail…

Pie Chart

A pie chart displays automobile sales proportions for different car brands, with each slice labeled by percentage and accompanied by a legend showing brand names and their corresponding sales shares. The visualization uses D3 v5’s `pie` and `arc` generators to compute slice angles and paths, with `scaleOrdinal` assigning colors from a predefined palette. Data is loaded as CSV from a GitHub repository, and the chart renders as SVG with custom styled text and legends.

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

pie

This pie chart displays the distribution of penguin species from a CSV dataset, showing each species with a colored slice and a legend. Built with D3 v7, it uses `d3.pie()` to compute arc angles, `d3.arc()` to generate SVG paths, and `d3.scaleOrdinal` with `d3.schemeSet2` for colors. Labels are positioned using `arc.centroid()`, and the chart renders to an SVG element.

Ddeekshakondam@gmail.com
78% match
Loading thumbnail…

Fork of Pie Chart

A donut chart visualizes 2022 U.S. auto sales by brand, with each arc’s size proportional to year-to-date sales and a color-coded legend showing brand names and values in thousands. The visualization loads CSV data from a Gist URL using `d3.csv`, calculates the total, and renders the chart with D3 v5’s `pie`, `arc`, `scaleOrdinal`, and `select` APIs. SVG output is drawn to a 960×500 canvas with interactive text and rectangle legends styled via CSS.

Ppravallikayaram12
78% match
Loading thumbnail…

Fork of Pie chart Test

This example presents a large donut chart that displays the revenue figures of ten major global companies, drawn from a CSV data file. The chart is rendered as Scalable Vector Graphics (SVG) using the D3.js library, with each segment’s color assigned from a hardcoded ordinal scale. The visualization’s construction relies on the `d3.pie` function to compute the arc segments, `d3.arc` to define the donut’s inner and outer radii, and centroid-based text positioning to place company names. The code also includes a default dataset and static functions, indicating a direct, non-interactive rendering approach.

SSnapika
78% match