about summary refs log tree commit diff
path: root/users/wpcarro/ynabsql/dataviz/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'users/wpcarro/ynabsql/dataviz/index.html')
-rw-r--r--users/wpcarro/ynabsql/dataviz/index.html17
1 files changed, 15 insertions, 2 deletions
diff --git a/users/wpcarro/ynabsql/dataviz/index.html b/users/wpcarro/ynabsql/dataviz/index.html
index 00f35a7807dd..823ffdc58b08 100644
--- a/users/wpcarro/ynabsql/dataviz/index.html
+++ b/users/wpcarro/ynabsql/dataviz/index.html
@@ -2,11 +2,24 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="stylesheet" href="./index.css" />
+    <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" />
   </head>
   <body>
-    <canvas id="mount"></canvas>
+    <div id="react-mount"></div>
+    <!-- <canvas id="mount"></canvas> -->
+
+    <!-- chart.js -->
     <script src="https://cdn.jsdelivr.net/npm/chart.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>
+    <!-- depot JS -->
+    <script src="http://localhost:8002/index.js"></script>
+    <script src="./data.js"></script>
     <script src="./index.js"></script>
+    <script src="./components.js" type="text/babel"></script>
   </body>
 </html>