Skip to main content
SimilarExport ZIP
100%

Activity 7_ Question1

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

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

AI-generated description
MIT Licensed

Similar vizzes

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

Activity 6_Question 2

This stacked horizontal bar chart displays the percentage distribution of energy generation across five sources, broken into five percentage ranges. The visualization uses d3.stack() to aggregate categories and d3.scaleBand() for the y-axis positioning, with d3.scaleOrdinal() assigning colors to each energy source. Interactive tooltips triggered by mouse events display precise percentage values for each segment. The chart includes axis labels, a title, and a legend, rendered as SVG elements with data loaded from a CSV file.

SSiva Kishore Reddy
80% match
Loading thumbnail…

activity7.1_question1

This D3 pie chart visualizes country-wise counts from a remote CSV file, displaying data as color-coded slices with white outlines. Each slice is labeled with its corresponding country name, positioned via the arc centroid. A legend on the right shows each country’s color, name, and numeric value. The chart uses `d3.pie()` and `d3.arc()` for geometry, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and renders as SVG with an HTML overlay for styling.

Ssravani1969@gmail.com
80% match
Loading thumbnail…

activity7.1_question1

This D3 pie chart visualizes country-wise counts from a remote CSV file, displaying data as color-coded slices with white outlines. Each slice is labeled with its corresponding country name, positioned via the arc centroid. A legend on the right shows each country’s color, name, and numeric value. The chart uses `d3.pie()` and `d3.arc()` for geometry, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and renders as SVG with an HTML overlay for styling.

Ssravani1969@gmail.com
80% match
Loading thumbnail…

Activity 7 Tutorial 1 - Question 1

This interactive D3 pie chart visualizes the percentage distribution of US population by state, displaying slices with distinct colors and a scrollable legend for identification. The code loads data from a remote CSV file using `d3.csv`, converts the percentage values to numbers, and uses `d3.pie()` and `d3.arc()` to generate the chart geometry. A `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors to each state, while SVG text elements render the title and legend labels.

RRishithaGarnepudi@my.unt.edu
79% match