open-index/open-npm huggingface dataset:
npm package: @hpcc-js/amchart
Description: hpcc-js - Viz AM Charts
Author: Gordon Smith
Latest version: 2.0.0

Deprecated as of [0.1.26](https://github.com/hpcc-systems/Visualization/compare/@hpcc-js/amchart@0.1.25...@hpcc-js/amchart@0.1.26) (2018-08-15)

See @hpcc-js/charts for an alternative.
npm package: @hpcc-js/c3-shim
Description: hpcc-js - c3 shim
Author: Gordon Smith
Latest version: 2.0.0

Deprecated as of  [0.0.60](https://github.com/hpcc-systems/Visualization/compare/@hpcc-js/c3-shim@0.0.59...@hpcc-js/c3-shim@0.0.60) (2018-08-14)

See @hpcc-js/charts for an alternative.
npm package: @hpcc-js/c3chart
Description: hpcc-js - Viz C3 Charts
Author: Gordon Smith
Latest version: 2.0.0

Deprecated as of [0.1.26](https://github.com/hpcc-systems/Visualization/compare/@hpcc-js/c3chart@0.1.25...@hpcc-js/c3chart@0.1.26) (2018-08-15)

See @hpcc-js/charts for an alternative.
npm package: @hpcc-js/codemirror
Description: hpcc-js - Viz Code Mirror
Author: Gordon Smith
Latest version: 2.66.5

# @hpcc-js/codemirror
This package is part of the mono repository "@hpcc-js" (aka Visualization Framework), for more information including [Quick Start](https://github.com/hpcc-systems/Visualization/wiki/Quick-Start), [Gallery](https://raw.githack.com/hpcc-systems/Visualization/trunk/demos/gallery/gallery.html) and [Tutorials](https://github.com/hpcc-systems/Visualization/wiki/Tutorials), please visit the main page on GitHub:  [hpcc-systems/Visualization](https://github.com/hpcc-systems/Visualization).

## Exported Widgets
* [CSSEditor](https://rawgit.com/hpcc-systems/Visualization/trunk/demos/gallery/playground.html?./samples/codemirror/CSSEditor.js)
* [ECLEditor](https://rawgit.com/hpcc-systems/Visualization/trunk/demos/gallery/playground.html?./samples/codemirror/ECLEditor.js)
* [HTMLEditor](https://rawgit.com/hpcc-systems/Visualization/trunk/demos/gallery/playground.html?./samples/codemirror/HTMLEditor.js)
* [JSEditor](https://rawgit.com/hpcc-systems/Visualization/trunk/demos/gallery/playground.html?./samples/codemirror/JSEditor.js)
* [JSONEditor](https://rawgit.com/hpcc-systems/Visualization/trunk/demos/gallery/playground.html?./samples/codemirror/JSONEditor.js)
* [XMLEditor](https://rawgit.com/hpcc-systems/Visualization/trunk/demos/gallery/playground.html?./samples/codemirror/XMLEditor.js)

## Stand-alone HTML Example
```html
<html>
    <head>
        <title>Simple JSONEditor</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/codemirror"></script>
    </head>
    <body>
        <div id="placeholder" style="width:400px;height:400px;"></div>
        <script>
            var code = {"fruit": "Apple","size": "Large","color": "Red"};

            new window["@hpcc-js/codemirror"].JSONEditor()
                .target("placeholder")
                .json(code)
                .render()
                ;
        </script>
    </body>
</html>
```

<ClientOnly>
  <hpcc-vitepress style="width:100%;height:600px">
    <div id="target" style="height:600px">
    </div>
    <script type="module">
      import { ECLEditor } from "@hpcc-js/codemirror";

      const code = `\
    MySample := SAMPLE(Person,10,1) // get every 10th record
    SomeFile := DATASET([{'A'},{'B'},{'C'},{'D'},{'E'},
                        {'F'},{'G'},{'H'},{'I'},{'J'},
                        {'K'},{'L'},{'M'},{'N'},{'O'},
                        {'P'},{'Q'},{'R'},{'S'},{'T'},
                        {'U'},{'V'},{'W'},{'X'},{'Y'}],
                        {STRING1 Letter});
    Set1 := SAMPLE(SomeFile,5,1); // returns A, F, K, P, U`;

      new ECLEditor()
          .ecl(code)
          .target("target")
          .render()
          ;
    </script>
  </hpcc-vitepress>
</ClientOnly>
npm package: @hpcc-js/comms
Description: hpcc-js - Communications
Author: Gordon Smith
Latest version: 3.15.6

# @hpcc-js/comms
This package is part of the mono repository "@hpcc-js" (aka Visualization Framework), for more information including [Quick Start](https://github.com/hpcc-systems/Visualization/wiki/Quick-Start), [Gallery](https://raw.githack.com/hpcc-systems/Visualization/trunk/demos/gallery/gallery.html) and [Tutorials](https://github.com/hpcc-systems/Visualization/wiki/Tutorials), please visit the main page on GitHub:  [hpcc-systems/Visualization](https://github.com/hpcc-systems/Visualization).

## Exported Widgets
* [Connection](https://raw.githack.com/hpcc-systems/Visualization/trunk/demos/gallery/playground.html?./samples/comms/Connection.js)

## Stand-alone HTML Example
```html
<html>
    <head>
        <title>Simple Connection+Codemirror</title>
        <script src="https://unpkg.com/@hpcc-js/util"></script>
        <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/comms"></script>
        <script src="https://unpkg.com/@hpcc-js/codemirror"></script>
    </head>
    <body>
        <div id="placeholder" style="width:800px;height:600px;"></div>
        <script>
            new window["@hpcc-js/comms"].Connection({
                    baseUrl: "https://api.pushshift.io/",
                    type: "get"
                })
                .send("reddit/search/submission/", {
                    "subreddit":"askreddit",
                    "sort":"desc",
                    "sort_type":"created_utc",
                    "size":"5",
                }).then((json) => {
                    new window["@hpcc-js/codemirror"].JSONEditor()
                        .target("placeholder")
                        .json(json)
                        .render()
                        ;
                })
                .catch((e) => {
                    console.error(e);
                })
                ;
        </script>
    </body>
</html>
```

## Getting Started with @hpccjs
* _[Quick Start](https://github.com/hpcc-systems/Visualization/wiki/Quick-Start)_
* _[Tutorials](https://github.com/hpcc-systems/Visualization/wiki/Tutorials)_
* _[Gallery](https://raw.githack.com/hpcc-systems/Visualization/trunk/demos/gallery/gallery.html)_ ([alt](https://rawgit.com/hpcc-systems/Visualization/trunk/demos/gallery/gallery.html))
* _[Wiki](https://github.com/hpcc-systems/Visualization/wiki)_