Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including node-red-node-ui-vega with all npm packages installed. Try it out:

var nodeRedNodeUiVega = require("node-red-node-ui-vega")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

node-red-node-ui-vega v0.1.3

Node-RED UI widget node for Vega visualization grammar

node-red-node-ui-vega

A Node-RED Dashboard widget node for declarative data visualization using Vega visualization grammar. It also support the Vega-lite specification.

Vega Node Examples

Note: This node requires a live internet connection in order to load the required libraries via CDN.

Install

Either use the Editor - Menu - Manage Palette - Install option, or run the following command in your Node-RED user directory (typically ~/.node-red) after installing Node-RED-dashboard.

    npm install node-red-node-ui-vega

Note: This node uses APIs that require at least Node-RED 0.19 and Node-RED Dashboard 2.10.

Usage

Vega is a visualization grammar and framework for visualizing data developed by University of Washington Interactive Data Lab. ui_vega node accepts Vega and Vega-Lite data visualization specification in JSON format.

Vega/Vega-Lite specification in JSON format can be specified on node settings menu or payload property of input message. If both parameters are set, payload property takes precedence.

Example

There are several examples that you can import from the Node-RED editor menu:

Import > Examples > node-red-node-ui-vega

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free