Fork of PieChart of EV_Cars_ICE7

100%

Fork of PieChart of EV_Cars_ICE7

✓ Published0🌍 Public

Last edited Mar 26, 2023

Created on Mar 26, 2023

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

PieChart of EV_Cars_ICE7

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.

LLokeshBachu5

94% match

Loading thumbnail…

Fork of ICE7 Pie Chart

A pie chart visualizes sales figures for ten car brands, with each slice's area proportional to the brand's sales value and labeled in a side legend showing both the car name and its corresponding number. The chart renders as an SVG using D3 v5, employing the `pie()` generator to compute arc angles from the loaded JSON data, `arc()` to create the paths, and `scaleOrdinal` with `schemeCategory10` to assign colors to slices. The legend is built manually with appended rectangles and text elements, while numeric values are formatted using D3's `format()` function.

DDeekshithVemula

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

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

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

83% match

Loading thumbnail…

Fork of ice 7 pie

This pie chart visualizes the top 10 global automobile sales in millions, with each slice representing a brand’s value and a legend detailing the data. It uses d3.pie and d3.arc to generate the SVG paths, with d3.scaleOrdinal and d3.schemeCategory20 assigning colors. Interactive hover effects, implemented via d3.selectAll and mouse events, dim other slices and display a tooltip with the brand name and value. The chart is rendered as SVG, with a fixed 400x400 viewport and semi-transparent styling.

KKeerthipriyaBankuru

83% match

Loading thumbnail…

Fork of Pie Chart

This pie chart visualizes 2022 U.S. auto sales by brand, sourced from a CSV of electric vehicle deliveries. Each slice shows the proportion of total sales, while a legend lists brand names, their percentage of the total, and sales figures in thousands. The code loads data using `d3.csv`, computes pie angles with `d3.pie`, and draws SVG paths with `d3.arc`. Colors are assigned via `d3.scaleOrdinal`, and the legend uses formatted text for percentages and values.

Tttummala17

83% match

Loading thumbnail…

Fork of ICE-7 pie chart

This chart visualizes the number of car units sold per car model as a donut pie chart, with each segment sized proportionally to its value and a corresponding legend that pairs each car category with its numeric sales figure. The visualization is built using D3 version 5, employing `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the arcs and color scheme, while data is loaded asynchronously from a CSV file via `d3.csv`. The SVG output positions the donut centered at the left, with the legend displayed on the right, and uses a custom text formatting function for axis tick labels.

Eeravellisaimeghana

83% match