Skip to main content
SimilarExport ZIP
100%

pie chart

✓ Published1🌍 Public
KKOLLIPATI NIKHIL
Last edited Oct 28, 2025
Created on Oct 28, 2025
Forked from D3 Starter

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.

AI-generated description
MIT Licensed

Similar vizzes

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

ICE7-2

This pie chart visualizes the average miles per gallon (MPG) for cars, aggregated by their country of origin. It displays the resulting proportions as colored arcs with labels and a legend, using a tooltip to reveal exact average MPG values on hover. The visualization is built with D3.js v7, loading data from a CSV file and using the `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs to compute and render the chart. The code also employs `d3.rollups` to group and calculate the mean MPG per origin. The chart is rendered as an SVG, with interaction handled via mouse events.

SSainathreddypotu@gmail.com
86% 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
84% match
Loading thumbnail…

Pie chart ice 7

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.

SSreedevi Itta
84% match
Loading thumbnail…

Activity-6_3

This scatter plot visualizes the relationship between horsepower and fuel efficiency (MPG) for cars from the Auto MPG dataset, with each point colored by the vehicle's region of origin (USA, Europe, or Japan). Using D3 v7, the code loads CSV data via `d3.csv`, maps it with a custom parsing function, and renders points as SVG circles with `d3.scaleLinear` for both axes and `d3.scaleOrdinal` for region-based coloring. The visualization includes labeled axes, a legend, and a red title, all rendered as SVG elements.

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

Activitity6_Question3

This scatter plot visualizes the relationship between horsepower and miles per gallon (MPG) for a cars dataset, with each circle colored by the vehicle’s origin (USA, Europe, or Japan). The visualization uses D3 v6 to load CSV data via `d3.csv`, parse and filter the rows, and render SVG circles with linear scales for both axes. Axis labels and ticks are added using `axisLeft` and `axisBottom`, while the full window width and height define the chart area. The code explicitly filters out rows with missing or invalid numeric values before mapping the data points.

GGunna,Praneeth Reddy
80% match
Loading thumbnail…

Activity6_q3

This scatter plot visualizes the relationship between horsepower and miles per gallon (MPG) for vehicles in the Auto MPG dataset, with points colored by region of origin (USA, Europe, Japan). It uses d3.csv to load the data, d3.scaleLinear for positioning both axes, and d3.scaleOrdinal for categorical color mapping. The SVG rendering includes axis labels, a legend, and circles with opacity, all generated using D3 v7 selections and the axisBottom and axisLeft components.

FFayezuddin Mohammed Khan
80% 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
80% match