liveBook · Manning

Data label

A data label is text attached to a visual element or data representation that identifies or explains a represented value, category, measure, or element.

How 2 Manning books explain it

D3.js in Action, Third Edition

A chart label is text attached to a graphical data representation to identify a category, value, or other chart element.

How it is used
Identifies bar categories and communicates the values represented by their lengths.
How deep it goes
Builds labels through SVG text elements, groups, data binding, transforms, coordinates, and styling.
Examples
Uses a technology bar chart with category names on the left and counts positioned at rectangle tips.
What you can do after
Builds labeled SVG bar charts with grouped bars, category text, value text, and explicit positioning.

Read how D3.js in Action, Third Edition explains data label →

Everyday Data Visualization

Text attached to a visual element or data display that identifies or explains the represented value, category, measure, or element.

How it is used
Reinforces a visualization’s main point and exposes essential information without requiring interaction.
How deep it goes
Explains placement decisions through audience time, information priority, tooltips, feedback, and typographic consistency.
Examples
Uses survey-response bars with counts in labels and totals or percentages in tooltips, plus consistently styled wage-chart labels.
What you can do after
Apply it by making key values visible, reserving secondary details for tooltips, and using label changes as interaction feedback.

Read how Everyday Data Visualization explains data label →

Related concepts

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.