Skip to main content
SimilarExport ZIP
100%

Pie Chart

✓ Published0🌍 Public
KKishen Patel
Last edited Mar 28, 2022
Created on Mar 28, 2022
Forked from HTML Starter

This pie chart visualizes the top 10 car selling prices from a CSV dataset. The chart displays each car model as a colored slice using `d3.pie` and `d3.arc`, with a legend showing the car name and its corresponding price. The visualization uses `d3.scaleOrdinal` with `schemeCategory10` to assign distinct colors, and SVG rendering for all graphical elements. The data is sorted by selling price, with only the highest ten entries selected for display.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

pie chart

This pie chart visualizes the prices of the top 11 products from a CSV dataset, sorted in descending order and drawn as SVG arcs. Built with D3.js v5, it uses the `pie` and `arc` functions to generate segments, `scaleOrdinal` with `schemeCategory10` for color coding, and includes an interactive legend showing each product name and its price in dollars. Data is loaded asynchronously via `csv` from a GitHub gist, and the chart is rendered on mouseover logging.

Aadapavaishnavi12
84% match
Loading thumbnail…

Pie Chart for Car MPG data

This pie chart visualizes the miles per gallon (MPG) for the top ten cars from a CSV dataset, sorted in descending order and loaded via `d3.csv`. Each slice represents a car, with its MPG value shown in the legend, which uses `d3.scaleOrdinal` and `schemeCategory10` for colors. The chart is rendered as an SVG, with slices drawn using `d3.arc` and layout computed by `d3.pie`. Hovering over a slice logs the MPG value to the console.

Sshiiva-surya
83% match
Loading thumbnail…

auto act 7

This example shows a pie chart of the top 10 automobile makes by total price, with each slice labeled and colored. It uses D3 v7 to load CSV data from a GitHub repository, filters invalid price entries, and aggregates prices by make using `d3.rollups`. The visualization renders slices via `d3.pie` and `d3.arc`, with a legend and labels positioned using `arc.centroid`.

Hhlmn4936@gmail.com
83% match
Loading thumbnail…

Pie Chart

A pie chart displays car prices for February 2021 from a CSV file, with each slice sized by the monthly price value and a legend showing car names, percentage of total, and price in thousands. The visualization uses D3 v5 APIs including `d3.pie` and `d3.arc` to generate SVG paths, `d3.scaleOrdinal` for color mapping, and `d3.format` for tick labels. Data loads asynchronously via `d3.csv` from a Gist URL, and the chart renders with custom legend styling.

Eeravellisaimeghana
82% match
Loading thumbnail…

piechart_7 lewis

This pie chart displays the 2020 US car selling prices for different car models, with each slice representing a car and its corresponding price, along with a legend labeling each car name and its value. The visualization is built using D3.v5, loading CSV data via `d3.csv` from a Gist URL. The chart leverages D3's `pie`, `arc`, and `scaleOrdinal` APIs to generate SVG segments, with a custom color palette and formatted price labels showing values in thousands. The SVG output includes both the pie chart centered on the canvas and a legend positioned to the right.

AABCDB15
82% 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
82% 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
82% match
Loading thumbnail…

Pie Chart

This interactive pie chart visualizes the top 10 best-selling books, displaying the relative share of sales (in thousands) for each country. Built with D3 v5 and rendered as SVG, it uses the `pie` layout and `arc` generator to create the chart's segments. The visualization includes a custom legend and data labels, with colors mapped via `scaleOrdinal`. The data is fetched from a remote CSV file using D3's `csv` function, and the project imports specific modules like `select`, `arc`, and `format` to handle rendering.

SSrilekha24
82% match