Skip to main content
SimilarExport ZIP
100%

Assignment-2(1Q)

✓ Published0🌍 Public
SSaiHarshitManda@my.unt.edu
Last edited Mar 27, 2025
Created on Mar 25, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Q1_Dataviz_Piechart

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.

Aakshaykumarmandala06@gmail.com
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…

Task-9/10 Q1

This D3.js pie chart displays the distribution of automobile makes by their average horsepower values, with each car make represented as a colored slice paired with a custom legend. The visualization loads CSV data from a GitHub repository using `d3.csv`, then applies `d3.pie()` to compute arc angles and `d3.arc()` to generate the SVG path geometries. A categorical color scale (`d3.scaleOrdinal` with `schemeCategory10`) colors each segment. The code renders the chart inside an SVG container with explicit width and height attributes, while a separate HTML div builds the legend items using dynamically generated colored circles and text labels.

Ttallurisaiteja96@gmail.com
80% match
Loading thumbnail…

Assignment2_Question1.1

A pie chart visualizes the distribution of car makes from a CSV dataset, displaying each manufacturer’s share as a colored slice with percentage labels offset outside the chart. Hovering over a slice triggers a tooltip showing the same percentage. Built with D3 v7, the code loads data via `d3.csv`, groups records with `d3.group`, and renders the chart using `d3.pie`, `d3.arc`, and a `d3.scaleOrdinal` color scale with `d3.schemeCategory10`.

HHarsha vardhan reddy Yarmareddy
79% match
Loading thumbnail…

Assignment2_Question1

This visualization is a pie chart that displays the distribution of car types, focusing on the top three most frequent categories from a CSV dataset. The chart shows each car type’s percentage share, with labeled slices and a legend. The data is fetched from a GitHub repository using `d3.csv` and processed to calculate counts and percentages. The pie layout is generated with `d3.pie` and `d3.arc`, while `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors, and SVG elements render the chart and legend.

HHarsha vardhan reddy Yarmareddy
79% match
Loading thumbnail…

Assignment2-Piechart

This pie chart visualizes United States car sales by brand using data from a CSV file. Built with D3 v5, it renders an SVG with color-coded segments and a legend, where each slice's size reflects the brand's year-to-date sales. The code uses D3's `pie`, `arc`, and `scaleOrdinal` APIs to compute and style the chart, and loads data via `csv` from a GitHub gist.

Llokesh kautharapu
79% match
Loading thumbnail…

Activity7.1_Q1

This pie chart displays the average horsepower distribution across the top 10 car makers, with all remaining manufacturers aggregated into an "others" category. The visualization uses D3 v7's `d3.pie` and `d3.arc` generators to compute slice geometry, with `d3.scaleOrdinal` and `d3.schemeTableau10` providing color encoding. Data loads from a remote CSV file containing smartphone specifications, which the code aggregates and normalizes to percentages. Each slice includes percentage labels positioned via `arc.centroid`, while an HTML legend to the right maps colors to maker names.

Bbhargavipagolu2025@gmail.com
79% 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