ICE-7 Q2 Sadvik

100%

ICE-7 Q2 Sadvik

✓ Published0🌍 Public

Last edited Mar 29, 2026

Created on Mar 29, 2026

This pie chart shows the distribution of vehicle types—Sedan, SUV, Hatch, and Crossover—from a small, static dataset of ten entries. The chart is rendered as an SVG using D3 v7, leveraging `d3.pie` to compute arc segments and `d3.arc` to generate the paths for each slice. Colors are assigned via `d3.scaleOrdinal` with the `schemeCategory10` palette, and labels are positioned using the arc’s `centroid` method.

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

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

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

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

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

82% match

Loading thumbnail…

ICE 7 Pie Chart

This pie chart displays 2021 car sales by type, with each slice labeled by car category and its percentage of total sales. A legend to the right provides additional identification of the color-coded segments. The visualization is built using D3.js v5, which handles the data loading, pie layout, and arc generation. The code uses `d3.pie()` to compute the angles, `d3.arc()` to draw the slices, and `d3.scaleOrdinal` with `d3.schemeCategory10` for the color palette, with data fetched from a remote text file.

RRahulbelede97@gmail.com

82% match

Loading thumbnail…

ICE--7

This visualization displays the distribution of fuel types among 30 cars, using a pie chart generated from a CSV dataset. The chart shows the proportional share of each category, such as Gas, Electric, Hybrid, and Diesel, with a legend providing counts. It is built with D3 v7, using `d3.csvParseRows` to load and parse the data, `d3.rollups` to count occurrences, and `d3.pie` and `d3.arc` to construct the slices and labels. The SVG is rendered with a Tableau10 color scheme, and the chart is positioned on an 850x500 pixel canvas.

Aashishkommanaveni05@gmail.com

82% match

Loading thumbnail…

ICE-7 1 Q Sadvik

This scatter plot visualizes an electric vehicle dataset, showing the relationship between average price and electric range for different vehicle types. Each point represents a vehicle, with position determined by price on the y-axis and range on the x-axis. The visualization uses D3 v7 with an SVG renderer, employing linear scales for both axes and a color scale to distinguish between Sedans, SUVs, Hatches, and Crossovers. The code explicitly creates axes, adds labels, and includes a categorical legend with colored circles, using methods like `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`.

SSadvik

81% match