Feed
Discussions

MermaidJS

MermaidJS

#mermaidjs

0 followers·13 articles

MermaidJS

#mermaidjs·0 followers·13 articles

MermaidJS

Changelog

New steps component and improved accessibility on Hashnode's blog and docs product.

Nov 05, 2024·

new

Trending Articles

🛍️ Bion: The App That Pays You Crypto Just for Shopping (No Strings Attached)

Ekemini David ·19 reads

Stonfi amd TON wallet effecting US

Wissy Ak·28 reads

From HODLing to Living — How Bion is Unlocking Real-World Utility for Your Crypto

Edimavouge·22 reads

Top commenters this week

1 -

Anik Sikder

Jaime David

nandini

Leah Grant

Writing Challenges

#2Articles1Week Challenge

Become better at technical writing; accept Hashnode's writing challenge for four weeks.

#2Articles1Week Challenge

#WomenWhoTech

Share your story, achievements, or experiences as a woman, non-binary folk in tech or as a #WomenWhoTech ally!

#WomenWhoTech

Self Starter

Publish your first article on Hashnode and become a self starter!

Self Starter

Serial Blogger

Publish an article every day for 7 days and earn a cool serial blogger badge!

Serial Blogger

Talk of the town

Write a story that drives amazing engagement on Hashnode and become the talk of the town!

Talk of the town

Word Warrior

Write an in-depth article on your Hashnode blog that's more than 2000 words and become a word warrior!

Word Warrior

Anjeli Pancholi

Anjeli Pancholi

anjeli.hashnode.dev·Aug 07, 2025

Aug 07, 2025

Visualizing Cybersecurity Attack Flows with Mermaid Diagrams

As I continue my journey into cybersecurity and digital forensics, I've found that clear visualizations are essential for understanding complex processes like network attacks. Recently, I started exploring Mermaid, a markdown-friendly tool that allow...

Discuss·2 reads

Max Comperatore

Max Comperatore

maxcomperatore.hashnode.dev·Jan 26, 2025

Jan 26, 2025

Architecting Cloud-Native Apps with AI

In today's rapidly evolving tech landscape, designing complex cloud-native architectures has become a fundamental skill for developers and solution architects. But creating these visualizations manually can be time-consuming and tedious. What if you ...

Architecting Cloud-Native Apps with AI

Discuss·49 reads

Cloud Computing

Kristofer Koishigawa

Kristofer Koishigawa

testkriskoishigawa.hashnode.dev·Nov 19, 2024

Nov 19, 2024

Mermaid Test

Coding can be intense. Especially when you are knee-deep in debugging or trying to map complex projects. For many developers — novice and pros alike — it is not uncommon to spend hours staring at code, looking for answers that won’t come. You have tr...

Discuss·7 reads

GreenFlux

greenflux.hashnode.dev·Aug 25, 2024

Aug 25, 2024

Creating a Google Sheets Sidebar with MermaidJS Charts

Google Sheets has a ton of different chart types built-in, but there are a few types missing like Class, Sequence and Sankey diagrams, to name a few. When it comes to these types of charts, you usually have to export your sheets data to another tool,...

Creating a Google Sheets Sidebar with MermaidJS Charts

Discuss·461 reads

Google Apps Script

Bernice Choy

bernicecpz.hashnode.dev·Jul 31, 2024

Jul 31, 2024

[DH] Converting Mermaid Diagrams to Image with mermaid-cli

Overview I usually work on upcoming Hashnode articles on my local machine in Markdown. And I am a big fan in using Mermaid.js diagrams to illustrate workflows in the form of flowcharts and other available format. Hashnode editor currently do not supp...

[DH] Converting Mermaid Diagrams to Image with mermaid-cli

Discuss·3767 reads

Documentation Habits

Joe Ngo

devkata.joergeous.one·Jun 12, 2024

Jun 12, 2024

Installing Mermaid CLI on Ubuntu VM

Make sure to pick x86-64 VM as Puppeteer, which mermaid-cli is dependent on, is not available for ARM processors. (Reference) Dependencies To successfully run Mermaid CLI, you need to install several dependencies that Puppeteer relies on. Execute the...

Installing Mermaid CLI on Ubuntu VM

Discuss·193 reads

Kofi / Illestpreacha

Kofi / Illestpreacha

blog.illestpreacha.com·Apr 02, 2024

Apr 02, 2024

NaPoWriMo x NaPoGenMo 2024 - Day 2: Tanka

ScrollingWords For the second day of NaPoWriMo/NaPoGenMo 2024, Coded with Mermaid.Js, SonicPi & Hydra(and some extra effects), the poem is a scrolling Tanka. Tankas are poems that follow the following syllable count: 5,7,5,7,7 Tanka Poem Can You Hear...

NaPoWriMo x NaPoGenMo 2024 - Day 2: Tanka

Discuss·13 reads

NaPoGenMo X NaPoWriMo 2024

T J Goutham

js-dev-snippets.hashnode.dev·Feb 23, 2024

Feb 23, 2024

The Proficiency of Sequence Diagrams in Software Engineering.

Greetings, Welcome to my 1st Hashnode blog, I am Goutham T J, a Software Engineer hailing from India, South Asia. In the realm of Artificial Intelligence, various tools such as Github Copilot and ChatGPT have emerged to streamline coding and debuggin...

The Proficiency of Sequence Diagrams in Software Engineering.

Discuss·2 likes·46 reads

software development

Devendra Sahu

devendrasahu.hashnode.dev·Jan 08, 2024

Jan 08, 2024

From Words to Flowcharts: Unlocking ChatGPT's Creative Power with Mermaid.js

Flowcharts are invaluable tools for visualizing processes, decision trees, and workflows. Traditionally, creating flowcharts involved using specialized software or drawing tools. However, with the rise of Mermaid.js, a JavaScript library for generati...

From Words to Flowcharts: Unlocking ChatGPT's Creative Power with Mermaid.js

Discuss·52 reads

Opaluwa Emidowojo

Opaluwa Emidowojo

tech-on-diapers.hashnode.dev·Dec 25, 2023

Dec 25, 2023

Creating a Simple Flowchart with Mermaid.js

Introduction Regarding software development and technical documentation, having clear visual aids like flowcharts is crucial for grasping various processes like deployment and logical architecture. One handy tool for this is Mermaid.js, a JavaScript ...

Creating a Simple Flowchart with Mermaid.js

Discuss·20 likes·90 reads