# Discovery Plot

## Usage

### In a Web Environment

#### With NPM/Yarn

    $ npm install @senx/discovery-widgets
    $ npm install @senx/discovery-plugin-plot

#### With CDN

```html
<script nomodule src="https://unpkg.com/@senx/discovery-widgets/dist/discovery/discovery.js"></script>
<script type="module" src="https://unpkg.com/@senx/discovery-widgets/dist/discovery/discovery.esm.js"></script>


<script type="module" src="https://unpkg.com/@senx/discovery-plugin-plot/dist/discovery-plugin-plot.esm.js"></script>
<script nomodule src="https://unpkg.com/@senx/discovery-plugin-plot/dist/discovery-plugin-plot.js"></script>

```

#### Usage

```html

<html lang="en">
<head>
  <title>Test</title>
</head>
<body>
<discovery-dashboard url="https://warp.senx.io/api/v0/exec" dashboard-title="Test">
{
  'title' 'Test'
  'description' 'Dashboard test'
  'tiles' [
    {
      'title' 'test'
      'options' { 'autoRefresh' 1 }
      'x' 0 'y' 0 'w' 12 'h' 4
      'type' 'plot'
      'macro' <%
        1 4 <% 
            DROP NEWGTS 'g' STORE
            1 10 <% 
                'ts' STORE $g $ts RAND + STU * NOW + NaN NaN NaN RAND ADDVALUE DROP 
            %> FOR
            $g 
        %> FOR 
      %>
    }
  ]
}
</discovery-dashboard>
<script nomodule src="https://unpkg.com/@senx/discovery-widgets/dist/discovery/discovery.js"></script>
<script type="module" src="https://unpkg.com/@senx/discovery-widgets/dist/discovery/discovery.esm.js"></script>
<script type="module" src="https://unpkg.com/@senx/discovery-plugin-plot/dist/discovery-plugin-plot.esm.js"></script>
<script nomodule src="https://unpkg.com/@senx/discovery-plugin-plot/dist/discovery-plugin-plot.js"></script>

</body>
</html>
```
