Fork of pie chart ICE-7

100%

Fork of pie chart ICE-7

✓ Published2🌍 Public

Last edited Oct 25, 2025

Created on Oct 25, 2025

This chart shows the distribution of BMW car sales by model using a pie chart accompanied by a custom legend and percentage labels. The visualization uses D3.js v7 to load a CSV file from a GitHub gist, aggregate the data by model with `d3.rollup`, and generate the pie slices with `d3.pie` and `d3.arc`. Interactive tooltips reveal exact sales figures when hovering over each slice. The chart is rendered as SVG within a styled HTML container, and the color scheme is applied via `d3.scaleOrdinal` with the Tableau 10 palette.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE-7 pie chart

This chart visualizes the number of car units sold per car model as a donut pie chart, with each segment sized proportionally to its value and a corresponding legend that pairs each car category with its numeric sales figure. The visualization is built using D3 version 5, employing `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the arcs and color scheme, while data is loaded asynchronously from a CSV file via `d3.csv`. The SVG output positions the donut centered at the left, with the legend displayed on the right, and uses a custom text formatting function for axis tick labels.

Eeravellisaimeghana

88% match

Loading thumbnail…

Fork of ICE-7 pie chart

This pie chart displays the number of car units sold for different car models, using a dataset of units per car name. The visualization renders each segment as an arc with a distinct color and includes a legend showing the car name and its corresponding value. Built with D3 v5, it uses the `pie` and `arc` generators to compute the segments, while `scaleOrdinal` assigns colors and `format` handles the numeric tick labels. The data is loaded asynchronously via `d3.csv` from a GitHub gist.

Llikith1266

88% match

Loading thumbnail…

Fork of Fork of ICE-7 pie chart

This visualization presents a pie chart showing the number of car units sold for different car models. The chart uses a donut-style layout with a central hole, and each slice is colored distinctly to represent a different car. A legend on the right side lists each car name with its corresponding color and the exact unit count. The visualization is built using D3.js version 5, fetching data from a CSV file hosted on GitHub. The code uses D3's `arc`, `pie`, and `scaleOrdinal` functions to generate the chart and legend, with custom section colors and formatted tick values for the legend text.

Eeravellisaimeghana

87% match

Loading thumbnail…

Fork of ICE7 Pie Chart

A pie chart visualizes sales figures for ten car brands, with each slice's area proportional to the brand's sales value and labeled in a side legend showing both the car name and its corresponding number. The chart renders as an SVG using D3 v5, employing the `pie()` generator to compute arc angles from the loaded JSON data, `arc()` to create the paths, and `scaleOrdinal` with `schemeCategory10` to assign colors to slices. The legend is built manually with appended rectangles and text elements, while numeric values are formatted using D3's `format()` function.

DDeekshithVemula

86% match

Loading thumbnail…

Niharika Piechart

This pie chart visualizes BMW car sales distribution by model, with each slice showing the total sales volume for a specific model. The chart renders as SVG using D3.js, with labels positioned around the outer arc showing each category’s percentage share. Data comes from a CSV file loaded via `d3.csv`, aggregated with `d3.rollup`, and visualized using `d3.pie` and `d3.arc`. A color legend and interactive tooltips are also included.

118121a1545

86% match

Loading thumbnail…

Fork of Fork of ICE-7 pie chart

This pie chart visualizes the number of car units sold, categorizing the data by class name and assigning each segment a distinct color from a predefined palette. The chart renders as an SVG with arcs generated using d3.arc and positions data through d3.pie, while d3.scaleOrdinal maps colors to categories. A legend on the right displays each class with its corresponding color and formatted value using d3.format. Data is loaded asynchronously from a CSV file via d3.csv.

Llikith1266

85% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This pie chart displays the percentage of sales for different items, with a legend positioned to the right showing each item’s name and corresponding value. The chart is built with D3 v5, using `d3.pie` and `d3.arc` to generate the segments, `d3.scaleOrdinal` for color mapping, and `d3.csv` to load the dataset from a GitHub gist. The visualization renders as SVG, with section labels and legend text styled via CSS.

RRahulSai05

85% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This example shows the percentage of sales for different items using a pie chart with a color-coded legend. The chart is rendered as an SVG, with each slice’s arc and fill color generated via `d3.arc()` and `d3.scaleOrdinal()`. Data is loaded asynchronously from a CSV URL using `d3.csv`, and the legend displays each item’s name and sales percentage, formatted with `d3.format`. The visualization relies on D3 v5 and a custom `bundle.js`, with the pie layout computed by `d3.pie()`.

MMar-99

84% match