about summary refs log tree commit diff
path: root/users/wpcarro/ynabsql/dataviz/index.html
diff options
context:
space:
mode:
authorWilliam Carroll <wpcarro@gmail.com>2023-01-23T05·14-0800
committerclbot <clbot@tvl.fyi>2023-01-23T15·59+0000
commitb3a91ce57b2b55fe0ad246425f6528caef11a1e7 (patch)
tree043cfef25f04731e777c0531b07bd66186fb4bb5 /users/wpcarro/ynabsql/dataviz/index.html
parent9f75973e4a93b0625f100e9d01f049dac4ac79e4 (diff)
feat(wpcarro/ynabsql): Proof-of-concept demo r/5741
Hacked this together during my week-off while I was in Telluride, CO. The git
history is quite sloppy; so is some of the code. But it (mostly) works as a
demo, and that was the point.

Change-Id: Icfbc277090b69a802c00becdbd162652e4e8e156
Reviewed-on: https://cl.tvl.fyi/c/depot/+/7904
Reviewed-by: wpcarro <wpcarro@gmail.com>
Tested-by: BuildkiteCI
Autosubmit: wpcarro <wpcarro@gmail.com>
Diffstat (limited to 'users/wpcarro/ynabsql/dataviz/index.html')
-rw-r--r--users/wpcarro/ynabsql/dataviz/index.html28
1 files changed, 16 insertions, 12 deletions
diff --git a/users/wpcarro/ynabsql/dataviz/index.html b/users/wpcarro/ynabsql/dataviz/index.html
index 823ffdc58b08..2fdf8866cfb4 100644
--- a/users/wpcarro/ynabsql/dataviz/index.html
+++ b/users/wpcarro/ynabsql/dataviz/index.html
@@ -2,24 +2,28 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="stylesheet" href="https://unpkg.com/terminal.css@0.7.2/dist/terminal.min.css" />
-    <link rel="stylesheet" href="https://unpkg.com/terminal.css@0.7.1/dist/terminal.min.css" />
-    <link rel="stylesheet" href="https://unpkg.com/terminal.css@0.7.1/dist/terminal.min.css" />
+    <!-- TODO(wpcarro): Cache these locally -->
+    <link rel="stylesheet" href="./cdn/terminal.min.css" />
+    <style>
+      :root {
+        --page-width: 100em;
+      }
+    </style>
   </head>
-  <body>
-    <div id="react-mount"></div>
-    <!-- <canvas id="mount"></canvas> -->
+  <body class="container">
+    <div id="mount"></div>
 
     <!-- chart.js -->
-    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+    <script src="./cdn/chart.js"></script>
+    <script src="./cdn/date_fns.js"></script>
+    <script src="./cdn/chartjs-adapter-date-fns.bundle.min.js"></script>
     <!-- react.js -->
-    <script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
-    <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>
-    <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
+    <script src="./cdn/react.development.js" crossorigin></script>
+    <script src="./cdn/react-dom.development.js" crossorigin></script>
+    <script src="./cdn/babel.min.js"></script>
     <!-- depot JS -->
-    <script src="http://localhost:8002/index.js"></script>
+    <script src="./cdn/slx.js"></script>
     <script src="./data.js"></script>
-    <script src="./index.js"></script>
     <script src="./components.js" type="text/babel"></script>
   </body>
 </html>