Skip to main content
SimilarExport ZIP
100%

Fork of Activity 7.1D3.JS

✓ Published1🌍 Public
AAbhinay Peeta
Last edited Apr 10, 2025
Created on Apr 10, 2025

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`.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Activity 7_Answer 1_D3.JS

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.

IILYAS AHMED
92% 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
87% 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
86% 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
85% match
Loading thumbnail…

Fork of activity7jaswanth

This example shows a D3 pie chart that visualizes a CSV dataset, coloring each slice by genre category and displaying a legend. It loads data from a GitHub raw CSV file, converts string values to numbers, and uses `d3.pie` with `d3.arc` to generate SVG path slices. The chart applies a `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and adds a legend with `rect` and `text` elements, all rendered in an SVG container via D3 v6.

JJaswanthkota@my.unt.edu
85% 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 Activity-9&10

This pie chart visualizes the number of vehicles seized across different U.S. states, using a dataset fetched from a GitHub-hosted CSV file. Each slice represents a state, with its value and the state name displayed in an adjacent legend. The visualization is built with D3 v5, using the `pie` and `arc` generators to create the chart and `scaleOrdinal` for color mapping. Labels inside slices show values in thousands, and the SVG output is styled with custom CSS.

Aabjalshaik02@gmail.com
85% match