PieChart of EV_Cars_ICE7

100%

PieChart of EV_Cars_ICE7

✓ Published1🌍 Public

Last edited Mar 25, 2023

Created on Mar 25, 2023

This pie chart visualizes the top speeds of electric vehicles from a CSV dataset. The D3.js v5 code uses `d3.pie` to compute arc segments for each data slice, `d3.arc` to render the pie geometry, and `d3.scaleOrdinal` for the categorical color scheme. A legend on the right displays each Brand with its corresponding TopSpeed_KmH value. The chart is rendered as an SVG element, with data loaded asynchronously from a GitHub Gist URL.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of PieChart of EV_Cars_ICE7

This pie chart visualizes the top speeds of various EV car brands from a CSV dataset. Each slice represents a brand, colored via a d3.scaleOrdinal, with the corresponding speed in KmH shown beside each brand in the legend. The chart uses d3.pie and d3.arc to generate SVG paths, and positions the legend and chart group using SVG transform attributes. Data is loaded asynchronously with d3.csv.

NNitheeshSama

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

Loading thumbnail…

ICE - 7 Pie Chart

This pie chart visualizes the peak RPM values of cars from the Car_Price dataset, with each slice colored by RPM range and labeled via a legend listing car names and abbreviated RPM values. The chart uses D3.js v5’s `pie` and `arc` generators to compute and draw the SVG paths, while `scaleOrdinal` assigns colors from a predefined array. Legends are built from the same pie data, with text formatted using `d3.format`. Data is loaded asynchronously from a CSV via `d3.csv`.

IIsabella Jaya Rani C

81% match

Loading thumbnail…

ICE7 Pie Chart

This pie chart visualizes the top car sales in 2022, with each slice sized proportionally to the number of units sold and a legend displaying car names and sales counts. The chart renders using D3 v5’s `pie` and `arc` generators to compute segment geometry, with colors assigned via `scaleOrdinal` and `d3.schemeCategory10`. Data is loaded asynchronously from `carsales.json` using `d3.json`, and the SVG is built by appending `path` and `rect` elements. The presentation uses an SVG container with a legend offset to the side, and sales values are formatted with `d3.format`.

Rrakeshkommineni

81% match

Loading thumbnail…

Fork of ICE-7 Pie Chart

This fork of the ICE-7 Pie Chart visualizes the horsepower of the top 12 car models from a CSV dataset. The chart uses a pie layout and arc generator to render slices in an SVG, with colors mapped by a categorical scale. Legends display each model name and its horsepower value (e.g., "230 hp") beside a matching color swatch. The code imports D3 v5 modules like `csv`, `pie`, `arc`, and `scaleOrdinal`, loads data from a GitHub gist URL, and sorts entries by horsepower before rendering.

NNanditha Reddy

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

80% match

Loading thumbnail…

Pie chart ICE 7

This pie chart visualizes 2022 U.S. auto sales by brand, with each slice representing a brand’s year-to-date sales. A legend on the right shows the brand name, its percentage of total sales, and the raw sales volume in thousands. The example loads CSV data from a GitHub gist using `d3.csv`, then uses `d3.pie` and `d3.arc` to generate the slices. Colors are assigned via `d3.scaleOrdinal`, and the SVG is rendered with a fixed width and height.

Kkakumanusreya

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

80% match