🌍 Public
Viewing a saved revision (read-only)
e63da14a954f4358b6c2d50e2273a3c1
In-Depth Axis Styling
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 descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.