Q1_Dataviz_Piechart

100%

Q1_Dataviz_Piechart

✓ Published0🌍 Public

Last edited Mar 27, 2025

Created on Mar 26, 2025

This pie chart visualizes the average car prices across different brands, segmented by fuel type, with data loaded from a CSV file. The visualization uses D3 v6’s `d3.pie` and `d3.arc` to generate SVG path slices, while labels show the brand name and average price using `labelArc.centroid`. The chart filters Tesla to show only electric models, and a separate SVG legend maps fuel types (Petrol, Diesel, Electric, Hybrid) to distinct colors. The code processes the CSV data with `d3.group` to compute averages per brand and fuel type before rendering.

AI-generated description

MIT Licensed

Similar vizzes

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

88% match

Loading thumbnail…

Fork of 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.

Kkovuribalanagavinay@gmail.com

82% match

Loading thumbnail…

Akhil Pie Chart -Cars

This pie chart displays the aggregated selling price of cars grouped by make, with a legend and a data table alongside the visualization. The chart uses D3.js v7 to compute the pie layout and arc paths, while a sequential color scale maps each car make to a distinct color. The code loads CSV data, groups it by car make, and sums the prices using d3.group and d3.sum. Hovering over a segment reveals a tooltip with the make and total price. The SVG rendering includes an interactive legend and a styled HTML table, all set against a light blue background.

AAkhil Charugulla

81% match

Loading thumbnail…

q2_piechart

This pie chart visualizes the share of cars by fuel type from the car_sales_kaggle dataset, displaying each category’s value and percentage directly on the slices and in a right-side legend. Built with D3 v7, it loads CSV data, aggregates counts per category, and uses `d3.pie`, `d3.arc`, and `d3.rollups` to compute and render arcs with leader lines and labels. A Tableau10 ordinal color scale distinguishes categories, while the SVG output includes hover tooltips via `title` elements and a clean, responsive layout.

Mmaddineni2112@gmail.com

80% match

Loading thumbnail…

Actvity 7.1.1

This pie chart depicts the distribution of car models by brand, aggregated from a CSV file of individual car records. The visualization uses D3 v5 to generate SVG arcs, with an interactive tooltip revealing each brand's model count and percentage on hover. A legend displaying brand names, color swatches, and formatted model counts accompanies the chart, and the code explicitly uses `d3.pie`, `d3.arc`, `scaleOrdinal`, and `schemeCategory10` for rendering and color assignment.

Yyadlapallisaisathvik@gmail.com

79% match

Loading thumbnail…

Activity 7 Q1

This pie chart shows the distribution of cars by fuel type in a dataset loaded from a CSV file. The visualization displays three fuel categories as colored slices with labels, while a legend on the right lists each fuel type along with its corresponding car count. The chart uses D3.js v7 APIs including `d3.csv` for data loading, `d3.rollup` for aggregation, `d3.pie` for pie geometry, and `d3.arc` for arc paths. The SVG renderer draws the chart, and the code includes fake axis labels for fuel type and number of cars.

MMdAfikurRahmanKhan@my.unt.edu

78% 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

77% 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

77% match