Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Axes customization.

Public visualization

Viewing a saved revision (read-only)

ec54d6ed604c4b36a2e95c06f3be12e7

Axes customization.

0 stars1🌍 Public
CChocoOrange
Last edited Jul 12, 2020
Created on Jul 11, 2020
Forked from My bar chart.

This example demonstrates customizing axes in a bar chart built with D3 v5, loading data from an external CSV file and rendering it as SVG rectangles. It uses `d3.scaleLinear` and `d3.scaleBand` to map numeric and categorical values, while `d3.axisBottom` and `d3.axisLeft` generate the axes with custom tick formatting via `d3.format`. The code removes default domain lines, adds a custom axis label and title, and styles tick marks and text through CSS.

AI-generated description