Skip to main content
SimilarExport ZIP
100%

Activity 7.1

✓ Published0🌍 Public
NNagalakshmi Thota
Last edited Nov 6, 2024
Created on Nov 5, 2024
Forked from Hello VizHub

This D3.js pie chart visualizes the distribution of car makes from a CSV file loaded from a GitHub repository. It uses `d3.pie` and `d3.arc` to generate the pie slices, with `d3.scaleOrdinal` and `d3.schemeCategory10` providing the categorical color scheme. The chart displays percentage labels on each segment and includes a legend generated with HTML. Data is aggregated using `d3.rollups` to count occurrences of each make, and the SVG output is rendered within a centered layout.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity7_Q1

A pie chart visualizes the distribution of car classes from a CSV dataset, showing the proportions of categories like 'unacc', 'acc', 'vgood', and 'good' as colored slices with percentage labels. The chart uses D3.js (version 7.8.5) with the `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs to compute and render the pie geometry and colors. A legend on the right lists each class with its count. The SVG is built programmatically, with data loaded asynchronously from a GitHub-hosted CSV file.

Kkeerthana11.mcs@gmail.com
87% match
Loading thumbnail…

Activity - 7

This visualization displays the distribution of car classification categories using a pie chart with bold colors and percentage labels. The chart, rendered as an SVG via D3.js (version 7.8.5), uses the `d3.arc` and `d3.pie` APIs to generate slices and a legend. Data is loaded from a CSV file hosted on GitHub, and the `d3.scaleOrdinal` function defines the categorical color scheme. A title and legend with category counts complement the chart.

Aamulyareddykondru01@gmail.com
87% match
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
87% match
Loading thumbnail…

Activity 7.1D3.JS

This D3.js v7 visualization presents a pie chart of vehicle types, using SVG rendering to display proportional slices of the data. It loads a CSV file from a GitHub gist and aggregates the records with `d3.rollup`, counting occurrences per vehicle type. The chart uses `d3.pie` and `d3.arc` to generate the paths, with `d3.scaleOrdinal` and `schemeTableau10` providing categorical colors. A legend is drawn manually, and tooltips are added via SVG `title` elements. The chart also includes axis labels as static text.

AAbhinay Peeta
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
86% 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
86% match
Loading thumbnail…

Activity 7.1

A pie chart displays car production totals for countries in 2019, with a legend listing each country and its corresponding value in thousands. The visualization uses D3 v5 to load CSV data via the `csv` function from a GitHub gist, then processes it with `pie` and `arc` to generate the chart segments. `scaleOrdinal` assigns a categorical color palette, while `format` converts large numbers into a compact tick label format. The SVG output includes clickable paths and a separate legend group with circles and text elements positioned via `attr` transforms.

Ssharanyabobbala@my.unt.edu
86% match
Loading thumbnail…

PROJECT

This visualization shows a pie chart of car makes by horsepower, with a corresponding color-coded legend. The data is loaded from a remote CSV file using `d3.csv` and parsed into labels and numeric values. D3 v7’s pie layout (`d3.pie`) and arc generator (`d3.arc`) render the segments, while an ordinal color scale (`d3.scaleOrdinal` with `schemeCategory10`) assigns colors. The chart is drawn as SVG, with a separate HTML legend built dynamically. It includes a centered title and a bottom label for the make category.

Ttallurisaiteja96@gmail.com
86% match