D3Libraries

Overview

External third party libraries, created to draw/render with the d3 framework.

  • From version: 2020.20

Properties

array

array: object

Data represented by an iterable (an array). For more information: https://www.npmjs.com/package/d3-array 

const array = cvApi2.externalLibraries.d3.array;
const valueRange = array.extent(
                                dataPoints.map(function (dp) {
                                    return dp.numerics.value.rawValue;
                                                             })
                                );

axis

axis: object

This component renders human-readable reference marks for scales. For more information: https://www.npmjs.com/package/d3-axis 

const axis = cvApi2.externalLibraries.d3.axis;

color

color: object

Provides representations for various color spaces, allowing specification, conversion and manipulation. For more information: https://www.npmjs.com/package/d3-color 

const color = cvApi2.externalLibraries.d3.color;

drag

drag: object

Provides a convenient but flexible abstraction for enabling drag-and-drop interaction on selections. For more information: https://www.npmjs.com/package/d3-drag 

const drag = cvApi2.externalLibraries.d3.drag;

ease

ease: object

A method of distorting time to control apparent motion in animation. For more information: https://www.npmjs.com/package/d3-ease 

const ease = cvApi2.externalLibraries.d3.ease;

format

format: object

Formatting numbers for human consumption. For more information: https://www.npmjs.com/package/d3-format 

const format = cvApi2.externalLibraries.d3.format;

geo

geo: object

Geographic projections, spherical shapes and spherical trigonometry. For more information: https://www.npmjs.com/package/d3-geo 

const geo = cvApi2.externalLibraries.d3.geo;

hierarchy

hierarchy: object

This module implements several popular techniques for visualizing hierarchical data (Node-link diagrams, Adjacency diagrams, Enclosure diagrams). For more information: https://www.npmjs.com/package/d3-hierarchy 

const hierarchy = cvApi2.externalLibraries.d3.hierarchy;

interpolate

interpolate: object

This module provides a variety of interpolation methods for blending between two values. For more information: https://www.npmjs.com/package/d3-interpolate 

const interpolate = cvApi2.externalLibraries.d3.interpolate;

multiSelection

multiSelection: object

This module adds multi-value syntax to selections and transitions, allowing you to set multiple attributes, styles or properties simultaneously with more concise syntax. For more information: https://www.npmjs.com/package/d3-selection-multi 

const multiSelection = cvApi2.externalLibraries.d3.multiSelection;

scale

scale: object

Mapping a dimension of abstract data to a visual representation. For more information: https://www.npmjs.com/package/d3-scale 

const scale = cvApi2.externalLibraries.d3.scale;
scale.scaleLinear()
     .domain(valueRange).range([20, 100]);

scaleChromatic

scaleChromatic: object

This module provides sequential, diverging and categorical color schemes. For more information: https://www.npmjs.com/package/d3-scale-chromatic 

const scaleChromatic = cvApi2.externalLibraries.d3.scaleChromatic;

selection

selection: object

Allow powerful data-driven transformation of the document object model. Return the current selection, or a new selection, allowing the concise application of multiple operations on a given selection via method chaining. For more information: https://www.npmjs.com/package/d3-selection 

const selection = cvApi2.externalLibraries.d3.selection;
const root = selection
             .select(element)
             .selectAll('g.root')
             .data(function (d) { return [d]; });

shape

shape: object

This module provides a variety of shape generators for your convenience. For more information: https://www.npmjs.com/package/d3-shape 

const shape = cvApi2.externalLibraries.d3.shape;
const pie = shape.pie()
            .sort(null)
            .value(function (d) { return d.width; });