I built an app to generate story relationships using Mermaidjs

https://github.com/herol3oy/austen

#HackerNews #I #built #an #app #to #generate #story #relationships #using #Mermaidjs

mermaidjs #app #development #story #relationships #visualization

Today's #emacs learning is that I can generate ERDs with #mermaidjs inside #orgmode

Mermaid Chart VS Code Plugin: Mermaid.js Diagrams in Visual Studio Code

https://docs.mermaidchart.com/blog/posts/mermaid-chart-vs-code-plugin-create-and-edit-mermaid-js-diagrams-in-visual-studio-code

As a very visual person, I *really* like outputting mermaid diagrams to the console as a means of sanity checking the output or intermediate steps of my python code when processing/working with models & graph-related stuff. Then copy to mermaid\.live

LLMs these days can often help with a rough draft, but if you're not willing to dig in a bit to the mermaid syntax (which differs between diagram types and has some oddities) you're probably going to have a bad time.

I'm excited to be teaching my #DiagramsAsCode with #AI workshop live and in-person at #GOTO #Copenhagen!

Join me to:
Gain a grounding in #PlantUML, #MermaidJS, and #Structurizr
Understand the tradeoffs of diagrams-as-code and models vs. standard diagrams
Recognise the limitations and useful use cases of using diagrams-as-code with LLMs

https://gotocph.com/2025/masterclasses/545/diagrams-as-code-with-ai?utm_source=Mastodon&utm_medium=Social&utm_campaign=professional&id=CY1fU-wKcG

Revolutionizing Code Documentation with AI-Generated Mermaid Diagrams

Imagine a world where your code's complexity is transformed into easily digestible diagrams at the click of a button. With AI-powered Mermaid.js diagrams, software engineers can streamline documentati...

https://news.lavx.hu/article/revolutionizing-code-documentation-with-ai-generated-mermaid-diagrams

Create complex, visual diagrams with text. A smarter way of creating diagrams.

https://www.mermaidchart.com/
#charts #code #editor #mermaidjs #timeline #tools

I'm happy to have helped contribute #mermaidjs support to @SwiftPackageIndex
Now we can display diagrams in our README using markdown
Thanks @daveverwer @finestructure
Check out my example here:
https://swiftpackageindex.com/brightdigit/Sublimation

If you're doing sequence diagrams and considering to use #MermaidJS, here are a couple of posts that will help:
* Migrating from #WebSequenceDiagrams to MermaidJS: https://notepad.onghu.com/2024/migrating-web-sequence-diagrams-to-mermaid/
* Making MermaidJS Sequence Diagrams prettier (Part 1): https://notepad.onghu.com/2024/making-mermaid-sequence-diagrams-prettier-part1/

MindsetofABranch

Video: https://youtu.be/ChWW-83sTSM

Submission for #WCCChallenge #Branching

Blogpost: https://blog.illestpreacha.com/wcccbranching

For this week's Creative Code Challenge by @sableraph : "Branching", MindsetofABranch takes the git branching graph from #mermaidjs and shows the pixelated and chaotic process that can occur through ideation with #Hydravideosynth @hydra oplap.org The sound that ties this branching progress is a remix coded composition in #Limut

Poem

When process emerge
Which ones float above the progress?
And which ones makes the ideas submerge
What idea stays on the branch
And sprouts it leaves
Which idea alienates the rest,
And minimise the ability
For the idea to breathe?
Pixelated thoughts
Might happen more, might happen a lot?

#creativecoding #coding #soundscape #worldbuilding
#newmedia #scifi #animation #grap

SankeyPartition

Blogpost for More Images/Code : https://blog.illestpreacha.com/mathober2024partition

Mathober made by @fractalkitty
#mathober #mathart #mathober2024 #mathober5 #mathober30 #commutative #partition

For my fifth sketch of Mathober, Which is coded in #MermaidJs, SankeyPartition will be using the 5th prompt of Mathober 2024: Integer Partition and 30th prompt: Commutative. This is done through the Sankey Diagram, where each curve is representing a different partition that is commutative and additional glitching is created with #Glitchlab.

#Poetry

Partitioning the Connections
Connecting the Partitions
Commutative to the
As these numbers are a community

#creativecoding #coding #dataart
#newmedia #diagram #animation

Drowning in complex dependency relationships? Learn how to visualize your Swift dependencies.

https://dandylyons.github.io/posts/swift-dependency-graph-visualization/ https://dandylyons.github.io/posts/swift-dependency-graph-visualization/

Leggi il mio nuovo articolo su Linux/hub

#howtodev - Diagrammi con mermaidjs - Introduzione
(https://linuxhub.it/articles/howtodev-mermaidjs-pt1/)

Article update tonight; finally got to the bottom of my MDE Theme Switcher issues. Essentially mermaid.js ALWAYS reprocesses on Load unless you explicitly disable it. Now FULLY WORKING! (it worked previously with htmx:afterSwap but not on page load...took a WHILE and looking at mermaid.js source to figure it out!)
https://www.mostlylucid.net/blog/switchingthemesformermaid
#mermaidjs

Fourth post since I last slept (heading for bed now!)
This is just documenting an issue I had and how I solved it' I use Mermaid.js for Diagrams but it doesn't have built in support for Theme Switching. So I dug around, found one that almost worked and made it work:
https://www.mostlylucid.net/blog/switchingthemesformermaid
#markdown #mermaidjs

CityMappingGlitches

#wccchallenge #citymap #livecoding

Video https://youtu.be/2TCuHTj5cSY

Blog https://blog.illestpreacha.com/wccccitymap

For this week's Creative Code challenge by @sableRaph:"City Map” , CityMappingGltch is coded in #Python #MermaidJs, #Hydravideosynth @hydra & #bytebeat

The visuals are representing a city map that is being built with glitches embedded in the system and the audio showcases the effort that is put in to fix such issues

Poem

Building a city
Mapping the roadways
Glitching the pathways , each day
To the edges that make the bay
This structure may be a bit dizzy
May need a whole new committee
But maybe
This what you need
When building a city

#creativecoding #coding #soundscape #worldbuilding
#scifi #animation #colorfull #structure

Mermaid diagram syntax is a low-key very useful skill to have as a software developer.

In order to understand #Islandora architecture diagram I had to make my own, and I would now like a #MermaidJS theme which displays items as if pinned to a corkboard wall, with red yarn connecting the nodes.

The proper diagram: https://islandora.github.io/documentation/technical-documentation/diagram/

Input welcome, trying to understand a complex system!

I'm still not out of the rabbit hole of searching for an #OpenSource #PersonalKnowledgeManagement software.

I'm gonna give a second try to @zettlr tomorrow! Their docs are *surprisingly* user-friendly and they claim to stick to the pure #CommonMark where probable. It's all the while being nice to researchers with citing, inline usage of #TeXLaTeX, #MermaidJS, and pop-over #footnotes. Provision of the simple #PDF export and #Pandoc customization are welcome, too!

But, to be fair, I may be overexaggerating how good #Zettlr is because of my recent disgust with #VendorLocking. In fact, almost anything that closely follows the common spec and is #FreeSoftware might suffice already. Having something as advanced and closer to the roots is certainly refreshing!