Skip to main content
SimilarExport ZIP
100%

Q2 Assignment 7

✓ Published0🌍 Public
Vveginetiumeshchandra@lbrce.ac.in
Last edited Oct 28, 2025
Created on Oct 28, 2025
Forked from HTML Starter

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.

AI-generated description
MIT Licensed

Similar vizzes

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
83% 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
82% match
Loading thumbnail…

Assignment 2 Pie Chart

This example visualizes the highest electricity consumption by country as a pie chart, with each slice colored and labeled with its consumption value, alongside a legend listing country names and figures. It loads data from a CSV file hosted on GitHub, using D3 v5 APIs including `d3.csv`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to process the data and generate SVG paths, text, and rectangles. The chart is rendered with an inner radius of zero, and styling is applied via external CSS classes.

Jjaswanthreddy2000@gmail.com
82% match
Loading thumbnail…

Assignment7 Pie Chart

This pie chart displays the distribution of energy use across five sources—Petroleum, Natural Gas, Renewables, Coal, and Nuclear—using data from the energy_use.csv file. The visualization loads data with `d3.csv`, calculates the arc paths using `d3.pie` and `d3.arc`, and renders each slice as a `path` element in SVG with an ordinal color scale. A legend on the right side, built with `selectAll` and `append`, maps each colored rectangle to its corresponding energy source.

445.saiful@gmail.com
81% match
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
80% match
Loading thumbnail…

Assignment2_1

This example shows the population distribution of countries as a pie chart, with each slice labeled by country in a legend beside the chart. The visualization uses D3 v7 to load CSV data from a GitHub gist, compute pie angles with `d3.pie`, and render slices using `d3.arc` into SVG paths. A tooltip, implemented with HTML overlays, displays the country name and population on hover. Colors are assigned via `d3.scaleOrdinal` with `d3.schemeCategory10`.

MManishaBoppa@my.unt.edu
80% match
Loading thumbnail…

act 7 q1

This example displays a pie chart of the top 10 countries by 2022 population, with a legend alongside the slices. It uses D3.js v7 APIs including `d3.csv`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to load and process the dataset, generate the pie geometry, and assign categorical colors. The chart is rendered as SVG with text labels positioned via arc centroids, while a legend is built manually with `rect` and `text` elements. Data comes from a CSV hosted on GitHub.

Vvinaykollapudi@my.unt.edu
80% match
Loading thumbnail…

7q2

This example visualizes internet user percentages by country as a pie chart, using a dataset loaded from a CSV file. The chart encodes each country’s share of users as an arc slice, with a legend mapping country names to their corresponding percentages. Built with D3.js v7, it uses the `d3.pie` and `d3.arc` functions to compute and draw the arcs, while `d3.scaleOrdinal` assigns categorical colors from `schemeCategory10`. The data is fetched via `d3.csv` and rendered as SVG, with a dynamically generated HTML legend styled with flexbox.

Kktvgs25@gmail.com
80% match