liveBook · Manning

Line

A line is a graphical element or mark defined by endpoints that represents a straight segment or connects plotted data positions.

How 2 Manning books explain it

D3.js in Action, Third Edition

An SVG line is a line element defined by two endpoint coordinates and rendered as a straight segment.

How it is used
Uses straight SVG segments as fundamental shapes in D3 visualizations.
How deep it goes
Explains endpoint coordinates, stroke styling, and container clipping without deeper SVG rendering internals.
Examples
Builds a gallery line from (50,45) to (140,225), then styles it black with width 3.
What you can do after
Build it from scratch with endpoint coordinates and visible stroke attributes inside an SVG container.

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

Data Storytelling with Altair and AI

A line is a graphical mark that connects plotted data positions to represent continuity or progression.

How it is used
Connects sequential campaign options to turn a set of rectangles into a visualized roadmap.
How deep it goes
Defines endpoint coordinates and demonstrates Altair rendering, stopping short of general line-chart analysis.
Examples
Uses connectors between Online Campaign, Influencers Engagement, and Social Media Promotion rectangles.
What you can do after
Builds an Altair roadmap by specifying line endpoints and combining the line with rectangles and labels.

Read how Data Storytelling with Altair and AI explains line →

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.