diff options
| author | William Carroll <wpcarro@gmail.com> | 2023-01-23T05·14-0800 |
|---|---|---|
| committer | clbot <clbot@tvl.fyi> | 2023-01-23T15·59+0000 |
| commit | b3a91ce57b2b55fe0ad246425f6528caef11a1e7 (patch) | |
| tree | 043cfef25f04731e777c0531b07bd66186fb4bb5 /users/wpcarro/ynabsql/dataviz/index.html | |
| parent | 9f75973e4a93b0625f100e9d01f049dac4ac79e4 (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.html | 28 |
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> |