then after discovering it, I was too invested in my own project to switch -- the complexity in positioning nodes, routing edges to not draw over labels, taking into account nesting and rank dir gave me an appreciation for how hard these can be, and I kinda wanted my own version (plus other features)
https://azriel.im/disposition/
Things I missed in original graphviz dot:
1. predictable / stable layout
2. dark and light mode css (tailwind)
3. interactive through pure css
4. markdown descriptions
Took ages understanding how to route edges to not overlap labels.
- Imagined job I want to do: Teach software from the ground up, with good illustrations.
- Side: https://peace.mk/ - Create my own automation framework, because I want to make it clear what infrastructure-as-code is going to do before/during/after you run it
- side-side: https://azriel.im/disposition - a diagram generator like graphviz, but supports markdown, to visualise what infrastructure exists / will exist / will be deleted / is in progress when automation is running
- side-side-side: https://azriel.im/dioxus_codemirror - needed a code editor that supports LSP so manually creating diagrams is learnable
I'm back up the stack to the diagram generator, and hopefully soon back to the automation framework
opens terminal
(made me smile)
https://azriel.im/disposition/
The text editor has an LSP built in to guide you to what can be entered, but see the examples.
I wanted a way to have visual documentation that can show/hide detail, and be pure svg so that it can be pasted into sites without becoming pixelated.
Also supports animations to show interactions between hosts, which always gets messy when drawing a static diagram.
Site: https://azriel.im/disposition
Repo: https://github.com/azriel91/disposition
It's written in Rust, has stable node positions, is stylable (and has default styling, dark mode styles), among other things.
The hardest part is calculating coordinates for edges:
- ranking nodes / positioning them when edges connect nodes of different nesting levels
- ensure edges don't overlap with nodes to not obscure content
- ensure edges don't overlap with each other
It's about 60% of what my version of "complete" looks like. Remaining parts:
- edge labels (might need a rewrite of how edge paths are calculated.
- images in nodes
- generating diagrams for different screen sizes
- LSP support (?)
Solves some problems that were hard to work around with GraphViz, e.g. default and customisable styling, light and dark mode, stable / predictable layout.
Now I still make them occasionally, though I haven't updated the blog for a while.
I find that tangible art could sometimes say "thank you" more than the utterance of the words themselves.
Also makes for a great wedding gift:
https://peace.mk/blog/checkpoint/
(old blog post, but I'm slow in making progress)
Been trying the "do the thing, and desire comes after" for many things (baking, piano, skating, ..), but that hasn't really worked. What has seemed to work is connecting with people (crucial that they know how to connect back).
Made a little web app that helped me communicate: https://azriel.im/tears/
(I could just point to the number when I couldn't talk/listen)
https://peace.mk/blog/checkpoint/
Heya HN,I've been working on this framework because it's always too easy to do dangerous things with the deployment tools I've worked with, and I tend to feel guilty when "I tried to fix things, but it replaced the server instead of renamed the existing one", or "there's so much information that I read none of it".The framework handles the aesthetics and provides nice stuff that would never get...
https://github.com/Pernosco/gha-runner
but I'm not sure how complete it is, and probably doesn't satisfy the author's use cases
I use this as my main shell on Windows, and as a supplementary on Mac and Linux.
Heya, I went through a sad time, and realized many people who want to help, either don't know how, or don't realize their eagerness may be the very thing that makes their help be experienced as something distressing.So I made this little app that takes two inputs: trust they have with the person, and the person's current mood, and suggests a really open ended suggestion (besides the "stay away"...
Hey all, I made a diagram generator to solve common frustrations with diagramming tools.You can think of this as GraphViz dot + Tailwind + easier markup.The concerns I've catered for:1. Free, no ads, no vendor lock in.2. Offline (client-side) diagram generation.3. Easily shareable diagrams via link, or SVG copied to clipboard.4. No IP leakage by using the URL fragment.5. Text input for easy...
1. RIIR -- for native code execution performance, and correctness
2. async rust preferably -- green threads for efficient cpu usage
3. the constraint efficiency of game developers: 16 ms window to do all your processing
4. data structures sized to fit cache lines
5. vulkan/metal rendering pipeline
oh my
(edit: formatting)
- stencil: https://github.com/azriel91/dove_stencil/
- wings tucked: https://github.com/azriel91/dove_stencil/blob/main/photos/20...
Made this because one of my friends said she liked things with character, and I knew that a handmade soft toy wasn't "enough", and so letting it tuck its wings was that character.
2. Many ambigrams (words that when rotated upside down, read as the word). These ones are names for friends / acquaintances
- blog: https://cards.azriel.im/
- different names: https://cards.azriel.im/2018/09/kevin-fiona.html
- colour inversion: https://cards.azriel.im/2018/01/carlo.html
I still make them occasionally, just haven't updated the blog
edit: ah it's not markdown, links were codified
I think, future me could find them useful, e.g. to ship a single binary (whether native or WASM), but I can't say how soon that would be.
My plan is to make my automation framework generate those graphs on a web page to visualize automation execution, e.g. by styling nodes and adding CSS animations.
GitHub repo: https://github.com/azriel91/dot_ix
enjoy
