Function View

docs/app/js/sanddance-app.js:142437–142489

* Create a new View instance from a Vega dataflow runtime specification. * The generated View will not immediately be ready for display. Callers * should also invoke the initialize method (e.g., to set the parent * DOM element in browser-based deployment) and then invoke the run * method to eval

(spec, options)

 * @constructor
 * @param {object} spec - The Vega dataflow runtime specification.
 */ function View(spec, options) {
    const view = this;
    options = options || {};
    (0, _vegaDataflow.Dataflow).call(view);
    if (options.loader) view.loader(options.loader);
    if (options.logger) view.logger(options.logger);
    if (options.logLevel != null) view.logLevel(options.logLevel);
    if (options.locale || spec.locale) {
        const loc = (0, _vegaUtil.extend)({}, spec.locale, options.locale);
        view.locale((0, _vegaFormat.locale)(loc.number, loc.time));
    }
    view._el = null;
    view._elBind = null;
    view._renderType = options.renderer || (0, _vegaScenegraph.RenderType).Canvas;
    view._scenegraph = new (0, _vegaScenegraph.Scenegraph)();
    const root = view._scenegraph.root; // initialize renderer, handler and event management
    view._renderer = null;
    view._tooltip = options.tooltip || defaultTooltip, view._redraw = true;
    view._handler = new (0, _vegaScenegraph.CanvasHandler)().scene(root);
    view._globalCursor = false;
    view._preventDefault = false;
    view._timers = [];
    view._eventListeners = [];
    view._resizeListeners = []; // initialize event configuration
    view._eventConfig = initializeEventConfig(spec.eventConfig);
    view.globalCursor(view._eventConfig.globalCursor); // initialize dataflow graph
    const ctx = runtime(view, spec, options.expr);
    view._runtime = ctx;
    view._signals = ctx.signals;
    view._bind = (spec.bindings || []).map((_)=>({
            state: null,
            param: (0, _vegaUtil.extend)({}, _)
        })); // initialize scenegraph
    if (ctx.root) ctx.root.set(root);
    root.source = ctx.data.root.input;
    view.pulse(ctx.data.root.input, view.changeset().insert(root.items)); // initialize view size
    view._width = view.width();
    view._height = view.height();
    view._viewWidth = viewWidth(view, view._width);
    view._viewHeight = viewHeight(view, view._height);
    view._origin = [
        0,
        0
    ];
    view._resize = 0;
    view._autosize = 1;
    initializeResize(view); // initialize background color
    background(view); // initialize cursor
    cursor(view); // initialize view description
    view.description(spec.description); // initialize hover proessing, if requested
    if (options.hover) view.hover(); // initialize DOM container(s) and renderer
    if (options.container) view.initialize(options.container, options.bind);
}
function lookupSignal(view, name) {
    return (0, _vegaUtil.hasOwnProperty)(view._signals, name) ? view._signals[name] : (0, _vegaUtil.error)("Unrecognized signal name: " + (0, _vegaUtil.stringValue)(name));
}