Untitled

100%

✓ Published0🌍 Public

Last edited Oct 18, 2022

Created on Oct 18, 2022

A pie chart shows the distribution of greenhouse gas emissions across different scope categories, with each slice’s area proportional to its emission value. A legend on the right lists each category with a color swatch and the corresponding numeric value. The chart is rendered with D3.js v3, using `d3.pie()` for the layout, `d3.arc()` for the slice geometry, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors. Data is loaded from a local `data_GHG_sopes.json` file.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

emission and scope

A donut chart displays GHG emission quantities per scope category, using a proportional area for each segment to compare emission amounts across scopes 1, 2, 3, and out-of-scope categories. The visualization loads data from `data_GHG_sopes.json` via `d3.json` and renders the chart with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color mapping. A legend, generated with `d3.selectAll` and appended `rect` and `text` elements, shows each scope’s label and formatted emission value using `d3.format`.

CChristianABeier

81% match

Loading thumbnail…

Untitled

This visualization shows a labeled pie chart breaking down a dataset by category, with each slice filled with a distinct ordinal color and accompanied by its category name. Built with D3 v4, the chart loads CSV data from a GitHub gist and uses the `d3.pie` layout, `d3.arc` for both the slice paths and label positioning, and `d3.scaleOrdinal` for the color palette. The SVG output centers the pie and adds a bold title, with pink stroke outlines on each slice.

AArv1228

80% 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

78% match

Loading thumbnail…

Untitled

This example presents a pie chart visualizing company values, with each slice labeled and colored by company. The chart is generated using D3.js v3, employing the `d3.layout.pie` and `d3.svg.arc` APIs to compute and draw the arcs. A custom legend, defined in `d3.legend.js`, is placed to the right and uses metadata attributes like `data-legend` and `data-legend-color` to automatically generate labeled items with colored circles. The data is loaded from a remote CSV file, and the chart renders as SVG with a fixed size and ordinal color scale.

Ssri7harsha

78% match

Loading thumbnail…

Untitled

A pie chart displays the distribution of cricket statistics, with five slices representing Matches, Innings, HS, Average, and Century. Each slice is labeled with its corresponding name and colored using a categorical scale. The SVG rendering uses d3.pie to compute angles from the data values, d3.arc to generate the paths, and d3.scaleOrdinal for the color mapping. Labels are positioned via arc.centroid on a static, non-interactive chart.

LLG0498

77% 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

77% match

Loading thumbnail…

Untitled

This example shows a static pie chart displaying the proportional shares of five named individuals (Alex, Shelly, Clark, Matt, and Jolene) as colored slices with labels. The chart is rendered as SVG using D3 v4, with `d3.pie()` computing the arc angles from the data’s `share` values, `d3.arc()` generating the path geometry, and `d3.scaleOrdinal` assigning a categorical color palette. Labels are positioned via `arc.centroid()` and text elements, while the entire visualization is centered within a 500×400 SVG canvas.

AAnjan Shrestha

77% match

Loading thumbnail…

Untitled

This example shows a pie chart where each arc segment represents a portion of a population value, with colors assigned from a categorical ordinal scale. The visualization uses a D3.js layout and SVG rendering, constructing the chart with `d3.svg.arc` for the arcs and `d3.layout.pie` to compute the angles from the data. The chart is centered on an SVG canvas of 960 by 500 pixels, with white strokes separating each arc for clarity. The code relies on D3’s ordinal color range to distinguish the segments visually.

Ssaenanan

77% match