Home

Awesome

NOTE: This package has been consolidated into the vega/vega repository, where future development and issues will be handled. This repository has been archived and is now read-only.

vega-util

JavaScript utilities for Vega. Provides a set of helper methods used throughout Vega modules, including function generators, type checkers, log messages, and additional utilities for Object, Array and String values.

API Reference

Functions

Functions and function generators for accessing and comparing values.

<a name="accessor" href="#accessor">#</a> vega.<b>accessor</b>(<i>function</i>[, <i>fields</i>, <i>name</i>]) <>

Annotates a function instance with a string array of dependent data fields and a string name, and returns the input function. Assumes the input function takes an object (data tuple) as input, and that strings in the fields array correspond to object properties accessed by the function. Once annotated, Vega dataflows can track data field dependencies and generate appropriate output names (e.g., when computing aggregations) if the function is used as an accessor.

Internally, this method assigns the field array to the fields property of the input function, and the name to the fname property. To be future-proof, clients should not access these properties directly. Instead, use the accessorFields and accessorName methods.

<a name="accessorFields" href="#accessorFields">#</a> vega.<b>accessorFields</b>(<i>accessor</i>) <>

Returns the array of dependent field names for a given accessor function. Returns null if no field names have been set.

<a name="accessorName" href="#accessorName">#</a> vega.<b>accessorName</b>(<i>accessor</i>) <>

Returns the name string for a given accessor function. Returns null if no name has been set.

<a name="compare" href="#compare">#</a> vega.<b>compare</b>(<i>fields</i>[, <i>orders</i>]) <>

Generates a comparator function for sorting data values, based on the given set of fields and optional sort orders. The fields argument must be either a string, an accessor function, or an array of either. Strings indicate the name of object properties to sort by, in precedence order. Field strings may include nested properties (e.g., foo.bar.baz). The orders argument must be either a string or an array of strings; the valid string values are 'ascending' (for ascending sort order of the corresponding field) or 'descending' (for descending sort order of the corresponding field). If the orders argument is omitted, is shorter than the fields array, or includes values other than 'ascending' or 'descending', corresponding fields will default to ascending order.

<a name="constant" href="#constant">#</a> vega.<b>constant</b>(<i>value</i>) <>

Given an input value, returns a function that simply returns that value. If the input value is itself a function, that function is returned directly.

<a name="debounce" href="#debounce">#</a> vega.<b>debounce</b>(<i>delay</i>, <i>func</i>) <>

Generates a "debounced" function that delays invoking func until after delay milliseconds have elapsed since the last time the debounced function was invoked. Invocation passes up to one argument from the debounced function to func and does not preserve the this context.

<a name="field" href="#field">#</a> vega.<b>field</b>(<i>field</i>[, <i>name</i>]) <>

Generates an accessor function for retrieving the specified field value. The input field string may include nested properties (e.g., foo.bar.baz). An optional name argument indicates the accessor name for the generated function; if excluded the field string will be used as the name (see the accessor method for more details).

var fooField = vega.field('foo');
fooField({foo: 5}); // 5
vega.accessorName(fooField); // 'foo'
vega.accessorFields(fooField); // ['foo']

var pathField = vega.field('foo.bar', 'path');
pathField({foo: {bar: 'vega'}}); // 'vega'
pathField({foo: 5}); // undefined
vega.accessorName(pathField); // 'path'
vega.accessorFields(pathField); // ['foo.bar']

<a name="id" href="#id">#</a> vega.<b>id</b>(<i>object</i>) <>

An accessor function that returns the value of the id property of an input object.

<a name="identity" href="#identity">#</a> vega.<b>identity</b>(<i>value</i>) <>

An accessor function that simply returns its value argument.

<a name="key" href="#key">#</a> vega.<b>key</b>(<i>fields</i>[, <i>flat</i>]) <>

Generates an accessor function that returns a key string (suitable for using as an object property name) for a set of object fields. The fields argument must be either a string or string array, with each entry indicating a property of an input object to be used to produce representative key values. The resulting key function is an accessor instance with the accessor name 'key'. The optional flat argument is a boolean flag indicating if the field names should be treated as flat property names, side-stepping nested field lookups normally indicated by dot or bracket notation. By default, flat is false and nested property lookup is performed.

var keyf = vega.key(['foo', 'bar']);
keyf({foo:'hi', bar:5}); // 'hi|5'
vega.accessorName(keyf); // 'key'
vega.accessorFields(keyf); // ['foo', 'bar']

<a name="one" href="#one">#</a> vega.<b>one</b>() <>

An accessor function that simply returns the value one (1).

<a name="zero" href="#zero">#</a> vega.<b>zero</b>() <>

