Fork of Task8

100%

✓ Published0🌍 Public

Last edited Apr 18, 2024

Created on Apr 18, 2024

Forked from Task8

This pie chart displays the breakdown of CO2-equivalent emissions by gas type using data from the Our World in Data CO2 dataset. The visualization uses D3.js v7 with the `d3.pie()` layout to generate arc segments and `d3.rollup()` to aggregate emission sums per gas category. Each slice is rendered as an SVG path via the `d3.arc()` generator, with a categorical color scale (`d3.scaleOrdinal` and `d3.schemeSet3`) distinguishing gas types, and text labels positioned using `arcGenerator.centroid()`. A legend is appended to identify each gas category.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Task8_PieChart

This pie chart visualizes global emissions by gas type using data from the OWID CO2 dataset. The visualization displays proportional slices for each gas category, with a legend mapping color-coded segments to their respective labels. The chart uses D3 v7's `d3.pie`, `d3.rollup`, and `d3.arc` APIs to compute and render the arcs, while `d3.scaleOrdinal` with `d3.schemeSet3` provides the categorical color palette. The SVG output includes interactive-free path elements with white stroke separators and centroid-positioned text labels for each gas type.

VVijay Sheru

91% match

Loading thumbnail…

Fork of Piechart ICE7

This visualization is a pie chart depicting CO2 emissions by country, with each slice labeled with the profit value and accompanied by a legend showing the state and its corresponding emission value. The chart uses D3 v5 to fetch CSV data from a GitHub gist, and the pie layout and arc generator create the circular segments. Data is represented with an ordinal color scale, and the visualization is rendered as SVG with text labels and interactive legends.

Kkarumanchimanasa

81% match

Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes energy data from a CSV file, showing CO2 emissions by year. The chart automatically detects categorical and numeric columns, aggregates values using `d3.rollup`, and displays the top 10 categories with an "Other" grouping. Slices and labels are rendered as SVG paths using `d3.arc` and `d3.pie`, with a pastel color scale and a legend. Data comes from Energy_CO2.csv with GDP, CO2, energy consumption, and life expectancy fields.

Mmaddulanagasanjana@gmail.com

80% match

Loading thumbnail…

Fork of Task 7

This pie chart shows the distribution of penguin species from a CSV dataset, displaying each species with its corresponding count labeled directly on the slices. The visualization uses D3 v6’s `pie()` and `arc()` generators to compute slice angles and paths, with `scaleOrdinal()` assigning categorical colors. Data is loaded asynchronously via `csv()` from a GitHub URL, and `d3.rollups()` counts occurrences per species before the SVG group is translated to center the chart. Slice labels combine species name and count, positioned using `arcGenerator.centroid()`.

Ssaimanvith22@gmail.com

78% match

Loading thumbnail…

Fork of Task 9 Pie Chart

This pie chart example displays the distribution of car classes from a CSV dataset. It loads D3 via UNPKG and imports modules from local ES6 files, using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate slices, labels with counts, and a legend. The SVG render includes labeled segments with white strokes and opacity styling, plus an optional title.

Ssaivaishnogaruda@gmail.com

78% match

Loading thumbnail…

Fork of task9

This fork shows a pie chart of categorical quality values, with each slice colored and paired with a legend and axis labels for quality and frequency. It uses D3 v7’s `d3.rollup` to count data points per quality category from an inline array, then `d3.pie` and `d3.arc` to generate SVG paths. A `d3.scaleOrdinal` maps categories to two colors, and hand-built SVG rect and text elements form the legend.

Vvandanakosuri@my.unt.edu

77% match

Loading thumbnail…

Pie Chart with Labels and Legend ice-7

This pie chart displays CO₂ emissions by continent, with each slice labeled directly on the chart and accompanied by a color-coded legend. The chart uses D3.js v7 with an SVG rendering approach, loading data from a CSV file via `d3.csv()`. Slice geometry is generated using `d3.pie()` and `d3.arc()`, with labels positioned at slice centroids and a legend built using SVG `rect` and `text` elements. Colors are mapped through a `d3.scaleOrdinal` with the `schemeCategory10` palette.

Bbadrinath888@gmail.com

76% match

Loading thumbnail…

Piechart ICE 7

This example shows a pie chart visualizing CO2 emissions by country, sourced from a GitHub-hosted CSV file. The chart displays each country’s emission value as a labeled slice, with a legend identifying countries by color. Built with D3.v5, the code uses `d3.pie`, `d3.arc`, and `scaleOrdinal` to generate the slices, and renders the visualization as SVG within an HTML page.

RRebecca Moore

76% match