Pie Chart

100%

✓ Published0🌍 Public

Last edited Mar 30, 2023

Created on Mar 30, 2023

This pie chart displays the distribution of users across five car companies: Honda, Nissan, Tesla, Hyundai, and Toyota. The chart uses colored segments with corresponding value labels and a legend for identification. Built with D3 v5, the visualization uses `d3.pie()` to compute arc angles and `d3.arc()` for rendering SVG paths. The legend combines colored rectangles with text labels, and the data is hardcoded in the script.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart

This pie chart displays car sales for the month of May across multiple car brands, with each slice labeled with its sales value in thousands. The chart uses D3 v5’s `pie` and `arc` generators to compute slice angles and paths, rendered as SVG. An ordinal color scale maps each brand to a distinct color from a hardcoded array. Legends appear at the right, listing each brand and its corresponding value, while the data is loaded asynchronously from a CSV hosted on GitHub Gist using `d3.csv`.

Vvaddepallinaveen

80% match

Loading thumbnail…

Pie Chart by Tejaswi Tummala

A pie chart displays electric vehicle sales for 2021, with each slice labeled as a percentage of total sales and a legend identifying car models. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `scaleOrdinal` to generate SVG paths and text. Data is loaded asynchronously from a CSV URL, and slices are colored by sales values, with labels positioned via `arc.centroid`.

Tttummala17

80% match

Loading thumbnail…

Fork of Piechart ICE - 7 Rohith Arabati

This pie chart visualizes the distribution of car sales across different companies, with each slice labeled by its sales value in thousands. The chart uses d3.pie and d3.arc to generate the segments, while d3.scaleOrdinal assigns colors to each company. Data is loaded from a CSV file using d3.csv, and the SVG rendering includes a legend showing company names and their corresponding sales figures. The visualization is built with D3.js version 5.

Bbhanuteja1807@gmail.com

80% match

Loading thumbnail…

Piechart ICE - 7 Rohith Arabati

This pie chart visualizes annual car sales for different companies in India, with each slice labeled with its sales value in thousands and accompanied by a color-coded legend. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the chart from CSV data fetched from a GitHub gist. The SVG rendering includes pie segments, value labels, and a legend, all styled with custom CSS. The chart highlights relative sales proportions among companies, making comparisons straightforward.

Ppravalika.thogaru10@gmail.com

79% match

Loading thumbnail…

Simple Pie Chart

This example shows a simple pie chart displaying market share values for five smartphone companies, with each segment labeled by its numeric value and accompanied by a legend showing company names. The chart is rendered as an SVG using D3.js v5, with data defined inline as JavaScript objects. It uses the `d3.pie()` generator to compute segment angles and the `d3.arc()` function to draw the donut-shaped segments, which have an inner radius, outer radius, and padding between arcs. Color encoding relies on `d3.scaleOrdinal` with the `d3.schemePastel2` palette, and legends are manually appended as SVG groups with rectangles and text elements.

Ss-pranathi

79% match

Loading thumbnail…

Fork of Piechart ICE - 7 Rohith Arabati

This pie chart visualizes annual car sales for different companies in India, with each slice labeled with its sales value in thousands and accompanied by a color-coded legend. The chart uses D3.js version 5's `pie` and `arc` generators to create the segments from CSV data loaded via `d3.csv`, with `scaleOrdinal` assigning distinct colors to each company and `format` handling numeric labels. The SVG is rendered at 960×500 pixels with a center translate of (250,250) for the pie.

Vvarun-030

79% match

Loading thumbnail…

Pie Chart

This pie chart displays the sales figures of various companies, with each slice sized proportionally and labeled with its value in thousands. It also includes a color-coded legend listing company names and corresponding sales amounts. The visualization uses D3 v5 APIs including `pie`, `arc`, `scaleOrdinal`, and `format` to generate the SVG segments and text, with data loaded via `csv` from a GitHub gist. Colors are assigned through a custom ordinal scale.

TTejaswi@3271

79% match

Loading thumbnail…

AUTO SALES OF Pie Chart

This pie chart displays 2022 US auto sales by brand, showing each company’s market share as a percentage and sales volume in thousands. Built with D3 v5, it loads CSV data from a GitHub gist and uses `d3.pie` and `d3.arc` to generate SVG paths, with `d3.scaleOrdinal` assigning colors to each segment. The visualization renders a legend with color swatches, brand names, percentage values, and sales figures, all formatted using `d3.format`.

DDINESH SAI BOPPANA

79% match