@hpcc-js/tree

hpcc-js - Viz Tree

Usage no npm install needed!

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

README

@hpcc-js/tree

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 Dendrogram</title>
        <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/tree"></script>
    </head>
    <body>
        <div id="placeholder" style="width:600px;height:180px;"></div>
        <script>
            var chart = new window["@hpcc-js/tree"].Dendrogram()
                .target("placeholder")
                .data({
                    label: "analytics",
                    children: [
                        {
                            label: "cluster",
                            children: [
                                { label: "AgglomerativeCluster" },
                                { label: "CommunityStructure"  },
                                { label: "HierarchicalCluster" },
                                { label: "MergeEdge" }
                            ]
                        },
                        {
                            label: "graph",
                            children: [
                                { label: "BetweennessCentrality"},
                                { label: "LinkDistance"},
                                { label: "MaxFlowMinCut"},
                                { label: "ShortestPaths"},
                                { label: "SpanningTree"}
                            ]
                        },
                    ]
                })
                .render();
        </script>
    </body>
</html>