Solved

Diagram from markdown code

4 replies
2852 views
Translate All

Hi,

I need to generate dinamically web pages from my application, in order to show diagrams.
My application is able to generate markdown code and, until now, I obtain the web page and the diagram using mermaid library.

For example: my web page contain the following source:

<html>
<head>
<title>Schemi funzionali - Flow chart </title>
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
<meta charset="UTF-8">
</head>
<body>
<div class='mermaid'>
graph TD
A -->B
</div>
</body>
</html>

The question is: it'is possible to obtain the same thing using Lucidchart lybraries, without the need to connect to the site https://www.lucidchart.com and make the diagram from scratch?

Thanks in advance and best regards

D

DarbieAnswer

Lucidite

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 as well!

Flavia D

Lucid support team

Hi Giuseppe,

Thanks for posting in the community! You can create a sequence diagram from UML markup in Lucidchart by using our “UML” shape library. Please check out the following resources to learn more about this feature and see if it’s a good fit for your use case:

Create a sequence diagram with UML markup in Lucidchart (Help Center article)
UML class diagrams (video tutorial)

Hope this helps!

Translate

C

Chloe

Lucid product team

Hi @Giuseppe! I’m on the product team here at Lucid and am actively investigating some features that may help your use case. If you’d be interested in meeting with me to discuss, I’d love to learn from you!

Let me know if you’re up for it and we can send more info to the email associated with your account. Thanks!

Translate

D

DarbieAnswer

Lucidite

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 as well!

Translate

Ambar D

Lucid community team

Jumping in this thread to share an exciting update -

You can now generate editable Lucid shapes from your Mermaid syntax! 🎉 Copy your syntax and paste it into your Lucid document. The result will be native, editable shapes that you can format and move around freely!

Learn more about this update here:

Do you have additional feedback? Let us know what you’d like to see in this post:

Translate

Create an account in the community

Log in to the community