An accessor function that simply returns the value zero (0).

<a name="truthy" href="#truthy">#</a> vega.<b>truthy</b>() <>

An accessor function that simply returns the boolean true value.

<a name="falsy" href="#falsy">#</a> vega.<b>falsy</b>() <>

An accessor function that simply returns the boolean false value.

Type Checkers

Functions for checking the type of JavaScript values.

<a name="isArray" href="#isArray">#</a> vega.<b>isArray</b>(<i>value</i>) <>

Returns true if the input value is an Array instance, false otherwise.

<a name="isBoolean" href="#isBoolean">#</a> vega.<b>isBoolean</b>(<i>value</i>) <>

Returns true if the input value is a Boolean instance, false otherwise.

<a name="isDate" href="#isDate">#</a> vega.<b>isDate</b>(<i>value</i>) <>

Returns true if the input value is a Date instance, false otherwise.

<a name="isFunction" href="#isFunction">#</a> vega.<b>isFunction</b>(<i>value</i>) <>

Returns true if the input value is a Function instance, false otherwise.

<a name="isNumber" href="#isNumber">#</a> vega.<b>isNumber</b>(<i>value</i>) <>

Returns true if the input value is a Number instance, false otherwise.

<a name="isObject" href="#isObject">#</a> vega.<b>isObject</b>(<i>value</i>) <>

Returns true if the input value is an Object instance, false otherwise.

<a name="isRegExp" href="#isRegExp">#</a> vega.<b>isRegExp</b>(<i>value</i>) <>

Returns true if the input value is a RegExp instance, false otherwise.

<a name="isString" href="#isString">#</a> vega.<b>isString</b>(<i>value</i>) <>

Returns true if the input value is a String instance, false otherwise.

Type Coercion

Functions for coercing values to a desired type.

<a name="toBoolean" href="#toBoolean">#</a> vega.<b>toBoolean</b>(<i>value</i>) <>

Coerces the input value to a boolean. The strings "true" and "1" map to true; the strings "false" and "0" map to false. Null values and empty strings are mapped to null.

<a name="toDate" href="#toDate">#</a> vega.<b>toDate</b>(<i>value</i>[, <i>parser</i>]) <>

Coerces the input value to a Date timestamp. Null values and empty strings are mapped to null. Date objects are passed through unchanged. If an optional parser function is provided, it is used to perform date parsing. By default, numbers (timestamps) are passed through unchanged and otherwise Date.parse is used. Be aware that Date.parse has different implementations across browsers!

<a name="toNumber" href="#toNumber">#</a> vega.<b>toNumber</b>(<i>value</i>) <>

Coerces the input value to a number. Null values and empty strings are mapped to null.

<a name="toString" href="#toString">#</a> vega.<b>toString</b>(<i>value</i>) <>

Coerces the input value to a string. Null values and empty strings are mapped to null.

Objects

Functions for manipulating JavaScript Object values.

<a name="extend" href="#extend">#</a> vega.<b>extend</b>(<i>target</i>[, <i>source1</i>, <i>source2</i>, …]) <>

Extends a target object by copying (in order) all enumerable properties of the input source objects.

<a name="inherits" href="#inherits">#</a> vega.<b>inherits</b>(<i>child</i>, <i>parent</i>) <>

A convenience method for setting up object-oriented inheritance. Assigns the prototype property of the input child function, such that the child inherits the properties of the parent function's prototype via prototypal inheritance. Returns the new child prototype object.

<a name="fastmap" href="#fastmap">#</a> vega.<b>fastmap</b>([<i>object</i>]) <>

Provides a key/value map data structure, keyed by string. Supports a subset of the ES6 Map API, including has, get, set, delete and clear methods and a size property. If the optional object argument is provided, all key/values on the input object will be added to the new map instance.

var map = vega.fastmap({foo:1, bar:2});
map.has('foo'); // -> true
map.get('foo'); // -> 1
map.delete('bar');
map.has('bar'); // -> false
map.set('baz', 0);
map.get('baz'); // -> 0
map.size; // -> 2
map.empty; // -> 1 (number of empty entries)
map.clean(); // invoke garbage collection, clears empty entries

By using basic JavaScript objects to hash values and avoiding calls to the built-in JavaScript delete operator, fastmaps provide better performance than ES6 maps and d3-collection. However, this speed comes at the cost of some object bloat, requiring periodic garbage collection in the case of many deletions. The fastmap object provides a clean method for requesting garbage collection of empty map entries. The test method is a getter/setter for providing an optional boolean-valued function that indicates additional objects (not just empty entries from deleted keys) that should be removed during garbage collection.

