Skip to main content
SimilarExport ZIP
100%

Task9_Q1

✓ Published2🌍 Public
Aanusharamana0@gmail.com
Last edited Apr 27, 2024
Created on Apr 27, 2024
Forked from HTML Starter

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

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
89% 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
84% 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
83% 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…

Task 9_10

A pie chart shows the population distribution of the top 10 countries from a JSON dataset. Using D3 v5, the chart encodes population values as arc segments with a categorical color scheme, and includes a legend with country names and formatted population values. The visualization is rendered as SVG, built with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal`, with the legend positioned to the right of the chart.

PPradhyumna Poralla
79% match
Loading thumbnail…

Fork of Pie Chart

This visualization displays the top 10 countries by total non-renewable energy generation (in TWh) during COVID, using a pie chart with a legend listing each country and its corresponding generation value. The chart uses d3.pie, d3.arc, and d3.scaleOrdinal with schemeCategory10 for coloring. It loads CSV data from a GitHub gist via d3.csv, sorts the data descending, and renders SVG paths for slices. Mouseover events log the data to console, while legend entries combine rects and text elements.

VVAbhiram99
79% match
Loading thumbnail…

Task9_Question1

This visualization displays a pie chart of worldwide COVID-19 cases for 2020, highlighting the top 15 countries by reported case counts. The chart uses a legend with colored rectangles and text labels to identify each country alongside its corresponding number of cases. Built with React and D3 v5, the code employs `d3.csv`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with a `schemeCategory10` color palette to render the SVG-based chart. Data is loaded from a gist-hosted CSV file, sorted descending by case numbers, and sliced to show only the leading countries.

Ssaitejauppu0206@gmail.com
79% 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
78% match