Sankey Charts

Sankey charts (or diagram) are a type of flow diagram to show dynamic relationships in a system. Defintely check out the flow diagram article as there are other flow diagrams similar to Sankey.

Plotly has an implementation of Sankey Diagrams that seem to look the most polished, though I still wish ApexCharts implemented something better. Nothing would beat the flexibility of a D3 Sankey implementation though.

Here is a drawing by Captain Sankey of the efficiency of a steam engine. It was referenced in Google Charts documentation for Sankey diagrams.

Observable

Earlier, I put a link to a D3 version of a Sankey diagram. That was hosted by Observable. D3 documentation used to link to examples hosted at links nested under (https://bl.ocks.org/mbostock), but it looks like all of those tutorials have been ported to Observable. My guess is Mike Bostock improved the code until it was production-ready, and that is now called Observable. Feels like Jupyter notebooks. Would love a chance to try it out. He still has links to a bunch of D3 writeups here.

Edit: actually looks like many things are still available in the blocks website, such as this sunburst example. Browse the gallery here. I pray they don’t take that site down, it’ll just be sad if they do.

Large discussion of Observable alternatives to learning D3 here. And this is the Observable main page for D3, and the gallery.

Lastly, here’s a recommended free online book for D3.

Google Charts

This is a [gallery of charts available from Google)(https://developers.google.com/chart/interactive/docs/gallery). I haven’t decided to use them anywhere because at first glance, they seem to require an active connection to Google servers for rendering your chart. I hope I’m wrong, but look forward to playing with them at some future time.

Newline.co Animated Sankey

While researching Sankey diagrams, I saw a tutorial to create your own Sankey animation from newline.co. I keep running into these guys, for example they have an entire course on React and related technologies, Tiny House, which I’ve been meaning to check out.

Deploying My Hugo Site

I have been putting off a real deployment, a permanent place, to begin hosting my Hugo notes. One of my new year’s resolutions, that I’m trying to start early in December, is spending half an hour each day compiling all the things I learned and googled that day. This company has a culture of posting TIL’s that their employees contribute to. Love the idea.

On the Hugo deployment page, the seemingly easiest and “free-est” way seems to be Render. I will try them out. For the time being, these are just living as markdown files in a temporary github repo. Oh wells.

VPN and Friends

I want to start using VPN’s and want to start with a free approach. And want to start on my work machine. Opera offers a VPN, but it’s actually just a secure proxy, i.e. broswer traffic only. Mozilla offers a solution for $5/mo I think. This article makes a bunch of VPN service recommendations. I need to make some time to check some of the free solutions out. None of the services I’ve seen advertised on Youtube seem to be on this list (Nordic?).

On Hierarchy

I don’t yet know how to create a hierarchy for these notes. They are all giant H1’s. I think there’s value in keeping everything flat, because these are daily notes. I don’t have the time to create a real tree of topics, and to update the nodes as I find new material. Having said that, it would be nice to be able to generate a browsable graph from tags or something. We’ll see.

Some Day I’ll Start Coding My Idea again

For now, there’s IPFS. I DEFINITELY need to make time to check this out, try it out, install it on a VM or something.