hachyderm.io is one of the many independent Mastodon servers you can use to participate in the fediverse.
Hachyderm is a safe space, LGBTQIA+ and BLM, primarily comprised of tech industry professionals world wide. Note that many non-user account types have restrictions - please see our About page.

Administered by:

Server stats:

8.9K
active users

#mermaidjs

1 post1 participant0 posts today

WhaleTimeLines

Blogpost: blog.illestpreacha.com/napowri

#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

#Poetry

---
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"

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

gotocph.com/2025/masterclasses

MindsetofABranch

Video: youtu.be/ChWW-83sTSM

Submission for #WCCChallenge #Branching

Blogpost: blog.illestpreacha.com/wcccbra

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

youtu.be- YouTubeEnjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.

SankeyPartition

Blogpost for More Images/Code : blog.illestpreacha.com/mathobe

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

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!)
mostlylucid.net/blog/switching

www.mostlylucid.netSwitching Themes for Mermaid (Updated) (English)Scott Galloway is a lead developer and software engineer with a passion for building web applications.

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:
mostlylucid.net/blog/switching

www.mostlylucid.netSwitching Themes for Mermaid (English)Scott Galloway is a lead developer and software engineer with a passion for building web applications.

CityMappingGlitches

#wccchallenge #citymap #livecoding

Video youtu.be/2TCuHTj5cSY

Blog blog.illestpreacha.com/wccccit

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

www.youtube.com - YouTubeAuf YouTube findest du die angesagtesten Videos und Tracks. Außerdem kannst du eigene Inhalte hochladen und mit Freunden oder gleich der ganzen Welt teilen.