Coordinate system
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.
D3.js in Action, Third Edition
A coordinate system is a reference framework that locates points using an origin and coordinate values.
- How it is used
- Positions SVG shapes and shifts a chart’s inner drawing area away from its margins.
- How deep it goes
- Defines SVG axis directions and applies group translation, without broader Cartesian-coordinate formalism.
- Examples
- Uses lines, rectangles, circles, ellipses, paths, text, and a translated inner-chart group.
- What you can do after
- Build SVG graphics and chart plot areas by assigning coordinates and translating grouped elements.
Read how D3.js in Action, Third Edition explains coordinate system →
Math for Web Design
A two-dimensional coordinate system formed by perpendicular axes for locating points with ordered pairs.
- How it is used
- Locates interface points for CSS positioning, DOM measurements, pointer events, Grid placement, and geometric shapes.
- How deep it goes
- Defines axes, origins, ordered pairs, browser directions, and several reference spaces, then applies them to Grid, clipping, and pointer positioning.
- Examples
- Demonstrates full-viewport hero sizing, Grid cells, polygon diamond and arrow shapes, and a cursor-following tooltip.
- What you can do after
- Apply it via CSS and JavaScript to measure elements, interpret pointer positions, place Grid items, and define clipped shapes.
Digital Twins in Action
A coordinate system is a framework for specifying the position of points using numerical coordinates relative to defined axes or references.
- How it is used
- Locates sensor readings and other spatial data on floor plans and georeferenced 3D models.
- How deep it goes
- Explains alignment through 2D placement and a worked local-to-global 3D transformation, without developing coordinate-system mathematics.
- Examples
- Uses floor-plan sensor overlays, drone imagery overlaid on a map, and home sensor positions transformed for a 3D scene.
- What you can do after
- Apply it via CesiumJS to transform local sensor positions and place readings on a georeferenced 3D model.
Read how Digital Twins in Action explains coordinate system →
Math and Architectures of Deep Learning
A coordinate system with perpendicular axes used here as the original input-space representation before latent transformation.
- How it is used
- Frames machine-learning inputs and outputs as points whose numerical representations depend on chosen axes.
- How deep it goes
- Defines coordinate dependence, then develops rotations, diagonalization, and eigenvector-aligned axes for hyperellipses.
- Examples
- Uses page coordinates, a two-dimensional hyperellipse, eigenvector angles, and PyTorch code as concrete illustrations.
- What you can do after
- Apply it via PyTorch to represent points and rotate coordinates until a symmetric ellipse matrix becomes diagonal.
Read how Math and Architectures of Deep Learning explains coordinate system →
Related concepts
- CSS Gridimplemented by · CSS Grid is a CSS layout system for arranging elements in two-dimensional rows and columns.
- dimensionhas part · A dimension is an independent coordinate, measurable axis, or descriptive attribute used to represent, locate, or analyze something.
- poseused by · A pose is the spatial configuration of an entity, including its position, orientation, or arrangement of body parts.
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.