ICE 7 Jerline piechart

100%

ICE 7 Jerline piechart

✓ Published0🌍 Public

Last edited Mar 28, 2022

Created on Mar 28, 2022

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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…

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

84% match

Loading thumbnail…

ICE 7 Pie Chart

This visualization presents a pie chart of top car company sales by price, with each slice labeled with its value and accompanied by a legend listing the corresponding model names. The chart uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the segments and map categorical colors, while the legend is built manually with SVG `rect` and `text` elements. Data is loaded from a GitHub Gist via `d3.csv` in a React-based setup, with the SVG rendered directly in the browser.

Llikith1266

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

83% match

Loading thumbnail…

ICE-7 DV Pie Chart Car Sales

This pie chart displays 2022 US auto sales by brand, showing each manufacturer’s market share as a percentage and total units sold in thousands. The visualization uses D3 v5’s `pie` and `arc` generators to compute and draw SVG path segments, with `scaleOrdinal` assigning categorical colors. A legend on the right lists each brand with its percentage and sales volume, formatted via `d3.format`. Data is loaded asynchronously from a CSV gist using `d3.csv`, and the chart is rendered with SVG elements in a blank 960×450 canvas.

MMounikadontireddy

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

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

82% match