Mercurial > code > home > repos > streamed-graph
comparison index.html @ 140:2ad4784c0d6c
update demo
author | drewp@bigasterisk.com |
---|---|
date | Mon, 08 May 2023 13:05:48 -0700 |
parents | ede37954dbb4 |
children |
comparison
equal
deleted
inserted
replaced
139:cf642d395be4 | 140:2ad4784c0d6c |
---|---|
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <body> | 3 <body> |
4 <h1>streamed-graph demo</h1> | 4 <h1>streamed-graph demo</h1> |
5 | 5 |
6 <div id="demo"></div> | 6 <div id="demo"></div> |
7 | 7 |
8 <script type="module"> | 8 <script type="module"> |
9 import { html, render } from 'lit'; | 9 import { html, render } from "lit"; |
10 import { StreamedGraph } from "."; | 10 import { StreamedGraph } from "."; |
11 render( | 11 render( |
12 html` | 12 html` |
13 <streamed-graph | 13 <streamed-graph> |
14 xurl="/net-route-input/graph/netRouteInput/events" | 14 <sg-source url="demo-view.n3"></sg-source> |
15 url="/collector/graph/reposync" | 15 <sg-source url="https://bigasterisk.com/environment/graph/environment/events"></sg-source> |
16 view="demo-view.n3" | 16 <sg-view uri="#view"></sg-view> |
17 expanded="true" | 17 </streamed-graph> |
18 ></streamed-graph> | |
19 `, | 18 `, |
20 document.querySelector('#demo') | 19 document.querySelector("#demo") |
21 ); | 20 ); |
22 </script> | 21 </script> |
23 </body> | 22 </body> |
24 </html> | 23 </html> |