Skip to main content
SimilarExport ZIP
100%

Fork of piechart

✓ Published0🌍 Public
Kkovuribalanagavinay@gmail.com
Last edited Oct 26, 2025
Created on Oct 26, 2025
Forked from piechart

This pie chart visualizes the average car price by brand, using a dataset of 50 vehicles across ten manufacturers. Each slice represents a brand, with its size determined by the mean price of its cars, and labels display the brand name and average value. The chart is built with D3 v7, using `d3.pie()` to compute arc data, `d3.arc()` to render the slices as SVG paths, and `d3.scaleOrdinal` with the `schemeSet3` color palette. Average prices are calculated via `d3.rollup` and `d3.mean` before the pie is drawn.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of scatter plot fruit

This pie chart shows the distribution of car brand sales for six brands, with each slice sized proportionally to its sales figure and labeled directly on the chart. A color-coded legend to the right identifies each brand. Built with D3 v7, the visualization uses `d3.pie()` to compute the arc angles and `d3.arc()` to render the SVG paths, while `d3.scaleOrdinal` with the `schemeTableau10` palette assigns colors, and labels are placed using the arc centroid method.

Kkovuribalanagavinay@gmail.com
85% 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
83% 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
83% match
Loading thumbnail…

Assignment-2(1Q)

This interactive pie chart visualizes the average car price for different brands, segmented by engine fuel type. The chart uses D3.js v6 to aggregate CSV data, grouping by brand and fuel type, then calculating the mean price for each segment. The visualization displays brand labels and average prices on each slice, with a separate HTML legend mapping fuel types to colors. The rendering uses SVG paths generated with `d3.pie()` and `d3.arc()`, with labels placed via `labelArc.centroid()`. The chart filters to show only Tesla’s electric models, and the legend is created using positioned SVG rectangles and text.

SSaiHarshitManda@my.unt.edu
82% match
Loading thumbnail…

Fork of Pie Chart

A pie chart visualizes 2022 US auto sales by brand, colored by country of origin. The D3.js v5 code loads comma-separated data from a GitHub gist, converts the basic cost values to numbers, and uses `d3.pie` and `d3.arc` to generate SVG path segments. A categorical color scale (`d3.scaleOrdinal` with `schemeCategory10`) fills each slice. The chart includes an interactive legend on the right, where hovering over a slice logs the country and cost to the console, and legend entries display brand names with formatted dollar amounts.

CChaitanya Ratan Sree
82% 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
82% match
Loading thumbnail…

Fork of Pie Chart

This example renders an aggregated pie chart of car selling prices grouped by make, with labels and leader lines connecting each slice to its name. The code uses D3 v7’s `d3.group`, `d3.sum`, `d3.pie`, and `d3.arc` to compute and draw the chart in SVG, along with a color scale via `d3.scaleOrdinal`. A legend and a data table are also generated from the same aggregated dataset, styled on a light blue background.

Vvinodreddysagam929@gmail.com
82% match
Loading thumbnail…

Fork of Fork of area chart

This example displays the average car price by brand as a single filled area, using a dataset of ten automotive manufacturers. The visualization encodes brands along the x-axis with a point scale and prices on the y-axis with a linear scale, producing a smooth area path that highlights price variations across brands. The chart is rendered as an SVG using D3 v7, with the area generated by the `d3.area()` generator and populated with axes via `d3.axisBottom` and `d3.axisLeft`. Light steelblue fills the area beneath the steelblue stroke, while rotated brand labels on the x-axis improve readability.

Kkovuribalanagavinay@gmail.com
82% match