How to use @hpcc-js/tree - 10 common examples
To help you get started, we’ve selected a few @hpcc-js/tree examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
hpcc-systems / Visualization / tests / test-tree / src / tree.spec.ts View on Github 
.data(flare.data)
);
break;
case Indented:
render(new Indented()
.columns(["label", "size"])
.data(flare.data)
);
break;
case SunburstPartition:
render(new SunburstPartition()
.data(flare.data)
);
break;
case Treemap:
render(new Treemap()
.columns(["label", "size"])
.data(flare.data)
);
break;
default:
it("Has render test", () => {
expect(false).to.be.true;
});
}
}
});
}.data(flare.data)
);
break;
case Dendrogram:
render(new Dendrogram()
.data(flare.data)
);
break;
case Indented:
render(new Indented()
.columns(["label", "size"])
.data(flare.data)
);
break;
case SunburstPartition:
render(new SunburstPartition()
.data(flare.data)
);
break;
case Treemap:
render(new Treemap()
.columns(["label", "size"])
.data(flare.data)
);
break;
default:
it("Has render test", () => {
expect(false).to.be.true;
});
}
}
});describe(`${item.prototype.constructor.name}`, () => {
if (item.prototype instanceof Class) {
classDef("tree", item);
}
if (item.prototype instanceof HTMLWidget || item.prototype instanceof SVGWidget) {
switch (item.prototype.constructor) {
case CirclePacking:
render(new CirclePacking()
.data(flare.data)
);
break;
case Dendrogram:
render(new Dendrogram()
.data(flare.data)
);
break;
case Indented:
render(new Indented()
.columns(["label", "size"])
.data(flare.data)
);
break;
case SunburstPartition:
render(new SunburstPartition()
.data(flare.data)
);
break;
case Treemap:
render(new Treemap()describe(`${item.prototype.constructor.name}`, () => {
if (item.prototype instanceof Class) {
classDef("tree", item);
}
if (item.prototype instanceof HTMLWidget || item.prototype instanceof SVGWidget) {
switch (item.prototype.constructor) {
case CirclePacking:
render(new CirclePacking()
.data(flare.data)
);
break;
case Dendrogram:
render(new Dendrogram()
.data(flare.data)
);
break;
case Indented:
render(new Indented()
.columns(["label", "size"])
.data(flare.data)
);
break;
case SunburstPartition:
render(new SunburstPartition()classDef("tree", item);
}
if (item.prototype instanceof HTMLWidget || item.prototype instanceof SVGWidget) {
switch (item.prototype.constructor) {
case CirclePacking:
render(new CirclePacking()
.data(flare.data)
);
break;
case Dendrogram:
render(new Dendrogram()
.data(flare.data)
);
break;
case Indented:
render(new Indented()
.columns(["label", "size"])
.data(flare.data)
);
break;
case SunburstPartition:
render(new SunburstPartition()
.data(flare.data)
);
break;
case Treemap:
render(new Treemap()
.columns(["label", "size"])
.data(flare.data)
);
break;
default:import { Dendrogram } from '@hpcc-js/tree';
new Dendrogram()
.target("target")
.data(getData())
.render()
;
function getData() {
return {
label: "root",
children: [
{
label: "analytics",
children: [
{
label: "cluster",
children: [
{ label: "AgglomerativeCluster", "size": 3938 },import { Dendrogram } from '@hpcc-js/tree';
new Dendrogram()
.target("target")
.data(getData())
.circleRadius(10)
.radial(true)
.render()
;
function getData() {
return {
label: "root",
children: [
{
label: "analytics",
children: [
{
label: "cluster",import { Treemap } from "@hpcc-js/tree";
var treemap = new Treemap()
.target("target")
.columns(["label", "size"])
.data(createData(document.documentElement))
.showRoot(true)
.paddingInner(2)
.paddingOuter(4)
.paddingTop(18)
.parentFontSize(12)
.leafFontSize(10)
.render()
;
function createData(e) {
return {
"label": e.tagName,
"size": e.outerHTML.length,import { Treemap } from '@hpcc-js/tree';
new Treemap()
.target("target")
.data(getData())
.showRoot(true)
.paddingInner(2)
.paddingOuter(4)
.paddingTop(18)
.parentFontSize(12)
.leafFontSize(10)
.render()
;
function getData() {
return {
label: "root",
children: [{
label: "A",import { CirclePacking } from '@hpcc-js/tree';
new CirclePacking()
.target("target")
.data(getData())
.render()
;
function getData() {
return {
label: "root",
children: [
{
label: "analytics",
children: [
{
label: "cluster",
children: [
{ label: "AgglomerativeCluster", "size": 3938 },
