Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Responsive Axes with Extra Options

Public visualization

Fork of Responsive Axes with Extra Options

0 stars0🌍 Public
Sssmadha@hotmail.com
Last edited Mar 13, 2024
Created on Feb 9, 2024
Forked from Responsive Axes

This example demonstrates a responsive D3 v7 chart with customizable axes, including rotated tick labels on both the X and Y axes. It shows how to adjust tick density, outer ticks, tick sizes, and axis label offsets through the exported `axes` and `viz` functions. The visualization uses `d3.axisBottom` and `d3.axisLeft` with `scaleLinear` scales, and automatically resizes via a `ResizeObserver` that updates the chart dimensions. A gray inner rectangle highlights the plotting area, with separate modules handling axis rendering, labels, and resize observation.

AI-generated description

Added an extra option for rotating the X axis tick labels.

Comments

Sign in to join the discussion.

MIT Licensed