ICE-7.2 Pie Chart

100%

ICE-7.2 Pie Chart

✓ Published0🌍 Public

Last edited Mar 26, 2023

Created on Mar 26, 2023

This pie chart displays the average annual income of different professions. The data is loaded from a CSV file via a Gist URL and visualized using D3 v5’s `pie` and `arc` functions to generate SVG path segments. Each slice is colored with a categorical scale (`scaleOrdinal` and `schemeCategory10`), and a legend lists each profession alongside its corresponding color swatch and formatted income value, with the title indicating the comparison of average incomes.

AI-generated description

Pie chart for Annual Income data

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE - 7 PIE CHART

A pie chart displays employee salaries by profession, using colored slices segmented from a CSV dataset of annual incomes. The chart renders with D3.js v5, using `d3.pie` to compute angles and `d3.arc` to generate SVG paths. A legend pairs each profession name with its corresponding annual income, formatted in thousands with `d3.format`. The visualization also uses `d3.scaleOrdinal` to assign colors from a fixed palette, and the salary data is loaded asynchronously via `d3.csv`.

Mmadanvemulapally

90% match

Loading thumbnail…

ICE 7 Pie Chart

This visualization shows the average customer population by profession, displaying both the percentage of total customers and the average annual income for each profession. The chart uses a colorful pie with a legend that combines color-coded profession labels, population percentages, and income values, creating a dual-information display. The code bases its rendering on d3.pie and d3.arc for the pie segments, with d3.scaleOrdinal assigning the categorical colors. Data is loaded from a CSV file hosted on GitHub using d3.csv, and the total sample size of 1966 customers is hard-coded into the calculation for deriving percentages.

AAniv Chakravarty

89% match

Loading thumbnail…

Pie ICE - 7

This visualization presents a pie chart depicting Data Scientist job salaries, with each slice sized by salary value and labeled with the corresponding figure in thousands. The chart uses D3 v5 to fetch CSV data from a GitHub gist and render SVG paths via `d3.pie` and `d3.arc`. A legend maps job titles to salary ranges, using D3’s `scaleOrdinal` for color assignment. The interface includes a title and axis formatting via `d3.format`, with all elements drawn using the SVG canvas.

Ssaijahnaviappineni

84% match

Loading thumbnail…

Ice 7 Pie Chart-2

This visualization presents a pie chart of countries by income, sourced from a CSV file fetched via D3’s `csv` method. Each slice’s color is mapped using `scaleOrdinal`, while `d3.arc` and `d3.pie` generate the segment paths and text labels positioned via the arc centroid. A legend on the right lists each country with its income value, formatted using D3’s `format` function. The chart renders in SVG with a title, using D3 v5.

AAmar09nath

83% match

Loading thumbnail…

ICE-7 Pie chart Creation

This interactive pie chart visualizes the distribution of salaries across different time categories. Built with D3.js v5 within a React framework, it renders an SVG with colored segments representing salary values, while a legend maps each time category to its corresponding color and salary amount. The implementation uses d3.pie, d3.arc, and d3.scaleOrdinal to generate the chart, with data fetched from a remote CSV file. Text labels are positioned using arc centroids, and the legend is manually constructed with rectangles and text elements.

NNavaneeth-Ragi

83% match

Loading thumbnail…

ICE - 7 Pie Chart

This pie chart visualizes the distribution of applicant income among loan applicants, with each slice representing a unique ApplicantIncome value. The chart encodes the data using colored segments, and a legend maps each color to its corresponding income value and Loan_ID. The code loads data from a CSV file using D3’s `csv` function, then applies the `pie` and `arc` layout generators to compute slice geometry, with `scaleOrdinal` assigning colors. SVG rendering is used, and labels are formatted with `format`.

CCHANDU BHARGAVI

83% match

Loading thumbnail…

ICE - 7 Pie Chart

This interactive pie chart visualizes loan details, displaying applicant income segments with color-coded sections and a corresponding legend that maps Loan IDs to income values. Built with React and D3 v5, it uses `d3.csv` to load data from a GitHub gist, then applies `d3.pie` and `d3.arc` to generate the chart’s paths, with `scaleOrdinal` assigning colors. The SVG rendering includes formatted income labels in thousands (e.g., "5K") via `d3.format`, and the legend is manually positioned alongside the pie.

Aachyutanandmishra17@gmail.com

82% match

Loading thumbnail…

ICE - 7 Pie Chart

This example shows base salaries across different U.S. government departments using an interactive pie chart with a legend. Each slice represents a department, colored by salary value, with salary amounts displayed in thousands next to colored legend markers. The visualization loads CSV data from a GitHub gist and uses d3.pie, d3.arc(), and d3.scaleOrdinal() to generate SVG paths and legends. The chart is built with React and D3 v5, rendering entirely as SVG elements.

Mmboinapally17

82% match