hpcc-js - Viz Phosphor

Downloads in past


2.15.88 days ago5 years agoMinified + gzip package size for @hpcc-js/phosphor in KB


This package is part of the mono repository "@hpcc-js" (aka Visualization Framework), for more information including Quick Start, Gallery and Tutorials, please visit the main page on GitHub: hpcc-systems/Visualization.

Exported Widgets

Stand-alone HTML Example

        <title>Simple DockPanel</title>
        <script src="https://unpkg.com/@hpcc-js/util"></script>
        <script src="https://unpkg.com/@hpcc-js/common"></script>
        <script src="https://unpkg.com/@hpcc-js/api"></script>
        <script src="https://unpkg.com/@hpcc-js/chart"></script>
        <script src="https://unpkg.com/@hpcc-js/phosphor"></script>
        <div id="placeholder" style="width:800px;height:600px;"></div>
            const columns = ["Subject", "Result"];
            const data = [
                ["English", 45],
                ["Irish", 28],
                ["Math", 98],
                ["Geography", 48],
                ["Science", 82]
            const area = new window["@hpcc-js/chart"].Area()
            const line = new window["@hpcc-js/chart"].Line()
            const bubble = new window["@hpcc-js/chart"].Bubble()
            new window["@hpcc-js/phosphor"].DockPanel()
                .addWidget(area, "<drag me>")
                .addWidget(bubble, "<drag me>", "split-right", area)
                .addWidget(line, "<drag me>", "split-bottom", area)

Getting Started with @hpccjs