Arrays

Functions for manipulating JavaScript Array values.

<a name="array" href="#array">#</a> vega.<b>array</b>(<i>value</i>) <>

Ensures that the input value is an Array instance. If so, the value is simply returned. If not, the value is wrapped within a new single-element an array, returning [value].

<a name="extentIndex" href="#extentIndex">#</a> vega.<b>extentIndex</b>(<i>array</i>[, <i>accessor</i>]) <>

Returns the array indices for the minimum and maximum values in the input array (as a [minIndex, maxIndex] array), according to natural ordering. The optional accessor argument provides a function that is first applied to each array value prior to comparison.

vega.extentIndex([1,5,3,0,4,2]); // [3, 1]
vega.extentIndex([
  {a: 3, b:2},
  {a: 2, b:1},
  {a: 1, b:3}
], vega.field('b')); // [1, 2]

<a name="merge" href="#merge">#</a> vega.<b>merge</b>(<i>compare</i>, <i>array1</i>, <i>array2</i>[, <i>output</i>]) <>

Merge two sorted arrays into a single sorted array. The input compare function is a comparator for sorting elements and should correspond to the pre-sorted orders of the array1 and array2 source arrays. The merged array contents are written to the output array, if provided. If output is not specified, a new array is generated and returned.

<a name="panLinear" href="#panLinear">#</a> vega.<b>panLinear</b>(<i>domain</i>, <i>delta</i>) <>

Given an input numeric domain (sorted in increasing order), returns a new domain array that translates the domain by a delta using a linear transform. The delta value is expressed as a fraction of the current domain span, and may be positive or negative to indicate the translation direction. The return value is a two-element array indicating the starting and ending value of the translated (panned) domain.

<a name="panLog" href="#panLog">#</a> vega.<b>panLog</b>(<i>domain</i>, <i>delta</i>) <>

Given an input numeric domain (sorted in increasing order), returns a new domain array that translates the domain by a delta using a logarithmic transform. The delta value is expressed as a fraction of the current domain span, and may be positive or negative to indicate the translation direction. The return value is a two-element array indicating the starting and ending value of the translated (panned) domain.

<a name="panPow" href="#panPow">#</a> vega.<b>panPow</b>(<i>domain</i>, <i>delta</i>, <i>exponent</i>) <>

Given an input numeric domain (sorted in increasing order), returns a new domain array that translates the domain by a delta using a power scale transform parameterized by the provided exponent. The delta value is expressed as a fraction of the current domain span, and may be positive or negative to indicate the translation direction. The return value is a two-element array indicating the starting and ending value of the translated (panned) domain.

<a name="peek" href="#peek">#</a> vega.<b>peek</b>(<i>array</i>) <>

Returns the last element in the input array. Similar to the built-in Array.pop method, except that it does not remove the last element. This method is a convenient shorthand for array[array.length - 1].

<a name="toSet" href="#toSet">#</a> vega.<b>toSet</b>(<i>array</i>) <>

Given an input array of values, returns a new Object instance whose property keys are the values in array, each assigned a property value of 1. Each value in array is coerced to a String value and so should map to a reasonable string key value.

vega.toSet([1, 2, 3]); // {'1':1, '2':1, '3':1}

<a name="visitArray" href="#visitArray">#</a> vega.<b>visitArray</b>(<i>array</i>, [<i>filter</i>,] <i>visitor</i>) <>

Vists the values in an input array, invoking the visitor function for each array value that passes an optional filter. If specified, the filter function is called with each individual array value. If the filter function return value is truthy, the returned value is then passed as input to the visitor function. Thus, the filter not only performs filtering, it can serve as a value transformer. If the filter function is not specified, all values in the array are passed to the visitor function. Similar to the built-in Array.forEach method, the visitor function is invoked with three arguments: the value to visit, the current index into the source array, and a reference to the soure array.

// console output: 1 0; 3 2
vega.visitArray([0, -1, 2],
  function(x) { return x + 1; },
  function(v, i, array) { console.log(v, i); });

<a name="zoomLinear" href="#zoomLinear">#</a> vega.<b>zoomLinear</b>(<i>domain</i>, <i>anchor</i>, <i>scale</i>) <>

Given an input numeric domain (sorted in increasing order), returns a new domain array that scales (zooms) the domain by a scale factor using a linear transform, centered on the given anchor value. If anchor is null, the midpoint of the domain is used instead. The return value is a two-element array indicating the starting and ending value of the scaled (zoomed) domain.

<a name="zoomLog" href="#zoomLog">#</a> vega.<b>zoomLog</b>(<i>domain</i>, <i>anchor</i>, <i>scale</i>) <>

