Skip to main content
SimilarExport ZIP
100%

Line chart

✓ Published0🌍 Public
Mmaddulanagasanjana@gmail.com
Last edited Oct 27, 2025
Created on Oct 27, 2025
Forked from Q3_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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Line chart

This line chart displays the growth of four global energy sources—solar, wind, hydro, and nuclear—from 2000 to 2022, using smoothed monotone curves over a white SVG canvas. The visualization reads a CSV file and maps each source to a distinct pastel color, with a legend on the right. It uses `d3.csv`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.line` with `d3.curveMonotoneX` to construct the axes and paths, while gridlines and labels are added via D3’s selection and join methods.

Mmaddulanagasanjana@gmail.com
88% match
Loading thumbnail…

Line Chart

This line chart compares the growth of four global energy sources—solar, wind, hydro, and nuclear—in gigawatts (GW) from 2000 to 2022, using data from Sun_Wind_Energy.csv. Each source is rendered as a smooth monotone line with distinct pastel colors, and a legend identifies the series. The visualization uses D3.js v7 to load the CSV, generate SVG paths via the `d3.line` generator with `d3.curveMonotoneX`, and scales axes with `d3.scaleLinear` and `d3.axisBottom`/`d3.axisLeft`. Light horizontal gridlines aid reading values across the increasing trends.

Mmaddulanagasanjana@gmail.com
87% match
Loading thumbnail…

Area Chart

This simple stacked area chart visualizes the growth of global installed energy capacity (Solar, Wind, Hydro, and Nuclear, in GW) from 2000 to 2022, highlighting that all categories rise over the period. The chart uses the D3.js library version 7, reading data from a CSV file and rendering to SVG. It constructs the visualization using `d3.stack()` and `d3.stackOffsetNone` to compute the layers, `d3.curveMonotoneX` for smooth area interpolation, and standard D3 scales, axes, and gridlines; a legend identifies each energy source.

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

ICE-7:Line Chart

This line chart displays the highest nuclear energy consumption from 2010 to 2020, with the year on the x-axis and nuclear usage on the y-axis. Built with D3 v5 and rendered as SVG, the visualization uses `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and the `line` generator to create the path. Data is loaded from a CSV file via `csv`, with dates parsed using `d3.timeParse`. The styling uses custom CSS classes for grid lines, labels, and the brown line stroke.

BBajiSharifPatan@my.unt.edu
75% 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
75% match