Fork of Pie Chart

100%

Fork of Pie Chart

✓ Published0🌍 Public

Last edited Oct 27, 2025

Created on Oct 27, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart displays the percentage breakdown of U.S. energy consumption sources, using data from a CSV file. It shows the proportional slices for petroleum, natural gas, renewables, coal, and nuclear, with a legend to the right. The visualization is built using D3's `pie`, `arc`, and `select` APIs to generate and render the SVG paths. A `scaleOrdinal` color scheme from `schemeSet2` distinguishes the categories, and the chart is centered within an SVG canvas.

445.saiful@gmail.com

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

84% match

Loading thumbnail…

Fork of Pie Chart ICE-7

This example visualizes monthly expenditures from a CSV file as a pie chart. The chart displays categories as colored slices, with each slice labeled by its associated data value, and includes a legend that maps the colors to their numeric values. The visualization is built using D3 version 5, specifically leveraging `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for the pie geometry, arc paths, and color mapping. Data is fetched asynchronously via `d3.csv` from a GitHub gist URL, and the SVG canvas is rendered with a fixed width and height.

AAnanyaSamala

82% match

Loading thumbnail…

Fork of pie chart

A fork of a pie chart visualizes the share of agriculture in GDP for ten countries from a local CSV file. Each slice’s angle encodes the percentage value, with hover effects increasing slice opacity. The visualization uses D3.js v7’s `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the Tableau10 color scheme. Country labels are positioned at slice centroids, and a legend clarifies the mapping between colors and country names with their percentages.

Kkoppulasudhakar03@gmail.com

81% match

Loading thumbnail…

Fork of Pie Chart

A pie chart displays population values for the top 10 most populous years from a CSV dataset, with each slice colored by category and an interactive tooltip logging data on mouseover. The visualization uses D3 v5's `pie` and `arc` generators to compute and render SVG paths, while `scaleOrdinal` with `schemeCategory10` assigns colors. A legend lists years with corresponding population figures, and the data is sorted descending before rendering. The chart is built within a React-compatible setup using D3's `select` and `csv` loading.

Ssnehareddygurram

81% match

Loading thumbnail…

Fork of Pie Chart

This visualization displays the top 10 countries by total non-renewable energy generation (in TWh) during COVID, using a pie chart with a legend listing each country and its corresponding generation value. The chart uses d3.pie, d3.arc, and d3.scaleOrdinal with schemeCategory10 for coloring. It loads CSV data from a GitHub gist via d3.csv, sorts the data descending, and renders SVG paths for slices. Mouseover events log the data to console, while legend entries combine rects and text elements.

VVAbhiram99

81% match

Loading thumbnail…

Fork of Pie Chart

This visualization displays a pie chart of annual values from 2010 through 2020, with each slice labeled by its corresponding year and colored using the D3 categorical color scheme. The chart is rendered as SVG within a 600x400 pixel canvas, using the `d3.pie` layout function to compute arc segments and `d3.arc` to generate the path geometries, with color assigned via `d3.scaleOrdinal`. Labels are positioned at each slice’s centroid using the arc’s centroid method.

YYashwanth0311

80% match

Loading thumbnail…

Fork of Pie Chart ICE-7

This pie chart visualizes monthly expenditures, with each slice labeled by a spending category and its numeric value. The chart is rendered as an SVG using D3 v5, with the `d3.pie()` and `d3.arc()` functions generating the segments and their centroids. Data is loaded asynchronously from a CSV file via `d3.csv()`, and a legend lists each category with its corresponding dollar amount. Slice colors are assigned using `d3.scaleOrdinal` with a predefined array of color names.

AAnanyaSamala

80% match