flipboard.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Welcome to Flipboard on Mastodon. A place for our community of curators and enthusiasts to inform and inspire each other. If you'd like to join please request an invitation via the sign-up page.

Administered by:

Server stats:

1.2K
active users

#mermaidjs

1 post1 participant0 posts today
illestpreacha<p>WhaleTimeLines</p><p>Blogpost: <a href="https://blog.illestpreacha.com/napowrimogenmo2025timeline" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.illestpreacha.com/napowri</span><span class="invisible">mogenmo2025timeline</span></a></p><p><a href="https://post.lurk.org/tags/NaPoWriMo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NaPoWriMo</span></a> <a href="https://post.lurk.org/tags/NaPoGenMo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NaPoGenMo</span></a> <a href="https://post.lurk.org/tags/packetgraphs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>packetgraphs</span></a> <a href="https://post.lurk.org/tags/creativewriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>creativewriting</span></a> </p><p>For the 6th poem of NaPoWriMo/GenMo 2025, I decided to use Packet Graphs(Via <a href="https://post.lurk.org/tags/MermaidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJS</span></a>) as a way to construct the poems</p><p><a href="https://post.lurk.org/tags/Poetry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Poetry</span></a> </p><p>---<br>title: "WhaleTimeLines"<br>---<br>packet-beta<br> 0-15: "Reading Beyond the Lines"<br> 16-31: "Sandwiched between the times"<br> 32-40: "Covering the oceans floor"<br> 41-50: "rippling through the waves"<br> 51-95: "The oceans waves that pour"<br> 96-108: "The waves as its flows through the core"<br> 109-117: "Adds up more and more"<br> 118-133: "As the whales they swim"<br> 134-145: "Swim along the edges of their fins"<br> 146-172: "ushering in the newer phase"<br> 173-215: "phase into the pace"<br> 216-255: "increments seen in the place"</p><p><a href="https://post.lurk.org/tags/creativecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>creativecoding</span></a> <a href="https://post.lurk.org/tags/poetry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>poetry</span></a> <a href="https://post.lurk.org/tags/poem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>poem</span></a> <a href="https://post.lurk.org/tags/NaPoWriMo2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NaPoWriMo2025</span></a> <a href="https://post.lurk.org/tags/NaPoGenMo2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NaPoGenMo2025</span></a> <a href="https://post.lurk.org/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a></p>
Hacker News<p>I built an app to generate story relationships using Mermaidjs</p><p><a href="https://github.com/herol3oy/austen" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/herol3oy/austen</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/I" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>I</span></a> <a href="https://mastodon.social/tags/built" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>built</span></a> <a href="https://mastodon.social/tags/an" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>an</span></a> <a href="https://mastodon.social/tags/app" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>app</span></a> <a href="https://mastodon.social/tags/to" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>to</span></a> <a href="https://mastodon.social/tags/generate" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>generate</span></a> <a href="https://mastodon.social/tags/story" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>story</span></a> <a href="https://mastodon.social/tags/relationships" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>relationships</span></a> <a href="https://mastodon.social/tags/using" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>using</span></a> <a href="https://mastodon.social/tags/Mermaidjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Mermaidjs</span></a></p><p>mermaidjs <a href="https://mastodon.social/tags/app" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>app</span></a> <a href="https://mastodon.social/tags/development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>development</span></a> <a href="https://mastodon.social/tags/story" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>story</span></a> <a href="https://mastodon.social/tags/relationships" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>relationships</span></a> <a href="https://mastodon.social/tags/visualization" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>visualization</span></a></p>
Hacker News<p>Mermaid Chart VS Code Plugin: Mermaid.js Diagrams in Visual Studio Code</p><p><a href="https://docs.mermaidchart.com/blog/posts/mermaid-chart-vs-code-plugin-create-and-edit-mermaid-js-diagrams-in-visual-studio-code" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">docs.mermaidchart.com/blog/pos</span><span class="invisible">ts/mermaid-chart-vs-code-plugin-create-and-edit-mermaid-js-diagrams-in-visual-studio-code</span></a></p><p><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/MermaidChart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidChart</span></a> <a href="https://mastodon.social/tags/VSCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VSCode</span></a> <a href="https://mastodon.social/tags/Plugin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Plugin</span></a> <a href="https://mastodon.social/tags/MermaidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJS</span></a> <a href="https://mastodon.social/tags/Diagrams" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Diagrams</span></a> <a href="https://mastodon.social/tags/VisualStudioCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VisualStudioCode</span></a> <a href="https://mastodon.social/tags/CodingTools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodingTools</span></a></p>
Jacqui Read<p>I'm excited to be teaching my <a href="https://fosstodon.org/tags/DiagramsAsCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DiagramsAsCode</span></a> with <a href="https://fosstodon.org/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AI</span></a> workshop live and in-person at <a href="https://fosstodon.org/tags/GOTO" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GOTO</span></a> <a href="https://fosstodon.org/tags/Copenhagen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Copenhagen</span></a>! 🙌 </p><p>Join me to:<br>💡 Gain a grounding in <a href="https://fosstodon.org/tags/PlantUML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PlantUML</span></a>, <a href="https://fosstodon.org/tags/MermaidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJS</span></a>, and <a href="https://fosstodon.org/tags/Structurizr" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Structurizr</span></a><br>💡 Understand the tradeoffs of diagrams-as-code and models vs. standard diagrams<br>💡 Recognise the limitations and useful use cases of using diagrams-as-code with LLMs</p><p><a href="https://gotocph.com/2025/masterclasses/545/diagrams-as-code-with-ai?utm_source=Mastodon&amp;utm_medium=Social&amp;utm_campaign=professional&amp;id=CY1fU-wKcG" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">gotocph.com/2025/masterclasses</span><span class="invisible">/545/diagrams-as-code-with-ai?utm_source=Mastodon&amp;utm_medium=Social&amp;utm_campaign=professional&amp;id=CY1fU-wKcG</span></a></p><p><a href="https://fosstodon.org/tags/softwareDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>softwareDevelopment</span></a> <a href="https://fosstodon.org/tags/softwareDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>softwareDesign</span></a> <a href="https://fosstodon.org/tags/softwareArchitecture" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>softwareArchitecture</span></a> <a href="https://fosstodon.org/tags/software" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>software</span></a></p>
LavX News<p>Revolutionizing Code Documentation with AI-Generated Mermaid Diagrams</p><p>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...</p><p><a href="https://news.lavx.hu/article/revolutionizing-code-documentation-with-ai-generated-mermaid-diagrams" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">news.lavx.hu/article/revolutio</span><span class="invisible">nizing-code-documentation-with-ai-generated-mermaid-diagrams</span></a></p><p><a href="https://mastodon.cloud/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>news</span></a> <a href="https://mastodon.cloud/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tech</span></a> <a href="https://mastodon.cloud/tags/DevOps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DevOps</span></a> <a href="https://mastodon.cloud/tags/AIDocumentation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AIDocumentation</span></a> <a href="https://mastodon.cloud/tags/MermaidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJS</span></a></p>
Bruno Amaral<p>Create complex, visual diagrams with text. A smarter way of creating diagrams.</p><p><a href="https://www.mermaidchart.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">mermaidchart.com/</span><span class="invisible"></span></a><br><a href="https://mastodon.social/tags/charts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>charts</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/editor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>editor</span></a> <a href="https://mastodon.social/tags/mermaidjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaidjs</span></a> <a href="https://mastodon.social/tags/timeline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>timeline</span></a> <a href="https://mastodon.social/tags/tools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tools</span></a></p>
Leo Dion<p>I'm happy to have helped contribute <a href="https://c.im/tags/mermaidjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaidjs</span></a> support to <span class="h-card" translate="no"><a href="https://mas.to/@SwiftPackageIndex" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>SwiftPackageIndex</span></a></span> <br>Now we can display diagrams in our README using markdown<br>Thanks <span class="h-card" translate="no"><a href="https://mastodon.social/@daveverwer" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>daveverwer</span></a></span> <span class="h-card" translate="no"><a href="https://mastodon.social/@finestructure" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>finestructure</span></a></span><br>Check out my example here:<br><a href="https://swiftpackageindex.com/brightdigit/Sublimation" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">swiftpackageindex.com/brightdi</span><span class="invisible">git/Sublimation</span></a></p>
illestpreacha<p>SankeyPartition</p><p>Blogpost for More Images/Code : <a href="https://blog.illestpreacha.com/mathober2024partition" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.illestpreacha.com/mathobe</span><span class="invisible">r2024partition</span></a></p><p>Mathober made by <span class="h-card" translate="no"><a href="https://mathstodon.xyz/@fractalkitty" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>fractalkitty</span></a></span> <br><a href="https://post.lurk.org/tags/mathober" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mathober</span></a> <a href="https://post.lurk.org/tags/mathart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mathart</span></a> <a href="https://post.lurk.org/tags/mathober2024" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mathober2024</span></a> <a href="https://post.lurk.org/tags/mathober5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mathober5</span></a> <a href="https://post.lurk.org/tags/mathober30" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mathober30</span></a> <a href="https://post.lurk.org/tags/commutative" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>commutative</span></a> <a href="https://post.lurk.org/tags/partition" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>partition</span></a></p><p>For my fifth sketch of Mathober, Which is coded in <a href="https://post.lurk.org/tags/MermaidJs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJs</span></a>, 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 <a href="https://post.lurk.org/tags/Glitchlab" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Glitchlab</span></a>.</p><p><a href="https://post.lurk.org/tags/Poetry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Poetry</span></a></p><p>Partitioning the Connections<br>Connecting the Partitions<br>Commutative to the <br>As these numbers are a community </p><p><a href="https://post.lurk.org/tags/creativecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>creativecoding</span></a> <a href="https://post.lurk.org/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://post.lurk.org/tags/dataart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dataart</span></a><br><a href="https://post.lurk.org/tags/newmedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>newmedia</span></a> <a href="https://post.lurk.org/tags/diagram" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>diagram</span></a> <a href="https://post.lurk.org/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a></p>
A feral Natalie<p>I was today years old when I learned that <a href="https://infosec.exchange/tags/mermaidjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaidjs</span></a> treats <code>\n</code> and <code>&lt;br&gt;</code> differently. In hindsight, yeah ... it makes perfect sense. But <a href="https://infosec.exchange/tags/til" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>til</span></a></p>
Scott Galloway<p>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!)<br>https://www,mostlylucid.net/blog/switchingthemesformermaid<br><a href="https://hachyderm.io/tags/mermaidjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaidjs</span></a></p>
🌈 Lascapi ⁂<p>Hello 😊 <br>Est ce que vous avez une <a href="https://mastodon.zaclys.com/tags/app" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>app</span></a> <a href="https://mastodon.zaclys.com/tags/android" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>android</span></a> qui permet de faire des <a href="https://mastodon.zaclys.com/tags/diagram" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>diagram</span></a> ? </p><p>Même un truc simple qui permet d'éditer et de voir des <a href="https://mastodon.zaclys.com/tags/graph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>graph</span></a> <a href="https://mastodon.zaclys.com/tags/mermaidjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaidjs</span></a> ou autre format textuel. </p><p>Et si c'est possible d'intégrer cet outils avec des notes en <a href="https://mastodon.zaclys.com/tags/markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>markdown</span></a> ça serait énorme !! 🤗🤗🤗</p><p>Merci pour vos <a href="https://mastodon.zaclys.com/tags/boosts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>boosts</span></a> et réponses ! 😌</p>
Scott Galloway<p>Fourth post since I last slept (heading for bed now!)<br>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:<br><a href="https://www.mostlylucid.net/blog/switchingthemesformermaid" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">mostlylucid.net/blog/switching</span><span class="invisible">themesformermaid</span></a><br><a href="https://hachyderm.io/tags/markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>markdown</span></a> <a href="https://hachyderm.io/tags/mermaidjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaidjs</span></a></p>
Joe B<p>I've made a proposal for <a href="https://hachyderm.io/tags/mermaidjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaidjs</span></a> <a href="https://hachyderm.io/tags/timingdiagram" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>timingdiagram</span></a> syntax. Would love a look and your opinions. I like using mermaidjs quite a bit because it's easy to embed in the web.</p><p><a href="https://github.com/mermaid-js/mermaid/issues/1239" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/mermaid-js/mermaid/</span><span class="invisible">issues/1239</span></a></p>
🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<p>Mermaid diagram syntax is a low-key very useful skill to have as a software developer.</p><p><a href="https://mastodon.social/tags/mermaid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaid</span></a> <a href="https://mastodon.social/tags/developer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>developer</span></a> <a href="https://mastodon.social/tags/softwaredevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>softwaredevelopment</span></a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/diagram" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>diagram</span></a> <a href="https://mastodon.social/tags/mermaidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaidJS</span></a> <a href="https://mastodon.social/tags/flowcharts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>flowcharts</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/technology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>technology</span></a> <a href="https://mastodon.social/tags/markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>markdown</span></a></p>
CryptPad Design🔬 🔭 ICYMI our new R&amp;D website CryptPad Blueprints has a cute roadmap on the homepage. It is a Mermaid.js flowchart created dynamically from the content of the 11ty static website 💅 <a href="https://blueprints.cryptpad.org/" rel="nofollow noopener noreferrer" target="_blank">https://blueprints.cryptpad.org/</a><br> <br> <a href="https://pixelfed.social/discover/tags/11ty?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://pixelfed.social/discover/tags/mermaidjs?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#mermaidjs</a> <a href="https://pixelfed.social/discover/tags/diagram?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#diagram</a> <a href="https://pixelfed.social/discover/tags/cryptography?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#cryptography</a>
SystemZ<p><span class="h-card" translate="no"><a href="https://mas.to/@obsidian" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>obsidian</span></a></span> Great news! I love both <a href="https://social.systemz.pl/tags/Obsidian" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Obsidian</span></a> and <a href="https://social.systemz.pl/tags/MermaidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJS</span></a>.<br>Now I can use Canvas to create mindmap fast and easily convert it to use it elsewhere like on blog 😎<br><a href="https://alexwiench.github.io/json-canvas-to-mermaid-demo/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">alexwiench.github.io/json-canv</span><span class="invisible">as-to-mermaid-demo/</span></a></p>
F0rm4t<p>No cybersecurity and genAI in this post, just a bit of coding. 😉 </p><p>𝐌𝐞𝐫𝐦𝐚𝐢𝐝.𝐥𝐢𝐯𝐞 𝐂𝐨𝐝𝐞 𝐑𝐞𝐧𝐝𝐞𝐫𝐞𝐫: <a href="https://encode-mermaid-diagram.streamlit.app/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">encode-mermaid-diagram.streaml</span><span class="invisible">it.app/</span></a></p><p>🚀 I've just developed a Streamlit app that takes input in Mermaid.js code and outputs a rendered link for mermaid.live. </p><p>This functionality enables users to seamlessly edit their code, addressing any errors or dynamically modifying the diagram as needed. I believe this tool could be useful for those working with Mermaid charts.</p><p>Feel free to check it out and see how it can streamline your workflow! </p><p>Read more:</p><p><a href="https://medium.com/@antonio.formato/mermaid-live-code-renderer-with-python-2e8cb677e963" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">medium.com/@antonio.formato/me</span><span class="invisible">rmaid-live-code-renderer-with-python-2e8cb677e963</span></a></p><p>Spoiler: soon this will be an integrated feature in 𝐓𝐈 𝐌𝐢𝐧𝐝𝐦𝐚𝐩: <a href="https://ti-mindmap-gpt.streamlit.app/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ti-mindmap-gpt.streamlit.app/</span><span class="invisible"></span></a> 📊✨</p><p><a href="https://infosec.exchange/tags/Streamlit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Streamlit</span></a> <a href="https://infosec.exchange/tags/MermaidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJS</span></a> <a href="https://infosec.exchange/tags/DataVisualization" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DataVisualization</span></a> <a href="https://infosec.exchange/tags/pyhton" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pyhton</span></a> <a href="https://infosec.exchange/tags/mermaid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaid</span></a> <a href="https://infosec.exchange/tags/timindmap" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>timindmap</span></a> <a href="https://infosec.exchange/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a></p>
Vint Prox<p>I'm still not out of the rabbit hole of searching for an <a href="https://techhub.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSource</span></a> <a href="https://techhub.social/tags/PersonalKnowledgeManagement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PersonalKnowledgeManagement</span></a> software. 🐰</p><p>I'm gonna give a second try to <span class="h-card" translate="no"><a href="https://fosstodon.org/@zettlr" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>zettlr</span></a></span> tomorrow! Their docs are *surprisingly* user-friendly and they claim to stick to the pure <a href="https://techhub.social/tags/CommonMark" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CommonMark</span></a> where probable. It's all the while being nice to researchers with citing, inline usage of <a href="https://techhub.social/tags/LaTeX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LaTeX</span></a>, <a href="https://techhub.social/tags/MermaidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJS</span></a>, and pop-over <a href="https://techhub.social/tags/footnotes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>footnotes</span></a>. Provision of the simple <a href="https://techhub.social/tags/PDF" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PDF</span></a> export and <a href="https://techhub.social/tags/Pandoc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Pandoc</span></a> customization are welcome, too!</p><p>But, to be fair, I may be overexaggerating how good <a href="https://techhub.social/tags/Zettlr" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Zettlr</span></a> is because of my recent disgust with <a href="https://techhub.social/tags/VendorLocking" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VendorLocking</span></a>. In fact, almost anything that closely follows the common spec and is <a href="https://techhub.social/tags/FreeSoftware" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FreeSoftware</span></a> might suffice already. Having something as advanced and closer to the roots is certainly a breath of fresh air!</p><p><a href="https://techhub.social/tags/Markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Markdown</span></a> <a href="https://techhub.social/tags/zettelkasten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>zettelkasten</span></a> <a href="https://techhub.social/tags/authoring" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>authoring</span></a> <a href="https://techhub.social/tags/Zettlr" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Zettlr</span></a> <a href="https://techhub.social/tags/ReferenceManager" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ReferenceManager</span></a> <a href="https://techhub.social/tags/ReferenceManagers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ReferenceManagers</span></a> <a href="https://techhub.social/tags/PKM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PKM</span></a> <a href="https://techhub.social/tags/NoteTaking" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NoteTaking</span></a> <a href="https://techhub.social/tags/NoteTakingApp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NoteTakingApp</span></a> <a href="https://techhub.social/tags/NoteTakingApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NoteTakingApps</span></a> <a href="https://techhub.social/tags/KaTeX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>KaTeX</span></a> <a href="https://techhub.social/tags/frontmatter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontmatter</span></a> <a href="https://techhub.social/tags/Obsidian" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Obsidian</span></a> <a href="https://techhub.social/tags/Logseq" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Logseq</span></a> <a href="https://techhub.social/tags/Anytype" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Anytype</span></a> <a href="https://techhub.social/tags/Notion" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Notion</span></a> <a href="https://techhub.social/tags/VendorLock" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VendorLock</span></a> <a href="https://techhub.social/tags/VendorLockIn" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VendorLockIn</span></a> <a href="https://techhub.social/tags/FOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FOSS</span></a> <a href="https://techhub.social/tags/FLOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FLOSS</span></a></p>
Mohit Sindhwani<p>Am I the only one who finds <a href="https://ruby.social/tags/MermaidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJS</span></a> very powerful but the diagrams a bit ugly? Are there some examples of real pretty diagrams/ themes that people use? Any references/ sites?</p><p>Ref: <a href="https://ruby.social/tags/Structurizr" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Structurizr</span></a> pics are really pretty out of the box<br>Disclaimer: Mermaid Newbie</p><p><a href="https://ruby.social/tags/DiagramsAsCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DiagramsAsCode</span></a></p>
RehtiNiko<p>I believe <a href="https://masto.ai/tags/mermaidjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaidjs</span></a> is not a new thing, but I only learned about it this year. I quite much like it and use it in both work and peronal projects.</p><p><a href="https://mermaid.js.org/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">mermaid.js.org/</span><span class="invisible"></span></a></p>