Given an input numeric domain (sorted in increasing order), returns a new domain array that scales (zooms) the domain by a scale factor using a logarithmic transform, centered on the given anchor value. If anchor is null, the midpoint of the domain is used instead. The return value is a two-element array indicating the starting and ending value of the scaled (zoomed) domain.

<a name="zoomPow" href="#zoomPow">#</a> vega.<b>zoomPow</b>(<i>domain</i>, <i>anchor</i>, <i>scale</i>, <i>exponent</i>) <>

Given an input numeric domain (sorted in increasing order), returns a new domain array that scales (zooms) the domain by a scale factor using a power scale transform parameterized by the provided exponent, centered on the given anchor value. If anchor is null, the midpoint of the domain is used instead. The return value is a two-element array indicating the starting and ending value of the scaled (zoomed) domain.

Strings

Functions for generating and manipulating JavaScript String values.

<a name="pad" href="#pad">#</a> vega.<b>pad</b>(<i>string</i>, <i>length</i>[, <i>character</i>, <i>align</i>]) <>

Pads a string value with repeated instances of a character up to a specified length. If character is not specified, a space (' ') is used. By default, padding is added to the end of a string. An optional align parameter specifies if padding should be added to the 'left' (beginning), 'center', or 'right' (end) of the input string.

vega.pad('15', 5, '0', 'left'); // '00015'

<a name="repeat" href="#repeat">#</a> vega.<b>repeat</b>(<i>string</i>, <i>count</i>) <>

Given an input string, returns a new string that repeats the input count times.

vega.repeat('0', 5); // '00000'

<a name="splitAccessPath" href="#splitAccessPath">#</a> vega.<b>splitAccessPath</b>(<i>path</i>) <>

Splits an input string representing an access path for JavaScript object properties into an array of constituent path elements.

vega.splitAccessPath('foo'); // ['foo']
vega.splitAccessPath('foo.bar'); // ['foo', 'bar']
vega.splitAccessPath('foo["bar"]'); // ['foo', 'bar']
vega.splitAccessPath('foo[0].bar'); // ['foo', '0', 'bar']

<a name="stringValue" href="#stringValue">#</a> vega.<b>stringValue</b>(<i>value</i>) <>

Returns an output representation of an input value that is both JSON and JavaScript compliant. For Object and String values, JSON.stringify is used to generate the output string. Primitive types such as Number or Boolean are returned as-is. This method can be used to generate values that can then be included in runtime-compiled code snippets (for example, via the Function constructor).

<a name="truncate" href="#truncate">#</a> vega.<b>truncate</b>(<i>string</i>, <i>length</i>[, <i>align</i>, <i>ellipsis</i>]) <>

Truncates an input string to a target length. The optional align argument indicates what part of the string should be truncated: 'left' (the beginning), 'center', or 'right' (the end). By default, the 'right' end of the string is truncated. The optional ellipsis argument indicates the string to use to indicate truncated content; by default the ellipsis character (, same as \u2026) is used.

Logging

<a name="logger" href="#logger">#</a> vega.<b>logger</b>([<i>level</i>]) <>

Generates a new logger instance for selectively writing log messages to the JavaScript console. The optional level argument indicates the initial log level to use (one of None, Warn, Info, or Debug), and defaults to None if not specified.

The generated logger instance provides the following methods:

<a name="None" href="#None">#</a> vega.<b>None</b> <>

Constant value indicating a log level of 'None'. If set as the log level of a logger instance, all log messages will be suppressed.

<a name="Error" href="#Error">#</a> vega.<b>Error</b> <>

Constant value indicating a log level of 'Error'. If set as the log level of a logger instance, only error messages will be presented.

<a name="Warn" href="#Warn">#</a> vega.<b>Warn</b> <>

Constant value indicating a log level of 'Warn'. If set as the log level of a logger instance, both error and warning messages will be presented.

<a name="Info" href="#Info">#</a> vega.<b>Info</b> <>

Constant value indicating a log level of 'Info'. If set as the log level of a logger instance, error, warning and info messages will be presented.

<a name="Debug" href="#Debug">#</a> vega.<b>Debug</b> <>

Constant value indicating a log level of 'Debug'. If set as the log level of a logger instance, all log messages (error, warning, info and debug) will be presented.

Errors

<a name="error" href="#error">#</a> vega.<b>error</b>(<i>message</i>) <>

Throws a new error with the provided error message. This is a convenience method adding a layer of indirection for error handling, for example allowing error conditions to be included in expression chains.

vega.error('Uh oh'); // equivalent to: throw Error('Uh oh')

// embed error in an expression
return isOk ? returnValue : vega.error('Not OK');