viz.js VS backendlore

Generally, you're best off with Viz.js, an emscripten transcompile of GraphViz

Other resources - Graphviz and Viz.js helped me a lot in in creating graphing app I built before I knew of these other libraries. "Graph visualization" was what I was searching for.

To modify it, go to http://viz-js.com/, select Engine: circo and paste the following code: ``` digraph G { // Colors. See https://graphviz.org/doc/info/colors.html. Pikemen, MenAtArms [style=filled, fillcolor=lightskyblue1] Archers, Crossbowmen [style=filled, fillcolor=khaki] Horsemen, Knights [style=filled, fillcolor=lawngreen] Rams, Springalds, Mangonels, Trebuchets [style=filled, fillcolor=plum]

This might fit the bill in js land http://viz-js.com/

> but the bundle is enormous - over a megabyte of data

If only DOT layout engine and JSON output format is enabled at compile time it is about 600KiB, or less than 200KiB Gzipped. https://github.com/rapidlua/viz.js

> A nice thing about having an SVG render is that it's very easy to attach events, and inline SVGs can be styled with CSS.

Indeed it’s super handy! I’m using this approach in https://LuaJIT.me to produce an interactive visualisation of a graph of traces in a JIT compiler.

Sure it's not for everyone. I learnt a lot doing cash strapped startups where there wasn't a devops person. AWS can get expensive, especially when you start using more and more services (lambda,dynamodb,rds,elasticache etc) although it can be easily scaled.

Note, you probably shouldn't do it by hand (setting up your own services). You'd use Ansible/Terraform.

For those that are interested but not quite ready, here's a great article [0].

[0] https://github.com/fpereiro/backendlore.

7. Backendlore

A good example of ASCII diagrams: https://github.com/fpereiro/backendlore

I have found this to be useful: https://github.com/fpereiro/backendlore

It is more about writing backends generally, but in it he uses Redis as a primary database and walks through durability and scalability.