Chandrashekhar Ramamurthi Pie chart

100%

Chandrashekhar Ramamurthi Pie chart

✓ Published0🌍 Public

Last edited Mar 27, 2023

Created on Mar 27, 2023

This example visualizes credit card limit data for ICE 07 across U.S. states using a pie chart, with each slice labeled by its value in thousands and accompanied by a color-coded legend. The chart is rendered in SVG using D3 v5, leveraging the `pie` and `arc` layout generators to compute slice geometry. Slice colors are assigned via `scaleOrdinal` from a hardcoded array, and data is loaded asynchronously from a raw GitHub CSV file using `d3.csv`. The visualization also employs `format` for tick label formatting and custom legend groups for readability.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE7-Pie Chart

This visualization displays U.S. state populations as a pie chart, showing each state’s population in millions with color-coded slices and a matching legend. It uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` to generate and style the chart from CSV data loaded via `csv`. The SVG rendering includes slice labels positioned with `arc.centroid` and a legend built from appended `rect` and `text` elements. The data source is a GitHub gist URL.

KKolliTeja

80% match

Loading thumbnail…

ICE - 7 Pie Chart

This example visualizes the top 10 most populated U.S. states as a pie chart, with each slice colored distinctly and accompanied by a legend showing state names and population values (in thousands). It uses d3.csv to load data from a GitHub gist, then applies d3.pie, d3.arc, and d3.scaleOrdinal to generate the SVG paths and colors. The chart is rendered with SVG elements, and legends are appended dynamically with text and rectangular markers.

Cchakritha06

79% match

Loading thumbnail…

Charan Fork of ICE - 7 Pie Chart

This example visualizes the top 10 most populated U.S. states as a pie chart, with each slice labeled with its population in thousands and accompanied by a legend showing state names and values. The chart is rendered as an SVG using D3 v5, with data fetched from a CSV hosted on GitHub. It employs D3’s `pie`, `arc`, and `scaleOrdinal` APIs to generate slices and assign colors, and uses `arc.centroid` to position population labels within each segment. The legend is built with appended `rect` and `text` elements.

Ccharanchand9

79% match

Loading thumbnail…

ICE-7_Pie Chart

This pie chart displays the distribution of carbon emissions across different states in the USA, with each slice representing a state’s total emissions in thousand tonnes. The visualization uses D3 v5’s `pie` and `arc` generators to create the SVG segments, while `scaleOrdinal` assigns colors to each state. Legends are positioned manually alongside the chart, and data is loaded asynchronously from a CSV file via a custom `getData` function using D3’s `csv` method.

Nnithish-1999

78% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This pie chart visualizes the top 10 most populated U.S. states, with each slice labeled by its population in thousands and accompanied by a color-coded legend. Built with D3 v5, the code fetches CSV data via `d3.csv`, computes slice angles with `d3.pie`, draws arcs with `d3.arc`, and maps colors using `d3.scaleOrdinal`. Labels are positioned at each slice’s centroid, while the legend separately lists state names and values using SVG `rect` and `text` elements.

Ggayathri

78% match

Loading thumbnail…

Piechart ICE7

This pie chart displays the number of vehicles seized across different U.S. states, with each slice color-coded to correspond to a state listed in a legend alongside its value. The visualization uses D3 v5’s `pie` and `arc` generators to compute and render the SVG paths, with `scaleOrdinal` assigning colors. Data is loaded asynchronously from a CSV via `d3.csv`, and slice labels show values in thousands formatted with `d3.format`, while tooltips and hover interactions are absent.

SSravaniPosina

78% match

Loading thumbnail…

ICE - 7 Pie Chart

This example visualizes the top 9 COVID-reported states in India as a pie chart, with each slice sized by the number of cases and accompanied by a legend labeling states and their case totals. The chart renders as SVG using D3 v5, employing `d3.pie` to compute slice angles, `d3.arc` to generate the paths, and `d3.scaleOrdinal` to map slice colors. Data is loaded asynchronously from a CSV via `d3.csv`, with values formatted using `d3.format`. A separate legend group uses rectangles and text to show state names and case counts.

HHarishma Nallala

78% match

Loading thumbnail…

ICE - 7-2 Pie Chart

This example visualizes the top 10 most populated states in India as a pie chart, labeling each slice with its population in millions and pairing it with a color-coded legend. The chart’s slices use a d3.pie layout, with d3.arc generating the segment paths and d3.scaleOrdinal assigning categorical colors. Data is loaded asynchronously from a CSV via d3.csv, then rendered to SVG, with text labels positioned using the arc generator’s centroid method and a custom legend built from grouped SVG elements.

EEshwarreddyt

78% match