Fork of ice-7.2

100%

Fork of ice-7.2

✓ Published3🌍 Public

Last edited Apr 1, 2025

Created on Apr 1, 2025

Forked from 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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ice-7.2

This example shows a pie chart of car transmission types against the number of doors, using data fetched from a CSV file hosted on GitHub. It uses Chart.js to render the pie chart on a Canvas element, with a legend positioned on the right. The code fetches the CSV data asynchronously, extracts the transmission column, and counts occurrences per type. The chart is styled with semi-transparent background colors and set to be responsive within a 400-pixel container.

NNaveen Kumar Kolla

88% match

Loading thumbnail…

PieChart_Vehicle_Transmission

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.

Vvemurisuchitha@gmail.com

82% match

Loading thumbnail…

Fork of ice 7 pie chart

This pie chart shows the distribution of website traffic by source, displaying each source name next to its visitor count in the legend. The chart is rendered on an HTML5 Canvas using Chart.js, which fetches its data from a remote CSV file hosted as a GitHub Gist. The dataset includes visitor counts per source, and the JavaScript code parses the CSV and creates a pie chart with a semi-transparent color palette and a legend positioned on the right.

UUday Kiran

79% match

Loading thumbnail…

Fork of Fork of ICE-7 pie chart

This visualization presents a pie chart showing the number of car units sold for different car models. The chart uses a donut-style layout with a central hole, and each slice is colored distinctly to represent a different car. A legend on the right side lists each car name with its corresponding color and the exact unit count. The visualization is built using D3.js version 5, fetching data from a CSV file hosted on GitHub. The code uses D3's `arc`, `pie`, and `scaleOrdinal` functions to generate the chart and legend, with custom section colors and formatted tick values for the legend text.

Eeravellisaimeghana

79% match

Loading thumbnail…

Fork of Fork of ICE-7 pie chart

This pie chart visualizes the number of car units sold, categorizing the data by class name and assigning each segment a distinct color from a predefined palette. The chart renders as an SVG with arcs generated using d3.arc and positions data through d3.pie, while d3.scaleOrdinal maps colors to categories. A legend on the right displays each class with its corresponding color and formatted value using d3.format. Data is loaded asynchronously from a CSV file via d3.csv.

Llikith1266

78% match

Loading thumbnail…

Fork of ICE-7 pie chart

This pie chart displays the number of car units sold for different car models, using a dataset of units per car name. The visualization renders each segment as an arc with a distinct color and includes a legend showing the car name and its corresponding value. Built with D3 v5, it uses the `pie` and `arc` generators to compute the segments, while `scaleOrdinal` assigns colors and `format` handles the numeric tick labels. The data is loaded asynchronously via `d3.csv` from a GitHub gist.

Llikith1266

77% match

Loading thumbnail…

Fork of ICE 7 Sharanya 2Q

This pie chart displays the distribution of electric vehicles by vehicle segment, with each slice labeled by segment name and count and accompanied by a color-coded legend. The visualization loads a CSV dataset from a GitHub Gist using `d3.csv` with `d3.autoType`, aggregates counts via `d3.rollups`, and renders the chart as SVG using D3 v7’s `d3.pie` and `d3.arc` generators. A categorical color scale, `d3.scaleOrdinal` with `d3.schemeSet2`, assigns slice colors, while labels are positioned using `arc.centroid`.

Cchengalvasharanya@gmail.com

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

76% match