Class pv.Layout.Indent

Extends pv.Layout.Hierarchy.
Implements a hierarchical layout using the indent algorithm. This layout implements a node-link diagram where the nodes are presented in preorder traversal, and nodes are indented based on their depth from the root. This technique is used ubiquitously by operating systems to represent file directories; although it requires much vertical space, indented trees allow efficient interactive exploration of trees to find a specific node. In addition they allow rapid scanning of node labels, and multivariate data such as file sizes can be displayed adjacent to the hierarchy.

The indent layout can be configured using the depth and breadth properties, which control the increments in pixel space for each indent and row in the layout. This layout does not support multiple orientations; the root node is rendered in the top-left, while breadth is a vertical offset from the top, and depth is a horizontal offset from the left.

For more details on how to use this layout, see pv.Layout.Hierarchy.
Defined in: Indent.js.

Class Summary
Constructor Attributes	Constructor Name and Description
	pv.Layout.Indent() Constructs a new, empty indent layout.

Field Summary
Field Attributes	Field Name and Description
	breadth The vertical offset between nodes; defaults to 15.
	defaults Default properties for indent layouts.
	depth The horizontal offset between different levels of the tree; defaults to 15.

Fields borrowed from class pv.Layout.Network:: label, link, node
Fields borrowed from class pv.Panel:: canvas, children, overflow, transform
Fields borrowed from class pv.Bar:: fillStyle, height, lineWidth, strokeStyle, width
Fields borrowed from class pv.Mark:: bottom, childIndex, cursor, data, events, index, left, parent, proto, reverse, right, root, scale, title, top, type, visible

Methods borrowed from class pv.Layout.Network:: reset
Methods borrowed from class pv.Panel:: add, anchor
Methods borrowed from class pv.Mark:: anchorTarget, def, event, extend, margin, mouse, render

Class Detail

pv.Layout.Indent()

Constructs a new, empty indent layout. Layouts are not typically constructed directly; instead, they are added to an existing panel via pv.Mark#add.

Field Detail

{number} breadth

The vertical offset between nodes; defaults to 15.

{pv.Layout.Indent} defaults

Default properties for indent layouts. By default the depth and breadth offsets are 15 pixels.

{number} depth

The horizontal offset between different levels of the tree; defaults to 15.

Classes

Class pv.Layout.Indent