Skip to main content
SimilarExport ZIP
100%

Assignment 2 Pie Chart

✓ Published0🌍 Public
Jjaswanthreddy2000@gmail.com
Last edited Apr 10, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

Task9_Q1

This visualization displays the top 15 countries by net electricity consumption worldwide from 1982 to 2022 as a pie chart, with a color-coded legend listing each year and its corresponding value in Rs. The chart is rendered as SVG using D3 v5, with `d3.pie` and `d3.arc` generating the segments and `d3.scaleOrdinal` with `schemeCategory10` assigning colors. Data is loaded via `d3.csv` from a GitHub Gist, sorted descending, and sliced before rendering.

Aanusharamana0@gmail.com
83% 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
82% 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
82% 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…

Assignment 2 Pie Chart

This D3.js pie chart displays the distribution of land areas by country, using a categorical color scheme and white strokes to separate slices. The chart labels each slice with its country name at the centroid, and includes a legend positioned to the right. The visualization renders as SVG, with data pulled from a remote CSV file. The code uses `d3.scaleOrdinal`, `d3.pie`, `d3.arc`, and `d3.csv` to construct the chart, while labels and axis titles are positioned via SVG transforms.

Ggnanendra097@gmail.com
81% match
Loading thumbnail…

Assignment 2

This pie chart displays beverage consumption quantities, with each slice labeled by the beverage type. Built with D3.js v7, it loads data from a remote CSV file using `d3.csv`. The visualization uses the `d3.pie()` layout generator and `d3.arc()` for the arc paths, rendered as SVG elements. Each slice is colored using `d3.scaleOrdinal` with the `d3.schemeCategory10` palette, and slice labels are positioned via the arc’s centroid calculation.

Ddineshreddy.ravula@gmail.com
81% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the basic cost of each country, with slices colored by country and a legend displaying names and dollar amounts. The D3.js v5 code loads CSV data from a GitHub gist and uses `d3.pie` and `d3.arc` to generate the SVG paths, with `d3.scaleOrdinal` and `schemeCategory10` for colors. A hover event logs the country and cost to the console, while the legend is built from the same pie data.

CChaitanya Ratan Sree
81% match