Fork of Activity 7_Answer 1_D3.JS

100%

Fork of Activity 7_Answer 1_D3.JS

✓ Published0🌍 Public

Last edited Apr 10, 2025

Created on Apr 10, 2025

This chart shows the distribution of vehicle types in a dataset as a pie chart, with each slice labeled in a legend and the raw counts provided via hover tooltips. The chart uses an SVG rendering approach with D3.js v7, specifically leveraging `d3.pie` for angle generation, `d3.arc` for path construction, and `d3.rollup` to aggregate the CSV data by vehicle type. The color scale uses `d3.scaleOrdinal` with the Tableau10 scheme. An x-axis title and a mislabeled y-axis title (indicated as "Count (slice size)") are decorative, as no coordinates are plotted.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity 7.1D3.JS

This visualization shows a pie chart of vehicle types from a CSV dataset, with slice sizes representing the count of each vehicle type and a color-coded legend identifying the categories. It uses D3 v7’s `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `schemeTableau10` to generate and color the SVG paths, while `d3.rollup` aggregates the raw data. The chart includes axis labels and a title, with the underlying data fetched from a GitHub gist via `d3.csv`.

AAbhinay Peeta

92% match

Loading thumbnail…

Activity 7_Answer 1_D3.JS

This pie chart shows the distribution of vehicle types in a dataset, with each slice colored and paired with a legend. The visualization is built using D3.js v7 and rendered as SVG, with the pie geometry computed by `d3.pie()` and drawn using `d3.arc()`. Data is loaded from a remote CSV file, aggregated with `d3.rollup()`, and colored using `d3.scaleOrdinal(d3.schemeTableau10)`. The chart includes axis labels and hover tooltips, though the code erroneously mislabels the categorical pie slices as X and Y axes.

NNIIPUNNREDDY00@GMAIL.COM

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

90% match

Loading thumbnail…

Fork of Activity7:Questions:1

This example shows the distribution of car fuel types in a dataset, with each slice of a pie chart representing a fuel category and its size reflecting the number of cars using that fuel. It uses D3.js v7 to fetch a CSV file from a GitHub repository, parse the data, and group it by the "Fuel" attribute using `d3.rollup`. The pie chart is rendered as SVG with `d3.pie` and `d3.arc`, labels are positioned using `arc.centroid`, and a color scale uses `d3.scaleOrdinal` with `d3.schemeCategory10`.

Ssaivaishnogaruda@gmail.com

87% match

Loading thumbnail…

Activity_7.1_Question_1

This pie chart displays vehicle types and their registration counts, with proportional slices labeled in thousands and a corresponding color-coded legend. It loads CSV data from a GitHub gist, calculates the pie layout using `d3.pie`, and renders SVG paths with `d3.arc`. The visualization uses `d3.scaleOrdinal` for slice colors, formats values with `d3.format`, and appends legend rectangles and text labels. The chart is centered in an SVG and includes a title, with values shown numerically inside each segment.

Vvarshithainaganti@gmail.com

85% match

Loading thumbnail…

Fork of Fork of Activity7_q1

This pie chart displays the distribution of horsepower values across different car makes, with each genre category represented as a colored slice proportional to its count. The visualization loads a CSV dataset via Papa Parse, then uses D3 v7’s `pie` and `arc` generators to compute slice paths and centroids, rendering labels at each slice’s center. Slices are filled with a categorical color scheme and separated by white stroke lines, while the SVG canvas is centered within a responsive container.

Nnandasaipalankius@gmail.com

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

85% match

Loading thumbnail…

Fork of Vehicles pie chart

This fork of the classic Vehicles pie chart visualizes the distribution of vehicle makes in a dataset loaded from a GitHub Gist. The chart displays each make as a colored slice with a percentage label, alongside a legend showing the make name and its count. Built with D3.js v6, the code uses `d3.rollup` to aggregate counts, `d3.pie` to compute arc angles, and `d3.arc` to generate SVG paths. Slices are colored via a categorical scale and respond to mouse hovers.

Ssaisathwikaguntupalli@gmail.com

85% match