Skip to main content
SimilarExport ZIP
100%

ICE--7

✓ Published0🌍 Public
Aashishkommanaveni05@gmail.com
Last edited Mar 30, 2026
Created on Mar 30, 2026
Forked from Pie Chart

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE--7

This scatter plot visualizes the relationship between engine size and fuel mileage for 30 cars from a dataset, with points colored by fuel type. The visualization uses D3 v7 with an SVG rendering approach, implementing a reusable scatter plot function that reads the CSV data manually. It uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with `d3.schemeTableau10` for color encoding, and `d3.axisBottom` and `d3.axisLeft` for tick marks, with a legend showing fuel type categories.

Aashishkommanaveni05@gmail.com
88% match
Loading thumbnail…

ice_7 , question 2

This pie chart visualizes the distribution of fuel types in a used-car dataset, with each slice encoded by a distinct color from D3's categorical scaleOrdinal scheme. The visualization is interactive: hovering over a segment displays a tooltip showing the fuel type and its exact count, while a dynamically generated legend maps colors to fuel categories for quick reference. Data is loaded from car_dataset.csv via d3.csv, and the chart is rendered with SVG in D3 v7, featuring smooth animated transitions. The tooltip and legend enhance accessibility and readability, making it easy to compare categorical proportions at a glance.

Sshailajat1998@gmail.com
86% match
Loading thumbnail…

ICE 7 Jerline piechart

This pie chart displays the fuel efficiency of cars by manufacturer, with each slice sized proportionally to its Fuel_efficiency value and labeled in a legend showing both the manufacturer name and the corresponding numerical value. Built with D3 v5, the visualization loads CSV data from a GitHub gist via `d3.csv` in `getData.js`, then uses `d3.pie` and `d3.arc` to generate SVG path segments, with `d3.scaleOrdinal` providing categorical colors. The chart renders to a 960×500 SVG canvas, and legends are manually positioned using `svg.append` and `attr transform` translations.

JJerlineJJ
85% 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
85% match
Loading thumbnail…

ICE7-2

This pie chart visualizes the average miles per gallon (MPG) for cars, aggregated by their country of origin. It displays the resulting proportions as colored arcs with labels and a legend, using a tooltip to reveal exact average MPG values on hover. The visualization is built with D3.js v7, loading data from a CSV file and using the `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs to compute and render the chart. The code also employs `d3.rollups` to group and calculate the mean MPG per origin. The chart is rendered as an SVG, with interaction handled via mouse events.

SSainathreddypotu@gmail.com
84% match
Loading thumbnail…

ICE--7

This area chart displays the average fuel mileage (MPG) of cars grouped by model year, using a dataset of 30 vehicles parsed from a CSV file. The visualization aggregates individual car records by year, then draws a steel-blue filled area with a darkblue boundary line, red circular data points, and numeric value labels. Built with D3 v7, the code uses `d3.csvParseRows` to clean the data, `d3.rollup` with `d3.mean` for aggregation, and `d3.area()` along with `d3.line()` generators to render the SVG paths.

Aashishkommanaveni05@gmail.com
84% match
Loading thumbnail…

ICE7

A scatter plot of 40 cars from a small CSV dataset maps horsepower on the x-axis against miles per gallon on the y-axis. Each circle is colored by cylinder count (4, 6, or 8) using a Tableau10 ordinal scale, with a legend in the top-right corner. The visualization uses D3 v6's `scaleLinear`, `axisBottom`, `axisLeft`, and `selectAll().join()` pattern within a reusable chart module. Axis labels identify both variables, and the title font is set via the Share Tech Google Font.

Vvarshitreddy02@gmail.com
84% match
Loading thumbnail…

ICE7_Pie_Chart_EV

This pie chart shows the distribution of electric vehicle sales by company, aggregating data from a linked CSV file and displaying the top ten manufacturers alongside an "Other" category for the remainder. It encodes proportions as colored slices with percentage labels for segments of at least 4% of total sales, and includes a legend listing each company. The visualization uses D3 v7's `d3.csv`, `d3.rollups`, `d3.sum`, `d3.pie`, and `d3.arc` to compute and render the chart as SVG paths and text, with a Tableau10 color scheme applied via `d3.scaleOrdinal`.

Jjgaur96@gmail.com
84% match