Skip to main content
Pinned Reply By Darbie

I am excited to share that Lucid has released the ability to create a diagram using mermaid code syntax! We support 8 different diagram types including: flowchart, sequence, class, state, C4, gantt, and entity relationship diagrams. Try it out for yourself or learn more here

You will still be able to create UML diagrams leveraging our UML markup features.

 

Comments

Ed C
August 27, 2023

Regarding ChatGPT and Mermaid charts.

Nicest thing about mermaid is that it's just plain old text so AI can generate it. 
The trick is to prompt the model with the right questions and double check syntax which is very poor at times.
I was experimenting with OpenAI API and started getting some great results (when it was free).
Calling the API from a script allows you to control the output and get better results.

You can try it using the following ChatGPT prompt:
Generate the correct mermaid syntax to represent the following sentence in a diagram. Please check the correct syntax for mermaid ClassDiagram. "The cat is in the car. The car is parked inside the garage which is attached to the house"

ChatGPT Returns:

classDiagram
  class Cat {
    -location: Car
  }

  class Car {
    -location: Garage
  }

  class Garage {
    -attachment: House
  }

  class House {
    // House properties and methods
  }

  Cat --> Car: is in
  Car --> Garage: is parked inside
  Garage --> House: attached to

 

Angelos P
August 28, 2023

Hello

 

I'd also like mermaid code support!

Lynn A
September 15, 2023

I also vote for mermaid support

Tyler L102
September 21, 2023

+1 for mermaid support 

Tom H103
October 1, 2023

My vote added for Mermaid Integration. GPT 4 can be tricked into portable code via matplotlib or graphx but Mermaid / C4 / Elixir integrations are all text friendly and easy for GPT to generate.

Micah
Lucid community team
October 2, 2023

Thanks for this additional context @tom h103!

Lucid product team
February 22, 2024

Hi everyone! I’m a Product Manager at Lucid and my team is exploring options for Mermaid support. I would love to talk to users who use Mermaid today to learn from you and build to your needs. If anyone here is open to a 30 minute conversation, please reply or like this post and I can reach out to you. Thank you!

April 21, 2024

I would love to see Mermaid support for process diagrams. Many tools can generate Mermaid code, and being able to bring those diagrams into Lucid for further editing would be awesome. If it could be bidirectional, that would be even better. I use Obsidian and being able to transfer some version of the Lucidchart as an editable diagram in Obsidian would be amazing.

I am open to further conversations about this feature.

April 25, 2024

It would be great if Lucidchart supported Mermaid (https://mermaid-js.github.io/mermaid/#/) for creation of UML Diagrams.

100% Agreed. I really need this for presenting diagrams in Lucidchart. Presenting them through Github is not exactly pretty. At this point most of the diagrams in the organizations we work with are generated through automation, and mermaid helps keep that up to date and dynamically updated. Lucidchart becomes a tool for presenting to executives and over meetings and lets us brainstorm together with ideas, changes, etc.

Lucidchart integration with Mermaid would make it more useful, and further integration with Github, with perhaps pointing to a repo to pick up the latest diagram would be a gamechanger. 

May 17, 2024

Hi everyone! I’m a Product Manager at Lucid and my team is exploring options for Mermaid support. I would love to talk to users who use Mermaid today to learn from you and build to your needs. If anyone here is open to a 30 minute conversation, please reply or like this post and I can reach out to you. Thank you!

Hi Chloe, let’s talk, if you’re still looking for input. If you let me know what info you’re looking for, I’ll gather it from my org’s team.