d4_selection library

Transform the DOM by selecting elements and joining to data.

Selections allow powerful data-driven transformation of the document object model (DOM): set attributes, styles, properties, HTML or text content, and more. Using the data join’s enter and exit selections, you can also add or remove elements to correspond to data.

See one of:

• Selecting elements - querying for DOM elements.
• Modifying elements - modifying attributes of selected elements.
• Joining data - joining data to selected elements for visualization.
• Handling events - declaring event listeners for interaction.
• Control flow - iterating over selected elements.
• Local variables - attaching state to elements.
• Namespaces - dealing with XML namespaces.

Classes

Local

D4 locals allow you to define local state independent of data.

Selection

Extensions

SelectionAppend on Selection

SelectionAttr on Selection

SelectionCall on Selection

SelectionClassed on Selection

SelectionClone on Selection

SelectionData on Selection

SelectionDatum on Selection

SelectionDispatch on Selection

SelectionEach on Selection

SelectionEmpty on Selection

SelectionEnter on Selection

SelectionExit on Selection

SelectionFilter on Selection

SelectionHtml on Selection

SelectionInsert on Selection

SelectionIterator on Selection

SelectionJoin on Selection

SelectionLower on Selection

SelectionMerge on Selection

SelectionNode on Selection

SelectionNodes on Selection

SelectionOn on Selection

SelectionOrder on Selection

SelectionProperty on Selection

Some HTML elements have special properties that are not addressable using attributes or styles, such as a form field’s text value and a checkbox’s checked boolean. Use this extension to get or set these properties.

SelectionRaise on Selection

SelectionRemove on Selection

SelectionSelect on Selection

SelectionSelectAll on Selection

SelectionSelectChild on Selection

SelectionSelectChildren on Selection

SelectionSelection on Selection

SelectionSize on Selection

SelectionSort on Selection

SelectionStyle on Selection

SelectionText on Selection

Properties

namespaces → Map<String, String>

The map of registered namespace prefixes. The initial value is:

final

Functions

create(String name) → Selection

Given the specified element name, returns a single-element selection containing a detached element of the given name in the current document.

creator(String name) → Element Function(Element, [JSAny?, int?, List<Element?>?])

Given the specified element name, returns a function which creates an element of the given name, assuming that thisArg is the parent element.

matcher(String selector) → bool Function(Element, [JSAny?, int?, List<Element?>?])

Given the specified selector, returns a function which returns true if this element matches the specified selector.

namespace(String name) → Union2<Map<String, String>, String>

Qualifies the specified name, which may or may not have a namespace prefix.

select([Union2<String, Element>? selector]) → Selection

Selects the first element that matches the specified selector string.

selectAll([Union3<String, Iterable<Element?>, Object>? selector]) → Selection

Selects all elements that match the specified selector string.

selection() → Selection

Selects the root element, document.documentElement.]

selector([String? selector]) → Element? Function(Element, [JSAny?, int?, List<Element?>?])

Given the specified selector, returns a function which returns the first descendant of this element that matches the specified selector.

selectorAll([String? selector]) → List<Element?> Function(Element, [JSAny?, int?, List<Element?>?])

Given the specified selector, returns a function which returns all descendants of this element that match the specified selector.

style(Element? node, String name) → String?

Returns the value of the style property with the specified name for the specified node.

window(EventTarget node) → Window

Returns the owner window for the specified node.