Horizontal axis
A horizontal axis is the horizontally oriented reference axis in a coordinate system or chart, typically representing the x or ordered dimension.
D3.js in Action, Third Edition
A horizontal axis is a chart axis oriented horizontally, typically representing the x dimension.
- How it is used
- Provides the left-to-right reference that positions dates, values, bins, or groups in charts.
- How deep it goes
- Walks through scale setup, D3 axis generation, translation, tick formatting, styling, and manual React rendering.
- Examples
- Uses monthly temperatures, salary histograms, gender box plots, and a retention-versus-usage scatterplot.
- What you can do after
- Build it from scratch with D3 generators or manually render it as a React bottom-axis component.
Read how D3.js in Action, Third Edition explains horizontal axis →
Math for Web Design
The x-axis is the horizontal reference axis in a two-dimensional coordinate system.
- How it is used
- Locates elements, pointer positions, and movement horizontally within browser viewport coordinates.
- How deep it goes
- Defines the axis and viewport direction, then connects it to vector angles and trigonometric components.
- Examples
- Uses viewport positioning, mouse coordinates, element bounds, and a 100px movement at 30°.
- What you can do after
- Apply it via CSS and JavaScript to interpret horizontal positions, pointer coordinates, and directional movement.
Related concepts
- configure_axis()configured by · configure_axis() is an Altair chart method that sets default properties shared by chart axes.
- coordinate systempart of · A coordinate system is a framework for specifying the positions of points or other geometric entities using numerical coordinates relative to defined references, such as an origin and axes.
- scaleuses · A visualization scale maps data values to visual values such as positions, colors, or sizes.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.