Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

In-Depth Axis Styling

Public visualization

Viewing a saved revision (read-only)

ac9a4fba2b2a475b89eaa0727f223914

In-Depth Axis Styling

1 star1🌍 Public
Aadventuresenglish.info@gmail.com
Last edited May 18, 2024
Created on Jan 30, 2024
Forked from HTML Starter

This example shows a United States GDP bar chart with a stylized y-axis label rendered as HTML inside a `foreignObject` element. The chart uses `d3.scaleTime` and `d3.scaleLinear` with `d3.axisBottom` and `d3.axisLeft`, while bars are created via `join("rect")` and formatted with `d3.format`. Data is fetched asynchronously from a Free Code Camp GitHub repository, and the SVG includes an image background, custom tooltip with mouseover/mouseout handlers, and a rotated axis title.

AI-generated description

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

See also React Starter.