Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork of Fork of ICE - 7 Pie Chart Maanas Katta

✓ Published0🌍 Public
Rradhadevarapu
Last edited Mar 10, 2023
Created on Mar 10, 2023

This visualization shows the top 10 countries’ 2020 deaths from air pollution using a pie chart, with annual income categories as the slice values. The chart renders colored arcs and a corresponding legend, with each slice’s value displayed in thousands. The code uses d3.csv to load data from a GitHub gist, then d3.pie, d3.arc, and d3.scaleOrdinal to generate the SVG pie segments and legend. Text elements are styled with CSS, and the legend pairs colored rectangles with profession names and formatted income values.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of Fork of ICE - 7 Pie Chart Maanas Katta

This visualization presents a pie chart of the top 10 countries for deaths in 2020 caused by air pollution, using annual income as the data dimension. The chart renders as SVG through D3 v5, with each slice colored using `d3.scaleOrdinal` and generated via the `d3.arc` and `d3.pie` APIs. A legend on the right maps colors to professions, showing values formatted in thousands. Data is loaded asynchronously from a CSV file using `d3.csv`, and the code includes unused `d3.json` and `d3.forceSimulation` imports, though only pie and arc functions are applied.

Rradhadevarapu
97% match
Loading thumbnail…

Fork of Fork of Fork of Fork of ICE - 7 Pie Chart Maanas Katta

This visualization presents a pie chart of the top 10 countries for deaths in 2020 caused by air pollution, using annual income as the data dimension. The chart renders as SVG through D3 v5, with each slice colored using `d3.scaleOrdinal` and generated via the `d3.arc` and `d3.pie` APIs. A legend on the right maps colors to professions, showing values formatted in thousands. Data is loaded asynchronously from a CSV file using `d3.csv`, and the code includes unused `d3.json` and `d3.forceSimulation` imports, though only pie and arc functions are applied.

Rradhadevarapu
97% match
Loading thumbnail…

Fork of Fork of Fork of Fork of ICE - 7 Pie Chart Maanas Katta

This visualization displays the top 10 countries by air pollution-related deaths in 2020, using a donut-style pie chart where each segment’s arc length corresponds to annual income data from a CSV file. The code fetches data from a GitHub Gist, parses it with `d3.csv`, and renders the chart using `d3.pie` and `d3.arc` within an SVG canvas. Each slice is colored via `d3.scaleOrdinal` with a predefined palette, and a legend to the right pairs color swatches with profession names and formatted income values (in thousands). The rendering is driven by D3 v5, with custom styling applied through CSS classes for text and legend elements.

Nnsatyaprakash22
97% match
Loading thumbnail…

Fork of Fork of Fork of Fork of ICE - 7 Pie Chart Maanas Katta

This visualization displays the top 10 countries by air pollution-related deaths in 2020, using a donut-style pie chart where each segment’s arc length corresponds to annual income data from a CSV file. The code fetches data from a GitHub Gist, parses it with `d3.csv`, and renders the chart using `d3.pie` and `d3.arc` within an SVG canvas. Each slice is colored via `d3.scaleOrdinal` with a predefined palette, and a legend to the right pairs color swatches with profession names and formatted income values (in thousands). The rendering is driven by D3 v5, with custom styling applied through CSS classes for text and legend elements.

Nnsatyaprakash22
97% match
Loading thumbnail…

Fork of Fork of Fork of Fork of ICE - 7 Pie Chart Maanas Katta

This visualization displays the top 10 countries by air pollution-related deaths in 2020, using a donut-style pie chart where each segment’s arc length corresponds to annual income data from a CSV file. The code fetches data from a GitHub Gist, parses it with `d3.csv`, and renders the chart using `d3.pie` and `d3.arc` within an SVG canvas. Each slice is colored via `d3.scaleOrdinal` with a predefined palette, and a legend to the right pairs color swatches with profession names and formatted income values (in thousands). The rendering is driven by D3 v5, with custom styling applied through CSS classes for text and legend elements.

Nnsatyaprakash22
97% match
Loading thumbnail…

Fork of Fork of Fork of ICE - 7 Pie Chart Maanas Katta

This example displays a pie chart of the top 10 countries by air pollution deaths in 2020, with each slice colored and paired with a legend showing the country name and annual income in thousands. The chart uses D3 v5 to load CSV data from a GitHub gist, and employs the `d3.pie` and `d3.arc` functions to generate the SVG paths for the chart and legend items. Colors are assigned sequentially from a hardcoded array using `scaleOrdinal`, and legend values are formatted with `d3.format`.

Rradhadevarapu
96% match
Loading thumbnail…

Fork of Fork of Fork of Fork of ICE - 7 Pie Chart Maanas Katta

This visualization shows the top 10 countries by deaths from air pollution in 2020, rendered as a pie chart with labeled percentage values and a legend listing country names alongside their death tolls. The code fetches CSV data from a GitHub gist, parses it with d3.csv, and uses d3.pie and d3.arc to generate SVG path segments. A d3.scaleOrdinal maps death counts to distinct colors, while text labels are positioned using arc.centroid. The chart is built with d3 v5 and rendered entirely as SVG elements within a static HTML page.

DDivyaVellanki
96% match
Loading thumbnail…

Fork of Fork of ICE - 7 Pie Chart Maanas Katta

This visualization shows a pie chart of the top 10 countries by deaths from air pollution in 2020, with each segment labeled in thousands and accompanied by a color-coded legend listing country names and values. The chart is rendered as an SVG using D3.js v5, with data fetched from a CSV file via `d3.csv`. The pie layout is generated with `d3.pie()`, arcs are drawn using `d3.arc()`, and colors are assigned via `d3.scaleOrdinal`. Text labels and legends are appended directly to the SVG selection.

Rradhadevarapu
95% match