Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment_2.2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

d39b0550ec5f4bc1a0f2b19c6dfa37e9

Open

Assignment_2.2

0 stars0🌍 Public
VVishnu Mallampalli
Last edited Jul 11, 2024
Created on Jul 11, 2024
Forked from Hello VizHub

This example displays a global renewable energy production area chart, using a dataset of countries and their total renewable energy output. The D3.js v7 code fetches CSV data from a GitHub repository, parses it with `d3.csvParse`, and renders a single area path using the `d3.area` generator. The visualization includes a rotated x-axis for country labels via `d3.axisBottom` and a linear y-axis for energy values, all rendered as SVG within a styled HTML page.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.