Skip to main content
SimilarExport ZIP
100%

Fork of Vehicles pie chart

✓ Published0🌍 Public
Ssaisathwikaguntupalli@gmail.com
Last edited Oct 26, 2025
Created on Oct 26, 2025
Forked from Diamond 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.

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

Fork of Assignment 2 - Pie Chart

This visualization presents vehicle registration counts as a pie chart, using a dataset from a GitHub repository. The chart is built with D3 v5 and rendered as SVG elements. The code employs D3's `pie`, `arc`, and `scaleOrdinal` APIs to generate the chart segments and apply a categorical color scheme. Each slice displays its value in thousands, and a legend identifies the vehicle types. The visualization highlights the distribution of registrations across different vehicle categories, with colors distinguishing each type.

Ggoudrohit2000@gmail.com
84% match
Loading thumbnail…

Fork of Fork of Piechart question1LB

This visualization shows the number of vehicles seized across different U.S. states, displayed as a pie chart with state names and values listed in a legend. The chart uses D3 v5 APIs including `d3.pie`, `d3.scaleOrdinal`, `d3.arc`, and `d3.select` to render SVG sectors and labels, with data fetched from a raw GitHub CSV file. Each slice is colored distinctly, and the code computes totals and formats values in thousands for readability. The visualization is rendered entirely in SVG within an HTML page.

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

Fork of Hello VizHub

This example presents a pie chart of engine efficiency across various vehicle types. The D3.js code builds the visualization using the `pie` and `arc` generators, rendering SVG paths for each slice and a legend with colored boxes and formatted text labels. The chart's data is hardcoded within the script, and colors are assigned via `scaleOrdinal` with the `schemeCategory10` palette. The final visualization includes a title and a legend positioned to the right of the pie.

Ssanavenkatasurendrareddy@gmail.com
82% match
Loading thumbnail…

Fork of D3 Pie chart

This pie chart displays the distribution of engine types—Petrol, Diesel, Electric, and Hybrid—within a dataset, with values expressed as percentages. It visualizes categorical proportions using a standard circular layout generated by the D3.js `d3.pie` and `d3.arc` APIs, rendered as SVG paths. Slices are filled with colors from the `d3.schemeCategory10` ordinal scale, and each slice is labeled directly on the chart. A legend, built with custom HTML elements, maps each color to its corresponding engine type and percentage value, using the same color assignment from `d3.scaleOrdinal`.

Nnishanththouta16@gmail.com
82% match
Loading thumbnail…

Fork of Pie Chart

This visualization presents 2022 US auto sales by brand as a pie chart, using D3 v5 to load CSV data from a GitHub gist and render SVG sectors. It employs `d3.pie` for arc generation, `d3.arc` for path construction, and `d3.scaleOrdinal` for a custom color palette. A legend lists each brand with its percentage share of total sales and raw sales figures in thousands, formatted via `d3.format`. The chart is centered in an HTML page with a styled title, all code running from a bundled script with async data loading.

SSaiSreya1
82% match