Skip to main content
SimilarExport ZIP
100%

ICE - 7 Pie Chart

✓ Published1🌍 Public
CCHANDU BHARGAVI
Last edited Mar 13, 2023
Created on Mar 10, 2023

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`.

AI-generated description
MIT Licensed

Similar vizzes

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
92% match
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
86% match
Loading thumbnail…

ICE-7.2 Pie Chart

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.

SShashi42
83% match
Loading thumbnail…

ICE 7 - Pie Chart

This pie chart displays the income of the top 10 Indian states for the financial year 2011–12, with each slice colored via d3.scaleOrdinal and d3.schemeCategory10. The data is loaded from a CSV using d3.csv, sorted, and sliced before being rendered with d3.pie and d3.arc. A custom legend, built with SVG rectangles and text, shows each state’s name and income value alongside its color. Mouseover events log the corresponding income value to the console.

Mms.himabinduchalla@gmail.com
82% match
Loading thumbnail…

ICE-7

A pie chart visualizes sales by category from a CSV dataset, using d3.csv to load values. The SVG graphic displays category labels on each slice via d3.arc and a legend on the right. D3 v7’s pie generator computes the arc angles, while d3.scaleOrdinal with schemeTableau10 assigns colors. The code uses `d3.pie()` and `d3.arc()` to generate paths, with tooltips added as titles, and a legend built from rectangles and text elements.

Aankitgoudpoodhari07@gmail.com
81% match
Loading thumbnail…

ICE7 - Pie Chart

This pie chart visualizes regional sales distribution, with each slice representing a region's proportion of total sales and a legend showing region names with percentage values. The code loads sales data from a GitHub-hosted CSV using d3.csv, then renders the chart with d3.pie and d3.arc functions, applying colors via scaleOrdinal. SVG elements are appended to the page using d3.select, with legend text formatted via d3.format to display percentages. The visualization uses d3.v5 and outputs the result as scalable vector graphics.

Kkuraakhila9@gmail.com
81% match
Loading thumbnail…

ICE 7 Pie Chart

This pie chart visualizes the distribution of student marks, displaying each student's name and their corresponding percentage share of the total. The visualization fetches its data from a CSV file hosted on GitHub and renders the chart as an SVG using D3 v5. The code employs `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the pie segments and color them, with labels and a legend showing the percentage values and names. The chart is built using the `select` and `append` API to construct the SVG elements.

BBVNPK001
81% 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
81% match