tiny-assistant/external-user.html at main · ceddc/tiny-assistant · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Tiny Assistant External Page Example</title>
    <link rel="icon" href="./favicon.svg" type="image/svg+xml" />
    <script type="module" src="https://js.arcgis.com/5.0/"></script>
    <script type="module" src="./tiny-assistant.js"></script>
    <style>
      html,
      body,
      arcgis-map {
        block-size: 100%;
        inline-size: 100%;
        margin: 0;
      }
    </style>
  </head>
  <body>
    <arcgis-map id="map" item-id="c13bffcad4a244a99062e915e9bc1dc3">
      <arcgis-zoom slot="top-left"></arcgis-zoom>
      <arcgis-expand slot="top-left">
        <arcgis-legend></arcgis-legend>
      </arcgis-expand>
    </arcgis-map>

    <tiny-arcgis-assistant
      reference-element="#map"
      sprites='{"globby":"./assets/globby-spritesheet.webp","globby-may-4th":"./assets/globbymay4-spritesheet.webp","clippy":"./assets/clippy-spritesheet.webp","boba":"./assets/boba-spritesheet.webp"}'
      heading="Change in wheat production 2017-2022"
      description="Explore wheat production in the U.S. from 2017 to 2022."
      suggested-prompts='["Go to the county that produced the most wheat in 2022.", "How does that compare to the average county that produced wheat?", "How many counties produced less wheat in 2022 than in 2017?"]'>
      <arcgis-assistant-navigation-agent></arcgis-assistant-navigation-agent>
      <arcgis-assistant-data-exploration-agent></arcgis-assistant-data-exploration-agent>
      <arcgis-assistant-help-agent></arcgis-assistant-help-agent>
    </tiny-arcgis-assistant>
  </body>
</html>