Skip to main content
SimilarExport ZIP
100%

Fork of ICE 7 Sharanya 2Q

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

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 7 Sharanya 2Q

This pie chart visualizes the distribution of electric vehicles by vehicle segment, showing the count of EVs in each category. Built with D3 v7, the code loads a CSV dataset from a GitHub Gist and aggregates segment counts using `d3.rollups`. The chart applies a pie layout with `d3.pie()`, generates arc paths via `d3.arc()`, and colors slices with a `d3.scaleOrdinal` using `d3.schemeSet2`. Labels are placed at arc centroids, and a legend accompanies the SVG rendering.

Cchengalvasharanya@gmail.com
93% match
Loading thumbnail…

ICE 7 Sharanya 2Q

This example shows the distribution of electric vehicles by vehicle segment using a D3.js pie chart. The visualization loads a CSV dataset from a GitHub Gist, aggregates vehicle counts per segment with `d3.rollups`, and renders slices with the `d3.arc` generator inside an SVG. Each slice is labeled with its segment name and count, and a legend lists the segments with colors from `d3.schemeSet2`. The chart uses `d3.csv`, `d3.pie`, and `d3.scaleOrdinal` to transform the data into a clear, annotated visualization.

Cchengalvasharanya@gmail.com
93% 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
86% match
Loading thumbnail…

Fork of ICE 7 1Q Sharanya

This scatter plot visualizes electric vehicle data, showing the relationship between average range in miles and average price in USD, with each point colored by vehicle segment. It displays a legend mapping the Tableau10 color scheme to vehicle categories. The visualization is built using D3 v7, loading data from a CSV file via `d3.csv` and rendering as an SVG. It uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for color encoding, and `d3.axisBottom` and `d3.axisLeft` for the axes.

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

Fork of ICE - 7 Pie Chart Maanas Katta

This pie chart shows annual car sales for different companies in India, with each slice labeled with its sales value in thousands and accompanied by a color-coded legend listing company names and corresponding figures. The visualization uses D3 v5, loading CSV data via `d3.csv` and computing arc paths with `d3.pie` and `d3.arc`. Colors are assigned through `d3.scaleOrdinal`, and the chart renders as SVG elements, including a centered pie and a legend positioned to the right, with labels formatted using `d3.format`.

RRohith arabati
84% match
Loading thumbnail…

Fork of Piechart ICE - 7 Rohith Arabati

This pie chart visualizes the distribution of car sales across different companies, with each slice labeled by its sales value in thousands. The chart uses d3.pie and d3.arc to generate the segments, while d3.scaleOrdinal assigns colors to each company. Data is loaded from a CSV file using d3.csv, and the SVG rendering includes a legend showing company names and their corresponding sales figures. The visualization is built with D3.js version 5.

Bbhanuteja1807@gmail.com
83% match
Loading thumbnail…

Fork of Fork of ICE - 7 Pie Chart

A pie chart displays annual car sales for different companies in India, with each slice labeled with its sales value in thousands and accompanied by a color-coded legend showing company names and corresponding totals. The visualization uses d3.pie() and d3.arc() to generate the chart, with d3.scaleOrdinal assigning colors from a predefined palette. Data is loaded asynchronously from a CSV file using d3.csv, and text labels are positioned using the arc centroid method. The SVG rendering relies on d3 v5, with formatting applied via d3.format.

RRohith arabati
83% match