Skip to main content
SimilarExport ZIP
100%

Activity7.1_Question1

✓ Published2🌍 Public
GGunna,Praneeth Reddy
Last edited Nov 9, 2025
Created on Nov 8, 2025
Forked from Activity7_tutorial

A pie chart displays the average horsepower for the top 10 car makers, with all remaining makers aggregated into an "Others" slice. Slices and labels are rendered using SVG paths and text elements via D3's `pie` and `arc` APIs, with a color legend on the right. The code loads car data from a CSV file using `d3.csv`, aggregates values with `d3.sum`, and uses `d3.arc` for slice geometry and `d3.scaleOrdinal` for categorical colors. Axis labels are added as text annotations, though the chart itself is circular.

AI-generated description
MIT Licensed

Similar vizzes

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

activity7_question1

This example visualizes the distribution of car horsepower across ten manufacturers using a pie chart, with each slice representing a manufacturer and its size corresponding to the car's horsepower value. The visualization is built with React and D3 version 5, using the `pie` API to compute slice angles, `arc` to generate the donut-shaped paths, and `d3.selectAll` for SVG element creation. Data is loaded from a remote CSV via `d3.csv`, and percentage labels and a legend are rendered using D3's `format` and `schemeCategory10` color palette. All marks and text are rendered as SVG elements within a React component.

Nnishwitha.1032@gmail.com
87% match
Loading thumbnail…

Question1_A1

This pie chart visualizes the distribution of car horsepower across different makes, using D3 v7 to render SVG arcs and labels. The chart encodes horsepower values as arc sizes and colors each segment by car make, with a legend positioned to the right. Labels are placed along the arcs using `d3.arc`’s centroid method, and the data comes from an inline array of `{make, horsepower}` objects. A hover effect on the paths provides subtle interactive feedback.

Vvarmanithish5@gmail.com
87% match
Loading thumbnail…

Activity-7 Question-1

This example renders a pie chart of the top ten cars by miles per gallon (mpg) from a CSV file loaded from a GitHub gist. D3's `pie` layout and `arc` generator create the slices, with each car assigned a random color via JavaScript. The chart displays mpg labels directly on each slice and includes a legend listing car names. The SVG is generated using D3 v5, with the data fetched using D3's `csv` function and sorted/sliced before rendering.

Kkandulasunny17@gmail.com
86% match
Loading thumbnail…

activity 7 task 1

This pie chart visualizes the distribution of horsepower values across different car makes from a CSV dataset. The code uses D3 v7’s `pie()` and `arc()` generators to compute and draw the slices as SVG paths, with a `scaleOrdinal` color scale mapping each make to a distinct fill. A legend is appended as SVG rectangles and text labels, while axis titles for “Car Make” and “Horsepower” are added manually. The visualization reads data asynchronously via `csv()`, converts horsepower to numeric values, and renders with a light gray background.

Ssindhureddykandada@gmail.com
85% match
Loading thumbnail…

Activity 7.1 Question 1

This example shows the distribution of car horsepower values as an interactive pie chart. It groups the data into ten horsepower bins using `d3.histogram`, then visualizes each bin’s count with `d3.pie` and `d3.arc` in an SVG. A categorical color scale (`d3.scaleOrdinal` with `d3.schemeCategory10`) colors each slice, and a separate HTML legend displays the bin ranges. The data is loaded asynchronously via `d3.csv` from a GitHub Gist, demonstrating local ES6 module imports and D3’s histogram, pie, and arc APIs.

Ppenujulilikhil01020@gmail.com
85% 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
84% 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
84% match