Activity_7

100%

✓ Published0🌍 Public

Last edited Nov 6, 2024

Created on Nov 6, 2024

This pie chart displays the top 10 billionaires and their net worth in billions of dollars, sourced from the DailyDelhiClimateTest.csv dataset. It uses d3.pie and d3.arc to generate SVG segments, with d3.scaleOrdinal assigning colors from a custom palette. Each segment includes value labels positioned via arc.centroid, and a legend lists names with corresponding values. The chart renders in SVG with a gradient background, leveraging d3.csv for data loading and d3.format for tick number formatting.

AI-generated description

This is a Pie chart

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE-7 PieChart 11590101

This pie chart visualizes the net worth of the top 10 billionaires in the world, using data from a CSV file loaded via the D3.js `csv` function. The chart displays each billionaire's name and net worth in billions, with colored slices and value labels positioned using the `arc.centroid` method. A legend on the right pairs each color swatch with the corresponding name and net worth figure. The visualization uses D3 v5’s `pie` and `arc` generators, with `scaleOrdinal` for color mapping and `format` for tick label formatting, rendering as SVG elements.

Ggaddamthanmayeereddy759@gmail.com

85% match

Loading thumbnail…

ICE-7 PieChart 11590101

This pie chart visualizes the net worth of the top 10 billionaires, with each slice labeled by its dollar value and accompanied by a legend listing names and amounts. The code uses D3 v5 APIs including `d3.pie()`, `d3.arc()`, and `scaleOrdinal` to generate SVG paths, with data fetched as CSV from a Gist. Slice labels are positioned using `arc.centroid()`, and a linear-gradient background is applied via CSS.

DDivyasri0310

85% match

Loading thumbnail…

ICE-7 PieChart

This pie chart shows the top billionaires in the world and their net worth in billions of U.S. dollars, using a dataset from a GitHub-hosted CSV file. Each slice is labeled with its dollar value, and a legend lists billionaire names alongside their corresponding worth. The chart is built with D3 v6 and rendered as an SVG, using the `d3.pie` and `d3.arc` generators to compute and draw the sections. Colors are assigned via `d3.scaleOrdinal`, and the visualization includes formatted numeric labels and a custom legend.

SSaivignesh-9176

83% match

Loading thumbnail…

ICE-7 PieChart

This pie chart visualizes the net worth of the top 10 billionaires, with each slice labeled with its value in billions and accompanied by a legend listing names and amounts. The code loads CSV data via `d3.csv`, converts values to numbers, and uses `d3.pie` and `d3.arc` to generate SVG paths. Color mapping relies on `d3.scaleOrdinal`, while labels and legends are appended as SVG text and rect elements.

VVamsi Krishna

82% match

Loading thumbnail…

ICE-7 DV Billionaire details

A pie chart displays the net worth of the top 10 billionaires, with each slice labeled in billions of dollars and a color-coded legend listing names and values. The data is loaded from a CSV file using `d3.csv` in D3 v5. The visualization uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with an SVG renderer to generate segments, labels, and interactive legends.

MMounikadontireddy

81% match

Loading thumbnail…

ICE-7 (Pie Chart)

The visualization displays the top 10 richest people in the world for 2021 as a pie chart, with each slice sized by net worth in billions of U.S. dollars and labeled with a color-coded legend. It uses D3 v5 to load CSV data, scale ordinal colors, and d3.pie and d3.arc to generate SVG path segments. The legend lists each person’s name and their formatted net worth value, while the chart renders with a fixed inner radius of 0 and outer radius of 175 pixels.

AAnjan Shrestha

79% match

Loading thumbnail…

Bar Chart in D3

This bar chart displays the net worth of the top 20 billionaires in 2014, with each billionaire’s name on the y-axis and their wealth in billions on the x-axis. The visualization uses D3 v7 to load CSV data from a GitHub gist, and renders horizontal bars as SVG rectangles scaled with `d3.scaleLinear` and `d3.scaleBand`. Text labels show exact wealth values at the end of each bar, while axis and chart titles are added using D3’s SVG text elements. The styling relies on CSS classes for bar fill and font formatting.

RRiya Mathur

78% match

Loading thumbnail…

6-piechart

This visualization shows the distribution of billionaires across categories using a pie chart, with each slice labeled and a legend identifying the categories. The chart is rendered as an SVG element, sized at 600 by 600 pixels, and uses D3.js (v3) APIs such as `d3.select`, `d3.csv`, `d3.rollup`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal`. Data is loaded from a CSV file hosted on a GitHub gist, aggregated by category, and visualized with a color scheme from `d3.schemeCategory10`.

GGorantla Vishnusai

78% match