Skip to main content
SimilarExport ZIP
100%

ICE7-2

✓ Published0🌍 Public
SSainathreddypotu@gmail.com
Last edited Oct 28, 2025
Created on Oct 28, 2025
Forked from HTML Starter

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.

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
86% match
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
86% 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…

ICE - 7 Pie Chart

This pie chart visualizes the peak RPM values of cars from the Car_Price dataset, with each slice colored by RPM range and labeled via a legend listing car names and abbreviated RPM values. The chart uses D3.js v5’s `pie` and `arc` generators to compute and draw the SVG paths, while `scaleOrdinal` assigns colors from a predefined array. Legends are built from the same pie data, with text formatted using `d3.format`. Data is loaded asynchronously from a CSV via `d3.csv`.

IIsabella Jaya Rani C
84% match
Loading thumbnail…

ICE 7 Jerline piechart

This pie chart displays the fuel efficiency of cars by manufacturer, with each slice sized proportionally to its Fuel_efficiency value and labeled in a legend showing both the manufacturer name and the corresponding numerical value. Built with D3 v5, the visualization loads CSV data from a GitHub gist via `d3.csv` in `getData.js`, then uses `d3.pie` and `d3.arc` to generate SVG path segments, with `d3.scaleOrdinal` providing categorical colors. The chart renders to a 960×500 SVG canvas, and legends are manually positioned using `svg.append` and `attr transform` translations.

JJerlineJJ
84% match
Loading thumbnail…

ICE7-3

This area chart visualizes the relationship between horsepower and fuel efficiency (MPG) for a sample of 50 cars from a CSV dataset. It uses D3.js v7 to render an SVG graphic, with a monotone cubic curve (`d3.curveMonotoneX`) forming the filled area and overlaid blue circles for individual data points. Tooltips on hover display the car name, horsepower, and MPG. Axes are labeled for 'Horsepower' and 'Miles per Gallon (MPG)', with the chart title indicating the dataset's scope.

SSainathreddypotu@gmail.com
83% match
Loading thumbnail…

ICE 7

This visualization displays a scatter plot of automobile data from the UCI Auto MPG dataset, mapping miles per gallon against horsepower. Points are colored by origin, with point size encoding vehicle weight, and hovering reveals the car name via tooltip. Built with the vega-lite-api and D3’s csv loader, it renders using vega-lite’s markCircle, with axes customized to remove domain lines and configure tick and label styling.

MMalempatiSaranya
83% match
Loading thumbnail…

ICE-7 pie chart

This pie chart visualizes the number of car units sold for different car models, with each slice colored distinctly and accompanied by a legend showing the car name and its corresponding value. The chart uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` functions to generate the SVG paths, while data is loaded asynchronously from a CSV file via `d3.csv`. The rendering includes a centered pie with a 200-pixel outer radius, and the legend displays colored rectangles and text labels positioned to the right.

SSheshidharreddy
82% match