@hpcc-js/common

hpcc-js - Viz Common

Stats

StarsIssuesVersionUpdatedCreatedSize
@hpcc-js/common
5642.58.013 days ago4 years agoMinified + gzip package size for @hpcc-js/common in KB

Readme

@hpcc-js/common

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 EntityCard</title>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
        <script src="https://unpkg.com/@hpcc-js/util"></script>
        <script src="https://unpkg.com/@hpcc-js/common"></script>
    </head>
    <body>
        <div id="placeholder" style="width:800px;height:600px;"></div>
        <script>
            console.log(window["@hpcc-js/common"].EntityCard);
            var chart = new window["@hpcc-js/common"].EntityCard()
                .target("placeholder")
                .icon("")
                .iconDiameter(55)
                .iconPaddingPercent(0)
                .title("Hello\nEntityCard")
                .titleFontSize(28)
                .titleColor("#ecf0f1")
                .description("This is an EntityCard description")
                .descriptionColor("#ecf0f1")
                .iconColor("#ecf0f1")
                .backgroundShape("rect")
                .backgroundColorFill("#2980b9")
                .backgroundColorStroke("#2c3e50")
                .annotationIcons([
                    { faChar: "A", image_colorFill: "#2c3e50", shape_colorFill: "#f1c40f", shape_colorStroke: "none" },
                    { faChar: "B", image_colorFill: "#2c3e50", shape_colorFill: "#e67e22", shape_colorStroke: "none" },
                    { faChar: "C", image_colorFill: "#2c3e50", shape_colorFill: "#e74c3c", shape_colorStroke: "none" }
                ])
                .render();
        </script>
    </body>
</html>

Getting Started with @hpccjs

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.