- 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 (?)

https://azriel.im/disposition

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://cards.azriel.im/2018/09/kevin-fiona.html

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)

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 prioritized at work, so that the next time we have to build a tool, the user experience is more advanced than "text, text everywhere".

The project scope just kept growing, so here's my write up and some demo clips of where I got to.

If nothing else, am sure you'll enjoy the concept.

Comments URL: https://news.ycombinator.com/item?id=42828801

Points: 1

# Comments: 0

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.

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" ones -- those are pretty closed).

I might add some drawings to it since it looks pretty plain right now, but I have to (re)learn how to draw.

Comments URL: https://news.ycombinator.com/item?id=42581915

Points: 1

# Comments: 0

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 updates of multiple nodes / edges.

6. YAML / structured input, so you don't need a custom SDK / parser if you want to generate the data structure.

7. Interactivity is done using 100% CSS -- no scripts, no foreign element, so they should render in places that accept SVGs.

And some links:

- Previous thread: https://news.ycombinator.com/item?id=36825069

- Repo: https://github.com/azriel91/dot_ix

- Presentation I did at a meetup: https://youtu.be/JpoG_O3hJss

- Slides: https://peace.mk/book/learning_material/dot_ix_diagram_gener...

Other things that some people may care about:

1. Embedded VS Code (monaco) + rendered SVG in your browser, so you don't have to keep copy pasting between your text editor and your browser.

2. Interactively highlight relevant parts of the diagram, so you don't have visual clutter. Think of those whiteboard diagramming sessions where you have to "go back to that part before".

3. Styling is done via Tailwind classes, including animation.

4. It's written in Rust, with the intention of having a programmatic API so diagrams can be generated real time. Though this is a longer term goal for a different project.

5. The input model is kinda stable, but if you use this for your diagrams, it's best to save both the link (for future editing) + the output SVG (in case I change the input model). The compression is lz-string, though I half wonder if I should take compression away (easier to generate a link from other tools)

Comments URL: https://news.ycombinator.com/item?id=41482078

Points: 1

# Comments: 0

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

Comments URL: https://news.ycombinator.com/item?id=36825069

Points: 62

# Comments: 10

Comments URL: https://news.ycombinator.com/item?id=18374842

Points: 3

# Comments: 3