diff options
author | William Carroll <wpcarro@gmail.com> | 2023-01-14T01·36-0800 |
---|---|---|
committer | wpcarro <wpcarro@gmail.com> | 2023-01-18T03·12+0000 |
commit | 0196555f07d7295a40aefd5aec266f3932efbb2b (patch) | |
tree | 666caa707f37829b68cd40e5e2a7cc74256dac36 /users/wpcarro/ynabsql/dataviz/index.html | |
parent | 98b155c8c1c13afb2e3d542f9c8c4c65352f8d5f (diff) |
feat(wpcarro/slx): Render transactions r/5687
Wire-up clientside slx with HTML. Change-Id: Ieef517b47fae8d1af67bb0c7fcb7eae853f138e1 Reviewed-on: https://cl.tvl.fyi/c/depot/+/7832 Reviewed-by: wpcarro <wpcarro@gmail.com> Tested-by: BuildkiteCI
Diffstat (limited to 'users/wpcarro/ynabsql/dataviz/index.html')
-rw-r--r-- | users/wpcarro/ynabsql/dataviz/index.html | 17 |
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> |