ICE 7 Sharanya 2Q

100%

ICE 7 Sharanya 2Q

✓ Published1🌍 Public

Last edited Oct 26, 2025

Created on Oct 26, 2025

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.

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

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

93% match

Loading thumbnail…

ICE 7 Pie Chart (Sai Kaushik Ganji)

This pie chart visualizes the distribution of vehicle models across market segments, using data from a 24-row CSV file. The chart is rendered as an SVG with D3 v7, slicing the circle by segment counts and encoding each segment with a distinct color from the `d3.schemeSet2` ordinal scale. The code uses `d3.csv` and `d3.autoType` to load and parse the data, then `d3.rollups` to aggregate counts by segment. Hovering reveals a tooltip, and a legend lists each segment with its total.

SSai Kaushik Ganji

86% match

Loading thumbnail…

ICE 7 Sharanya 3Q

This visualization shows how the average electric vehicle range changes by model year, using a line chart that aggregates data points through D3’s `d3.rollups` and `d3.mean` functions. The chart loads CSV data via `d3.csv`, then applies `d3.scaleLinear` for both axes and generates a smooth monotone curve with `d3.line` and `d3.curveMonotoneX`. The SVG rendering includes labeled axes, a title, and a blue stroke path, all styled through D3 v7’s selection and axis APIs.

Cchengalvasharanya@gmail.com

85% match

Loading thumbnail…

ICE 7 Sharanya 4Q

A D3.7 area chart visualizes the average electric vehicle range in miles per model year from a CSV dataset. Using `d3.csv`, `d3.autoType`, and `d3.rollups`, it aggregates rows by year, computes the mean `AvgRangeMi`, and sorts chronologically. The chart employs `d3.scaleLinear` axes, a monotone-curve `d3.area` generator, and a steelblue semi-transparent SVG path. X and Y axes with labels are rendered via `d3.axisBottom` and `d3.axisLeft`, all drawn within an SVG canvas.

Cchengalvasharanya@gmail.com

84% match

Loading thumbnail…

ICE 7 1Q Sharanya

This scatter plot visualizes an EV dataset, showing the relationship between average range in miles and average price in USD, with each point colored by vehicle segment using a Tableau10 ordinal scale. The chart loads CSV data from a GitHub Gist via `d3.csv`, then uses D3 v7 scales and axes to position circles in an SVG. A legend maps segment colors, and axis labels and a title clarify the variables. The code explicitly sets margins, applies `.nice()` to domains, and uses `d3.autoType` for data parsing.

Cchengalvasharanya@gmail.com

83% match

Loading thumbnail…

ICE-7 pie chart

This pie chart visualizes the number of car units sold for different car models, with each slice colored distinctly and accompanied by a legend showing the car name and its corresponding value. The chart uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` functions to generate the SVG paths, while data is loaded asynchronously from a CSV file via `d3.csv`. The rendering includes a centered pie with a 200-pixel outer radius, and the legend displays colored rectangles and text labels positioned to the right.

SSheshidharreddy

83% match

Loading thumbnail…

ICE - 7 Pie chart

This example presents a static pie chart that visualizes the percentage of car sales attributed to different car companies. The chart is rendered as an SVG using D3.js version 5, with each slice colored from a predefined palette. The code constructs the pie chart by loading data from a remote CSV file using `d3.csv`, then uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate and style the slices. It also appends text labels at the centroid of each slice via `arc.centroid`, and a legend is built manually with rectangles and text elements.

Ppremsaiv

83% match