Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-6 Combined Chart (Bar + Line)

Public visualization

ICE-6 Combined Chart (Bar + Line)

0 stars0🌍 Public
Ppvvaishnavi93@gmail.com
Last edited Mar 8, 2026
Created on Mar 8, 2026

This combined chart displays annual solar energy production as steel-blue bars and wind energy as a red line with points, using the `renewable_energy_production.csv` dataset. Built with React and D3 v7, the SVG visualization subsamples the data every tenth year for clearer bar visibility. It uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.line` for the wind trend, complete with rotated tick labels, gridlines, axis labels, and a custom legend.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed