maurice/snix
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(wpcarro/ynabsql): Proof-of-concept demo

Browse source 
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>
This commit is contained in:
William Carroll 2023-01-22 21:14:38 -08:00 • committed by clbot
parent 9f75973e4a
commit b3a91ce57b
10 changed files with 3833 additions and 149 deletions
Download patch file Download diff file Expand all files Collapse all files

28
users/wpcarro/ynabsql/dataviz/index.html
View file

@ -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>