Skip to main content
100%

D3.js | d3.axisRight() Function

✓ Published0🌍 Public
DDebaliena
Last edited Jun 3, 2021
Created on Jun 3, 2021
Forked from D3 Starter

This example demonstrates the D3.js v4 `d3.axisRight()` function, which generates a vertical axis with tick labels positioned to the right of the axis line. The code creates an SVG canvas with a linear scale mapping a domain of 0–10 to a pixel range, then appends a group element translated to the right and calls the axis on it. The resulting axis is rendered with green, left-aligned text labels using D3’s SVG text elements. It shows a simple static axis without data points, focusing solely on axis configuration and placement.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes