Skip to main content
SimilarExport ZIP
100%

ICE63MD

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

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`.

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

ICE 72 MD

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.

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

ICE-7 Q3 11699544

This line chart compares daily renewable energy generation, focusing on solar energy output in megawatts across a 150-day period. The visualization uses a smooth, monotone curve to display the upward trend in solar power production over time. Rendered as an SVG using D3.v7, the chart employs `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.curveMonotoneX` to create the smoothed line. The data is retrieved from a CSV file containing solar, wind, and hydro energy measurements.

Aakshayamsgrad@gmail.com
83% match
Loading thumbnail…

ICE6 Q3 multi-series bar+ line chart

This example presents renewable energy production trends across 150 days using two linked SVG charts. The first chart displays three multi-series line charts for solar, wind, and hydro energy using d3.line and d3.scaleOrdinal. The second chart combines a bar chart for solar energy with an overlaid line chart for wind energy, using d3.csv to load the energy_data.csv dataset. Both charts share axes and legends, with the bar-plus-line combination highlighting the relationship between solar and wind output over time.

Aakshayamsgrad@gmail.com
83% match
Loading thumbnail…

ICE-7 Q4 11699544

This area chart visualizes daily solar energy generation over 150 days, with values rising from approximately 52 to 232 megawatts. The visualization uses D3 v7 to load data from a CSV file and render an SVG. The chart employs `d3.area` with `curveMonotoneX`, `d3.scaleLinear` for both axes, and `d3.axisBottom` and `d3.axisLeft` with grid lines. The deep maroon filled area sits above a baseline set at 95% of the minimum value, with the y-axis labeled as megawatts and the x-axis representing days.

Aakshayamsgrad@gmail.com
78% match
Loading thumbnail…

Document

This interactive line chart shows the annual growth in U.S. electricity generation from Solar and Gas sources from 2012 to 2021. Users click buttons to toggle between the two datasets, triggering a transition that updates the axes and line path. Built with D3 v4, it uses `d3.line`, `d3.axisBottom`, and `d3.axisLeft` with linear scales, plus SVG transitions and a tooltip for mouseover values. Data comes from the provided `data.csv`, with hardcoded arrays in `vis.js` for each energy source.

Xxiaojingwu138
78% match
Loading thumbnail…

Line chart

Four pale pastel line charts track installed capacity in gigawatts for solar, wind, hydro, and nuclear energy from 2000 to 2022, all trending upward. Built with D3 v7 and SVG, the chart reads a CSV file via `d3.csv`, maps data with `d3.scaleLinear`, and renders smooth monotone curves using `d3.line` with `d3.curveMonotoneX`. A legend and gridlines complete the view.

Mmaddulanagasanjana@gmail.com
76% match