Skip to main content
SimilarExport ZIP
100%

activity7.1_q1

✓ Published0🌍 Public
Mmohanalaharic@gmail.com
Last edited Nov 10, 2025
Created on Nov 10, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7_ Question1

This visualization shows the 2023 U.S. utility-scale electricity generation mix as a pie chart, with each slice representing an energy source’s share of total generation. D3 v7’s `d3.pie` and `d3.arc` generate the slices, while `d3.scaleOrdinal` assigns colors from the Tableau10 scheme. Percentage labels appear on slices exceeding three percent. A scrollable legend, sorted alphabetically, lists each category with its exact share. Data is loaded from a CSV via `d3.csv`, and the chart is rendered as SVG with a responsive `viewBox`.

Mmohanalaharic@gmail.com
91% 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
83% match
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
82% 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
81% match
Loading thumbnail…

Activity 7_question1

A pie chart displays categorical sales proportions, with each slice labeled and colored by category. Hovering over a slice reveals an HTML tooltip showing the percentage of total sales. The visualization is built with D3 version 7, using the `d3.pie()` layout and `d3.arc()` generator to create slice paths. It loads CSV data from a GitHub Gist via `d3.json()`, applies an ordinal color scale, and includes a custom legend. An SVG canvas renders all marks, while tooltip positioning tracks mouse coordinates.

Ddivya.matavalam828@gmail.com
80% match
Loading thumbnail…

Activity7.1

A pie chart displays the share of browser usage from a CSV dataset, with each slice labeled by its percentage. The chart uses D3 v7 to load CSV data asynchronously, applies `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the Tableau10 color scheme, and renders via SVG. A legend on the right maps color swatches to browser names, while slice texts show the corresponding usage values. The example demonstrates handling remote CSV data, SVG path generation, and legend construction with D3's `select` and `append` methods.

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

Activity_7

This pie chart visualizes fruit category proportions loaded from a GitHub Gist CSV file, with each slice labeled and colored using d3.scaleOrdinal with d3.schemeSet3. The D3 v7 code loads the data via d3.csv, converts values to numbers, and generates arcs with d3.pie and d3.arc. A custom legend, built as HTML divs, displays each category’s color and percentage. The SVG rendering includes white category labels positioned at slice centroids.

Aaschowdary.shashi@gmail.com
80% match