Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

spending_graph

Public visualization

Viewing a saved revision (read-only)

fb499f5bc8cb47cf93e337f0efba14ec

spending_graph

0 stars0🌍 Public
Ttimothy.bell@cgi.com
Last edited May 27, 2024
Created on May 27, 2024
Forked from HTML Starter

This visualization shows French Government Spending by Department, using a bar chart to compare spending allocations across Education, Military, Health, Transportation, and Others. The bars are rendered in SVG using D3 v6, with `d3.scaleBand` and `d3.scaleLinear` mapping categorical and numerical values, while `d3.axisBottom` and `d3.axisLeft` display the axes. Hovering over a bar changes its fill color from steelblue to orange. The chart includes rotated department labels and explicit axis titles, with data provided as static in-code arrays.

AI-generated description

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

See also React Starter.