Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

InfoVis - Assignment 4

Public visualization

Viewing a saved revision (read-only)

d45772282cd74921a131e6c419fb2220

InfoVis - Assignment 4

0 stars0🌍 Public
Llili463e
Last edited Jul 10, 2023
Created on Jul 9, 2023
Forked from HTML Starter

This example shows a bar chart of energy source production in billion kWh for the year 2022, using data from a local CSV file. The visualization highlights the magnitude of each energy type, with data labels displayed above each bar. Built with Chart.js, the chart uses the canvas rendering API, with custom plugins handling the top labels. The page also includes responsive CSS media queries that adjust the chart’s dimensions and label rotation across different screen widths. The code fetches the CSV, parses it, and maps the seventh column to the chart’s dataset.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.