Skip to main content
SimilarExport ZIP
100%

Q2 Dinesh Pie chart D3.js!

✓ Published0🌍 Public
Ddineshsingiri18@gmail.com
Last edited Oct 27, 2025
Created on Oct 27, 2025

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`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Q2 Assignment 7

A pie chart displays the renewable energy share percentages for various countries in 2023, using colored slices with country labels and a legend that lists each country alongside its exact percentage value. The chart is built with D3 v7, loading CSV data from a GitHub gist, and renders as SVG. It applies d3.pie and d3.arc to compute the slice geometry, while d3.scaleOrdinal with the Tableau10 color scheme provides categorical colors for each country.

Vveginetiumeshchandra@lbrce.ac.in
83% 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
82% match
Loading thumbnail…

Kumar Danam -pie chart

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.

KKumar Danam
81% match
Loading thumbnail…

activity9_Question1

This example displays a pie chart of net electricity consumption worldwide from 1980 to 2022, sourced from a CSV file via a GitHub gist. It uses D3 v5 APIs including `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10`. The SVG renders fifteen data slices, with a legend listing years and values formatted with a custom suffix. Data is sorted in descending order before rendering.

BBindumadhavi
80% 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
80% 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
80% 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
80% match
Loading thumbnail…

activity9-task9

This pie chart visualizes net electricity consumption worldwide from 1982 to 2022, displaying the top 15 years by consumption value. The visualization uses D3 v5 within a React framework to render SVG arcs via `d3.arc` and `d3.pie`, with color encoding through `d3.scaleOrdinal` and `schemeCategory10`. A legend with rectangles and text labels shows each year and its corresponding consumption value using custom number formatting. Data is loaded from a CSV URL and sorted descending before rendering.

BBindumadhavi
80% match