Skip to main content
SimilarExport ZIP
100%

ICE 72 MD

✓ Published0🌍 Public
Ddandamidhun41613@gmail.com
Last edited Oct 26, 2025
Created on Oct 26, 2025
Forked from D3 Starter

This D3.js visualization presents a pie chart comparing 2024 total renewable energy generation (solar, wind, and hydro combined) across multiple countries, sorted in descending order. The SVG-based chart uses `d3.pie()` and `d3.arc()` to draw slices, with each country assigned a distinct color from D3’s Tableau and Set3 palettes. The visualization loads data from a local CSV file, and hovering over a slice reveals a tooltip showing the country name and its percentage share of the total.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 73 MD

Animated three-line chart showing renewable energy generation trends for the USA from 2010 to 2024, comparing solar, wind, and hydro sources. Built with D3 v7, it renders SVG paths for each energy source with colored lines and data point markers. The visualization uses linear scales for time-series axes, axis generators, and a tooltip for hover interaction. Data comes from country_energy_stats.csv, loaded via d3.csv, with lines drawn using the d3.line path generator.

Ddandamidhun41613@gmail.com
86% match
Loading thumbnail…

ICE63MD

This visualization presents two views of renewable energy data spanning 2010–2024. The first chart shows trends for Solar, Wind, and Hydro generation, with lines and points for each energy source. The second chart combines bars showing total generation per year with a line overlay tracking the solar trend specifically. The implementation uses the D3 library, with `d3.select` to build SVG elements, `d3.scaleLinear` and `d3.scaleBand` for axis scaling, and `d3.axisBottom` and `d3.axisLeft` to render axes. Data is loaded from a CSV file using `d3.csv`.

Ddandamidhun41613@gmail.com
86% match
Loading thumbnail…

ICE 74 MD

This animated area chart displays renewable energy generation trends for the USA from 2010 to 2024, comparing solar, wind, and hydro sources. The visualization uses D3 v7’s `d3.area()` and `d3.line()` generators with `curveMonotoneX` to render semi-transparent filled regions with stroked boundaries, while `d3.axisBottom` and `d3.axisLeft` provide labeled scales. Hover interactions reveal tooltips on data points, and the chart reads from a CSV file containing annual GWh values for multiple countries, though only USA records are visualized.

Ddandamidhun41613@gmail.com
83% match
Loading thumbnail…

ICE 7 pie chart Ar

This pie chart visualizes energy consumption by source, displaying six categories (Coal, Natural Gas, Hydro, Nuclear, Solar, and Wind) with their respective percentage contributions. Built with D3.js v7, it renders slices using the `d3.pie` and `d3.arc` APIs, with labels positioned via `labelArc.centroid`. A color-coded legend identifies each source, and the chart is styled with a white background and rounded corners. Data is loaded from a local CSV file containing two columns: Energy_Source and Consumption.

Ccharchana0527@gmail.com
80% match
Loading thumbnail…

ICE-7:Pie Chart for csv dataset

This pie chart displays the nuclear energy usage of various countries, with each slice representing a country and its corresponding usage value. The chart is rendered as an SVG using D3 v5, with data fetched as CSV from a GitHub Gist. The code uses `d3.csv` to load the dataset, `d3.pie` and `d3.arc` to compute and draw the slices, and `d3.scaleOrdinal` to assign colors. Each slice displays its value in thousands, and a legend on the right shows country names alongside their usage figures.

BBajiSharifPatan@my.unt.edu
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
Loading thumbnail…

ICE - 7 Pie chart Visualizations

This example visualizes the happiness distribution of the top few countries using a pie chart, with each slice labeled with its percentage and a corresponding legend. The code loads CSV data via d3.csv, computes pie angles with d3.pie, and renders the chart as SVG paths using d3.arc. It applies an ordinal color scale with predefined hex and named colors, and formats the percentage labels using d3.format. The accompanying legend lists each country and its value, with bar rects and text elements styled via CSS classes.

Rrajasrilekkala
77% match
Loading thumbnail…

Pie Chart

This pie chart displays renewable energy generation from solar photovoltaics for the top ten countries during the COVID-19 period, with each slice representing a country’s output in terawatt-hours. The chart uses d3.pie and d3.arc to compute and draw the SVG paths, while d3.scaleOrdinal with schemeCategory10 provides the slice colors. A legend lists country names and corresponding values, formatted with a custom number format. Data is loaded as CSV from a GitHub gist, sorted descending, and rendered with React integration.

VVAbhiram99
77% match