Skip to main content
SimilarExport ZIP
100%

ice7_task2_1

✓ Published0🌍 Public
Kkmohithkumar7@gmail.com
Last edited Oct 26, 2025
Created on Oct 26, 2025
Forked from ICE7-Q2a-Pie

This example shows the distribution of car brands in a dataset as a pie chart, with each slice labeled by brand name and its percentage of the total. The visualization loads data from a remote CSV file using `d3.csv` with `d3.autoType`, then aggregates counts per brand via `d3.rollups`. It computes slice geometry with `d3.pie` and renders the arcs using `d3.arc`, applying a categorical color scale with `d3.scaleOrdinal` and `d3.schemeTableau10`. A manual legend lists the brands, using SVG groups and rectangles.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7.1-1

This example shows a pie chart of car sales by brand, using a dataset loaded from a GitHub-hosted CSV file. It aggregates the raw data with d3.rollup and d3.sum to compute total units sold per brand, then renders the slices with d3.pie and d3.arc in an SVG. Each brand receives a distinct color from a predefined map, and a legend displays the brand names alongside their corresponding sales totals. The visualization also logs intermediate data to the console for debugging.

DDeekshitha Annreddy
86% 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
86% match
Loading thumbnail…

ICE7-q2

This example shows the distribution of cosmetics brand stock as a pie chart, with each slice labeled directly on the chart and an interactive legend to the side displaying brand names and total values. It uses D3.js v7 with SVG rendering, loading CSV data from a GitHub Gist via `d3.csv`. The chart employs `d3.pie` and `d3.arc` to generate slices, `d3.scaleOrdinal` with `d3.schemeTableau10` for color encoding, and `d3.group` with `d3.sum` to aggregate stock values by brand.

Ppashamsahithi2391@gmail.com
85% match
Loading thumbnail…

ICE_7_NIRUPAMA_PIECHART

This pie chart visualizes the distribution of cars by brand, where each slice's angle represents the count of cars for that brand. The chart is rendered as an SVG using D3 v7, with data aggregated from a CSV file via `d3.csv` and `d3.autoType`, then grouped using `d3.rollup`. Slices are drawn with `d3.arc`, colored using a Tableau10 categorical scale, and labeled with brand names. An interactive legend on the right lists each brand alongside its count, with color swatches matching the slices.

NNirupama Karanam
85% match
Loading thumbnail…

Activity 7

This example shows a pie chart representing car sales by brand, aggregated from a CSV dataset. It uses D3 v7’s `d3.pie` layout and `d3.arc` to generate SVG paths for each slice, while `d3.rollup` sums the `Units_Sold` values per `Car_Brand`. A custom color mapping assigns distinct hues to Toyota, Honda, Ford, and Chevrolet, with an HTML legend displaying each brand’s name and total units. The SVG is centered within a 500×500 pixel viewport.

DDeekshitha Annreddy
84% match
Loading thumbnail…

My Task 9

This example presents a pie chart visualizing car purchase percentages by brand, with a legend and axis labels. It loads a CSV dataset from a GitHub gist, and uses D3 v7 APIs including `d3.csv`, `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.schemeCategory10` to compute and render the arcs. The SVG chart is created in a container with a separate legend, and each slice includes a tooltip title showing the brand and percentage. The data is drawn directly from the remote CSV file, while the layout is fixed with explicit width and height margins.

Sshaikfiroze186@gmail.com
84% match
Loading thumbnail…

Pie chart ICE 7

This pie chart visualizes 2022 U.S. auto sales by brand, with each slice representing a brand’s year-to-date sales. A legend on the right shows the brand name, its percentage of total sales, and the raw sales volume in thousands. The example loads CSV data from a GitHub gist using `d3.csv`, then uses `d3.pie` and `d3.arc` to generate the slices. Colors are assigned via `d3.scaleOrdinal`, and the SVG is rendered with a fixed width and height.

Kkakumanusreya
84% match
Loading thumbnail…

Assigment2

This example visualizes sales distribution by brand as an animated pie chart in SVG. It loads data from a CSV file via `d3.csv`, aggregates sales using `d3.rollup`, and renders slices with the `d3.arc` and `d3.pie` layouts. Hovering over a slice enlarges it via `d3.transition` and displays a bold label with the brand’s total sales. The chart includes a color-coded legend using `d3.scaleOrdinal` and a descriptive title.

Llokesh kautharapu
84% match