tvl-depot/users/wpcarro/ynabsql/dataviz/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!-- TODO(wpcarro): Cache these locally -->
    <link rel="stylesheet" href="./cdn/terminal.min.css" />
    <style>
      :root {
        --page-width: 100em;
      }
    </style>
  </head>
  <body class="container">
    <div id="mount"></div>

    <!-- chart.js -->
    <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="./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="./cdn/slx.js"></script>
    <script src="./data.js"></script>
    <script src="./components.js" type="text/babel"></script>
  </body>
</html>
feat(wpcarro/ynab): Proof-of-concept viz for finances After experimenting with existing "data engineering solutions" like datasette, periscope, I think rolling my own dataviz for this project might be easiest (surprisingly). Wish List: - Benthos job to dump my financial transactions into a SQL table. - Scatter plot of expenses (or just transactions generally). - Support filtering the data using "Simple Select" query language. - Stacked histogram of income/expenses with a line overlaying the "idealized" savings. Change-Id: Iec2948641dba8c4c6d5ad19a0e1ea142b81198af Reviewed-on: https://cl.tvl.fyi/c/depot/+/7784 Tested-by: BuildkiteCI Reviewed-by: wpcarro <wpcarro@gmail.com> 2023-01-06 19:16:56 +01:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="UTF-8" />`
feat(wpcarro/ynabsql): Proof-of-concept demo 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> 2023-01-23 06:14:38 +01:00			`<!-- TODO(wpcarro): Cache these locally -->`
			`<link rel="stylesheet" href="./cdn/terminal.min.css" />`
			`<style>`
			`:root {`
			`--page-width: 100em;`
			`}`
			`</style>`
feat(wpcarro/ynab): Proof-of-concept viz for finances After experimenting with existing "data engineering solutions" like datasette, periscope, I think rolling my own dataviz for this project might be easiest (surprisingly). Wish List: - Benthos job to dump my financial transactions into a SQL table. - Scatter plot of expenses (or just transactions generally). - Support filtering the data using "Simple Select" query language. - Stacked histogram of income/expenses with a line overlaying the "idealized" savings. Change-Id: Iec2948641dba8c4c6d5ad19a0e1ea142b81198af Reviewed-on: https://cl.tvl.fyi/c/depot/+/7784 Tested-by: BuildkiteCI Reviewed-by: wpcarro <wpcarro@gmail.com> 2023-01-06 19:16:56 +01:00			`</head>`
feat(wpcarro/ynabsql): Proof-of-concept demo 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> 2023-01-23 06:14:38 +01:00			`<body class="container">`
			`<div id="mount"></div>`
feat(wpcarro/slx): Render transactions 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 2023-01-14 02:36:49 +01:00
			`<!-- chart.js -->`
feat(wpcarro/ynabsql): Proof-of-concept demo 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> 2023-01-23 06:14:38 +01:00			`<script src="./cdn/chart.js"></script>`
			`<script src="./cdn/date_fns.js"></script>`
			`<script src="./cdn/chartjs-adapter-date-fns.bundle.min.js"></script>`
feat(wpcarro/slx): Render transactions 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 2023-01-14 02:36:49 +01:00			`<!-- react.js -->`
feat(wpcarro/ynabsql): Proof-of-concept demo 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> 2023-01-23 06:14:38 +01:00			`<script src="./cdn/react.development.js" crossorigin></script>`
			`<script src="./cdn/react-dom.development.js" crossorigin></script>`
			`<script src="./cdn/babel.min.js"></script>`
feat(wpcarro/slx): Render transactions 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 2023-01-14 02:36:49 +01:00			`<!-- depot JS -->`
feat(wpcarro/ynabsql): Proof-of-concept demo 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> 2023-01-23 06:14:38 +01:00			`<script src="./cdn/slx.js"></script>`
feat(wpcarro/slx): Render transactions 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 2023-01-14 02:36:49 +01:00			`<script src="./data.js"></script>`
			`<script src="./components.js" type="text/babel"></script>`
feat(wpcarro/ynab): Proof-of-concept viz for finances After experimenting with existing "data engineering solutions" like datasette, periscope, I think rolling my own dataviz for this project might be easiest (surprisingly). Wish List: - Benthos job to dump my financial transactions into a SQL table. - Scatter plot of expenses (or just transactions generally). - Support filtering the data using "Simple Select" query language. - Stacked histogram of income/expenses with a line overlaying the "idealized" savings. Change-Id: Iec2948641dba8c4c6d5ad19a0e1ea142b81198af Reviewed-on: https://cl.tvl.fyi/c/depot/+/7784 Tested-by: BuildkiteCI Reviewed-by: wpcarro <wpcarro@gmail.com> 2023-01-06 19:16:56 +01:00			`</body>`
			`</html>`