PieChart_Vehicle_Transmission

100%

PieChart_Vehicle_Transmission

✓ Published0🌍 Public

Last edited Apr 26, 2024

Created on Apr 26, 2024

This pie chart displays the distribution of vehicle transmission types from a 2000 model year dataset, with slices colored via a categorical scale. The chart uses d3.pie to compute arc segments and d3.arc to render them as SVG paths, with an animated tooltip appearing on mouseover to show each transmission type and its count. Data is loaded from a CSV file using d3.csv, aggregated with d3.rollup, and presented alongside a legend built from the same data. The visualization employs a static SVG canvas with interactive hover effects.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ice-7.2

This pie chart displays the distribution of car transmission types by counting how many vehicles in a dataset have each transmission category. The visualization is built using the Chart.js library on an HTML canvas element. It fetches comma-separated data from a remote GitHub gist URL, parses the transmission column from each row, and aggregates the counts before rendering them as colored pie slices with a legend positioned on the right. The chart uses a responsive layout within a fixed-size container.

NNaveen Kumar Kolla

82% match

Loading thumbnail…

Pie Chart

A pie chart built with D3 v7 displays the distribution of car types from a CSV file hosted on a GitHub Gist. The visualization aggregates raw records into categorical counts by type—Sedan, SUV, Truck, and Coupe—and shows each segment's percentage share using `d3.scaleOrdinal` with the `d3.schemeSet2` palette. D3's `arc` generator positions slices, while leader lines and external labels annotate each wedge. An interactive legend, populated via the `d3.select` API, highlights corresponding slices on hover, and a tooltip provides additional detail. The chart uses SVG rendering.

RRamdas Dheeraj

81% match

Loading thumbnail…

-pie chart

A pie chart visualizes 2021 car sales data by type, fetched from a remote CSV file. Each slice is colored using `d3.scaleOrdinal` and `d3.schemeCategory10`, with arcs generated by `d3.arc()`. The chart displays car type labels and percentages, positioned using arc centroids. A legend, built with HTML `div` elements, is placed beside the SVG chart. The implementation uses D3 v5 with `d3.pie()` for data processing and `d3.csvParse` for data loading, all rendered as SVG.

Ssridhardubala106@gmail.com

79% match

Loading thumbnail…

Piecharticons

This visualization shows the distribution of car types from a CSV dataset as a pie chart with an adjacent legend. It uses d3.pie and d3.arc to generate the slices, each filled with a color from d3.schemeSet2 via a d3.scaleOrdinal. Type labels are placed using labelArc centroids, and the legend is built with D3 selections on HTML divs, listing each car type with its corresponding count. The chart is rendered as SVG, with data aggregated using d3.rollup.

GGorantla Vishnusai

79% match

Loading thumbnail…

Interactive Chart

This interactive pie chart displays vehicle registration counts by vehicle type. The visualization presents the data as proportional segments with value labels, accompanied by a legend that maps each color to a vehicle type and displays the corresponding count. The chart loads CSV data from a remote gist URL, and the code uses the D3.js v5 library, specifically the `pie`, `arc`, `scaleOrdinal`, `select`, and `csv` APIs. The SVG rendering is set up using an arc generator with custom inner and outer radii, with fixed positions for the chart and legend within a 980 by 550 pixel canvas.

SStuart Sessions

78% match

Loading thumbnail…

CarPerformance PieChart

This pie chart visualizes how vehicles in the CarPerformance dataset are distributed across three horsepower ranges: low (≤120 HP), medium (121–160 HP), and high (>160 HP). Each slice’s size reflects the count of vehicles in that category, with colored segments and a legend for identification. The visualization loads data from a CSV file using `d3.csv`, then applies `d3.pie` and `d3.arc` generators to create the slices. A `d3.scaleOrdinal` color scale maps the categories to distinct colors, while `arcGen.centroid` positions the labels within each slice.

Ssowjanya

78% match

Loading thumbnail…

Pie chart ice 7

A pie chart shows the distribution of cars by cylinder count, sourced from the Auto MPG dataset. Each slice is labeled directly with its category and percentage, while a legend on the right lists raw counts. The chart uses D3 v7 modules `csv`, `rollup`, `pie`, `arc`, and `scaleOrdinal` with `schemeTableau10`, rendering slices and labels as SVG elements within an 880 by 520 pixel viewport.

SSreedevi Itta

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

78% match