WhaleTimeLines
Blogpost: https://blog.illestpreacha.com/napowrimogenmo2025timeline
#NaPoWriMo #NaPoGenMo #packetgraphs #creativewriting
For the 6th poem of NaPoWriMo/GenMo 2025, I decided to use Packet Graphs(Via #MermaidJS) as a way to construct the poems
---
title: "WhaleTimeLines"
---
packet-beta
0-15: "Reading Beyond the Lines"
16-31: "Sandwiched between the times"
32-40: "Covering the oceans floor"
41-50: "rippling through the waves"
51-95: "The oceans waves that pour"
96-108: "The waves as its flows through the core"
109-117: "Adds up more and more"
118-133: "As the whales they swim"
134-145: "Swim along the edges of their fins"
146-172: "ushering in the newer phase"
173-215: "phase into the pace"
216-255: "increments seen in the place"
Today's #emacs learning is that I can generate ERDs with #mermaidjs inside #orgmode
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
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.
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/)
I was today years old when I learned that #mermaidjs treats \n
and <br>
differently. In hindsight, yeah ... it makes perfect sense. But #til
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
Hello
Est ce que vous avez une #app #android qui permet de faire des #diagram ?
Même un truc simple qui permet d'éditer et de voir des #graph #mermaidjs ou autre format textuel.
Et si c'est possible d'intégrer cet outils avec des notes en #markdown ça serait énorme !!
Merci pour vos #boosts et réponses !
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
I've made a proposal for #mermaidjs #timingdiagram syntax. Would love a look and your opinions. I like using mermaidjs quite a bit because it's easy to embed in the web.
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.