How to use the @hpcc-js/graph.SankeyColumn function in @hpcc-js/graph

To help you get started, we’ve selected a few @hpcc-js/graph 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.

github hpcc-systems / Visualization / tests / test-graph / src / graph.spec.ts View on Github external
.targetVertex(vertices2[link.target])
                                            .sourceMarker("circle")
                                            .targetMarker("arrow")
                                            .text("")
                                            .weight(50)
                                    );
                                }, graph2);

                                graph2.data({ vertices: vertices2, edges: edges2 });
                                render(graph2);
                                break;
                            case Sankey:
                                render(new Sankey()
                                    .columns(dataBreach.columns)
                                    .data(dataBreach.data)
                                    .mappings([new SankeyColumn().column("Covered Entity Type"), new SankeyColumn().column("Type of Breach")])
                                );
                                break;
                            case Subgraph:
                                render(new Subgraph()
                                    .title("Hello and Welcome!")
                                );
                                break;
                            case Vertex:
                                render(new Vertex()
                                    .faChar("\uf007")
                                    .text("Hello and Welcome!")
                                    .annotationIcons([
                                        { faChar: "\uf188", tooltip: "Test A", shape_colorFill: "white", image_colorFill: "red" },
                                        { faChar: "\uf0ad", tooltip: "Test B", shape_colorFill: "green", shape_colorStroke: "green", image_colorFill: "white" },
                                        { faChar: "\uf193", tooltip: "Test C", shape_colorFill: "navy", shape_colorStroke: "navy", image_colorFill: "white" }
                                    ])
github hpcc-systems / Visualization / demos / gallery / samples / graph / Sankey.js View on Github external
.columns(["Year", "Subject"])
    .data([
        ["Year 1", "Math"],
        ["Year 2", "Math"],
        ["Year 3", "Math"],
        ["Year 4", "Math"],
        ["Year 1", "English"],
        ["Year 2", "English"],
        ["Year 3", "Geometry"],
        ["Year 4", "Geometry"],
        ["Year 2", "Science"],
        ["Year 3", "Science"],
        ["Year 4", "Science"]
    ])
    .mappings([
        new SankeyColumn().column("Year"),
        new SankeyColumn().column("Subject")
    ])
    .target("target")
    .render()
    ;
github hpcc-systems / Visualization / demos / gallery / samples / graph / SankeyValues.js View on Github external
import { Sankey, SankeyColumn } from "@hpcc-js/graph";

new Sankey()
    .mappings([
        new SankeyColumn().aggrColumn("V").aggrType("sum").column("C1"),
        new SankeyColumn().aggrColumn("V").aggrType("sum").column("C2"),
        new SankeyColumn().aggrColumn("V").aggrType("sum").column("C1")
    ])
    .target("target")
    .columns(["C1", "C2", "V"])
    .data([
        ["A", "Math", 48],
        ["B", "Math", 63],
        ["C", "Math", 42],
        ["D", "Math", 90],
        ["F", "Math", 10],
        ["A", "English", 28],
        ["B", "English", 39],
        ["C", "English", 36],
        ["D", "English", 59],
        ["F", "English", 3],
        ["A", "Geometry", 26],

@hpcc-js/graph

hpcc-js - Viz Graph

Apache-2.0
Latest version published 1 month ago

Package Health Score

78 / 100
Full package analysis

Similar packages