@hpcc-js/other

hpcc-js - Viz Other

Usage no npm install needed!

<script type="module">
  import hpccJsOther from 'https://cdn.skypack.dev/@hpcc-js/other';
</script>

README

@hpcc-js/other

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

<html>
    <head>
        <title>Simple CalendarHeatMap</title>
        <script src="https://unpkg.com/@hpcc-js/common"></script>
        <script src="https://unpkg.com/@hpcc-js/other"></script>
    </head>
    <body>
        <div id="placeholder" style="width:400px;height:400px;"></div>
        <script>
            var columns = ["Date", "Value"];
            var data = [
                ["2019-08-30", "8835.96"],
                ["2019-08-29", "9857.98"],
                ["2019-08-28", "10809.85"],
                ["2019-08-27", "11860.03"],
                ["2019-08-24", "12664.39"]
            ];
            new window["@hpcc-js/other"].CalendarHeatMap()
                .columns(columns)
                .data(data)
                .dateColumn("Date")
                .aggrColumn("Value")
                .aggrType("mean")
                .target("placeholder")
                .render()
                ;
        </script>
    </body>
</html>