Kumar Danam -pie chart

100%

Kumar Danam -pie chart

✓ Published0🌍 Public

Last edited Oct 27, 2025

Created on Oct 27, 2025

This example shows the distribution of energy consumption across six sources—Coal, Natural Gas, Hydro, Nuclear, Solar, and Wind—using a pie chart with a color-coded legend and slice labels. The SVG visualization is built with D3 v7, using `d3.pie()` to compute arc angles and `d3.arc()` to generate the slices. Data is loaded from an external CSV file via `d3.csv()`, and a categorical color scale (`d3.scaleOrdinal` with `schemeTableau10`) assigns distinct hues to each energy source. The chart includes a title and a right-aligned legend, with white strokes separating the slices.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Kumar Danam pie chart

This pie chart visualizes the distribution of horsepower across car models from a CSV dataset loaded via `d3.csv`. Each slice is rendered using `d3.pie` and `d3.arc` in an SVG, with labels positioned along an outer arc. Hovering a slice triggers a tooltip showing the model, horsepower value, and percentage of total. A color-coded legend, built with `d3.scaleOrdinal` and the Tableau10 scheme, accompanies the chart.

KKumar Danam

82% match

Loading thumbnail…

Q2 Dinesh Pie chart D3.js!

This D3.js pie chart visualizes global energy consumption by source, displaying percentage shares for coal, natural gas, hydroelectric, nuclear, and renewables. It renders SVG slices using `d3.pie` and `d3.arc`, with `d3.scaleOrdinal` and `d3.schemeSet2` for color encoding. Labels positioned via `arc.centroid` show source names and percentages, while a legend on the right uses colored rectangles. Data comes from an external CSV file loaded with `d3.csv`.

Ddineshsingiri18@gmail.com

81% match

Loading thumbnail…

ICE 7 pie chart Ar

This pie chart visualizes energy consumption by source, displaying six categories (Coal, Natural Gas, Hydro, Nuclear, Solar, and Wind) with their respective percentage contributions. Built with D3.js v7, it renders slices using the `d3.pie` and `d3.arc` APIs, with labels positioned via `labelArc.centroid`. A color-coded legend identifies each source, and the chart is styled with a white background and rounded corners. Data is loaded from a local CSV file containing two columns: Energy_Source and Consumption.

Ccharchana0527@gmail.com

79% match

Loading thumbnail…

activity7.1

This example displays a donut chart depicting energy consumption by source in terawatt-hours, with an accompanying legend. The visualization uses D3.js v7 to load a CSV from a GitHub gist, then applies the `d3.pie()` layout and `d3.arc()` generator to render each segment as an SVG path. Each slice is labeled with its energy source, and a legend lists each source, its type, and consumption value in TWh. The chart uses `d3.scaleOrdinal` with the `d3.schemeSet3` color palette for categorical distinction.

GGanesh Gundekarla

78% match

Loading thumbnail…

ICE-7:Pie Chart for csv dataset

This pie chart displays the nuclear energy usage of various countries, with each slice representing a country and its corresponding usage value. The chart is rendered as an SVG using D3 v5, with data fetched as CSV from a GitHub Gist. The code uses `d3.csv` to load the dataset, `d3.pie` and `d3.arc` to compute and draw the slices, and `d3.scaleOrdinal` to assign colors. Each slice displays its value in thousands, and a legend on the right shows country names alongside their usage figures.

BBajiSharifPatan@my.unt.edu

76% match

Loading thumbnail…

Activity-6-Q3

A stacked horizontal bar chart displays the percentage distribution of five energy sources—Coal, Solar, Wind, Nuclear, Hydro, and Natural Gas—across five categories from below 10% to above 40%. The chart uses d3.stack, d3.scaleOrdinal, d3.scaleBand, and d3.scaleLinear to render SVG rectangles, with tooltips on mouseover showing exact percentages via d3.format. A legend identifies each color-coded energy source. Data comes from the embedded energy_data.csv file.

Kkotasc18@gmail.com

76% match

Loading thumbnail…

activity7.1_q1

This pie chart shows the 2023 share of US electricity generation by energy source, using a color-coded slice for each source with percentage labels and a legend. Built with D3 v7, it loads data from a provided CSV and uses `d3.pie()` and `d3.arc()` to compute slice geometries, rendered as SVG paths with hover tooltips. A total of 560×540 pixels accommodates the pie on the left and a legend on the right, with decorative axis titles for context. The chart is responsive via a `viewBox` and uses `d3.scaleOrdinal` for categorical colors.

Mmohanalaharic@gmail.com

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

75% match