Skip to main content
SimilarExport ZIP
100%

activity9_Question1

✓ Published0🌍 Public
BBindumadhavi
Last edited Apr 27, 2024
Created on Apr 26, 2024
Forked from HTML Starter

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.

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
90% 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
83% 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…

Activity - 9_Question - 1

A pie chart visualizes population distribution across continents from a CSV file, using D3 v5 loaded via UNPKG. The code parses numeric population values, applies an ordinal color scale from `d3.schemeCategory10`, and constructs arcs with `d3.arc()` and `d3.pie()`. An SVG legend maps each color to its continent. The example also demonstrates importing local ES6 modules and styling with external CSS, though the main message is rendered through the chart.

Mmanideepchinna25@gmail.com
82% 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
82% match
Loading thumbnail…

Activity-9_Question-1

This example presents a donut-style pie chart visualizing the quantity of different fruits from a CSV dataset fetched via `d3.csv`. It uses D3 v5 to compute arc paths with `d3.pie()` and `d3.arc()`, rendering the chart as SVG. A categorical color scale via `d3.scaleOrdinal` and `d3.schemeCategory10` colors each fruit slice. The code also constructs a legend with colored rectangles and text labels, positioned to the right of the chart.

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

activity9_task9

This example presents a pie chart visualizing the net power consumption of India’s top 15 states for the financial year 2015-16, with a color-coded legend listing each state’s year and consumption value in watts. The visualization uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` functions to generate SVG paths, while mouseover events log consumption data to the console. Data is loaded via `d3.csv` from a GitHub gist, sorted descending by consumption, and sliced to the top 15 records.

BBindumadhavi
81% match