Write text, get a diagram. Update the text to update the diagram. Ideal for technical documentation. Generate any of the 20+ Mermaid.JS diagram types . Use mermaid.live for bigger diagrams.
Listing updated:25 Ρ„Π΅Π²Ρ€ΡƒΠ°Ρ€ΠΈ 2025β€―Π³.
Works with:
206Β Ρ…ΠΈΠ».+
ΠžΠ±Ρ‰ ΠΏΡ€Π΅Π³Π»Π΅Π΄
Write text, get a flow chart, a sequence diagram, a pie chart... The chart is inserted in your document or slide, and you can edit its text again afterward.

TIPS : 
- Use mermaid.live for bigger diagrams. This addon is made to maintain many small diagrams, not to generate giant ones.  
- Don't try to add icons, they won't work
- if your graph is very big use https://mermaid.live instead
- Keep the graph positioned in-line in your document, otherwise you won't be able to edit
- If you are logged in with multiple google accounts, this will only work with the "main" one
- all the mermaid charts should be supported, I update mermaid to the latest version from time to time
- if this app has any issue, your work isn't lost. Do a right click / "alt text" on a chart to see the mermaid source code, then edit your graph in https://mermaid.live 
- people without the add-on see the graphs, but cannot change their content.
- This uses mermaid 11 for rendering : https://mermaid.js.org
- there's a similar addon called "PlantUML Gizmo" that works in slide too, but uses a different rendering system and syntax, give it a try

This is ideal for technical documentation, where having up to dates graphs is more important than having pretty graphs. Only editing a few words here and there is very easy with this add-on.

Please keep in mind that this add-on is provided for free, I'm not making any money with it. Feel free to leave a review for this add-on so that more people get to use it. Reviews really motivate me to improve the add-on. 

The graphs are generated client side on your machine. The mermaid code and generated images are only seen by Google Docs and you, i don't even have access myself. There is no telemetry in this add-on. The code is open source and can be read on Github.  

Additional information
PricingΠ‘Π΅Π· ΠΏΠ°Ρ€ΠΈΡ‡Π½ΠΎ Π·Π°ΠΏΠ»Π°Ρ‰Π°Π½Π΅
Developer
ΠΠ΅Ρ‚ΡŠΡ€Π³ΠΎΠ²Π΅Ρ†
ДСкларация Π·Π° повСритСлност
ΠžΠ±Ρ‰ΠΈ условия
ПодаванС на сигналFlag as inappropriate
Mermaid - Diagramming and charting tool will ask for the permissions shown below. Learn more
Mermaid - Diagramming and charting tool will need access to your Google account
This will allow Mermaid - Diagramming and charting tool to :
ΠŸΡ€Π΅Π³Π»Π΅ΠΆΠ΄Π°ΠΉΡ‚Π΅ ΠΈ управлявайтС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΈ, Π² ΠΊΠΎΠΈΡ‚ΠΎ Π΅ Π±ΠΈΠ»ΠΎ инсталирано Ρ‚ΠΎΠ²Π° ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅
ПоказванС Π½Π° ΡƒΠ΅Π± ΡΡŠΠ΄ΡŠΡ€ΠΆΠ°Π½ΠΈΠ΅ Π½Π° Ρ‚Ρ€Π΅Ρ‚ΠΈ страни Π² ΠΏΠΎΠ΄ΠΊΠ°Π½ΠΈΡ‚Π΅ ΠΈ страничнитС Π»Π΅Π½Ρ‚ΠΈ Π² прилоТСнията Π½Π° Google
ΠŸΡ€Π΅Π³Π»Π΅ΠΆΠ΄Π° основния ΠΈΠΌΠ΅ΠΉΠ» адрСс Π·Π° ΠΏΡ€ΠΎΡ„ΠΈΠ»Π° Π²ΠΈ Π² Google
ΠŸΡ€Π΅Π³Π»Π΅ΠΆΠ΄Π° Π»ΠΈΡ‡Π½Π°Ρ‚Π° Π’ΠΈ информация, Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»Π½ΠΎ Ρ‚Π°Π·ΠΈ, която стС Π½Π°ΠΏΡ€Π°Π²ΠΈΠ»ΠΈ общСствСно Π΄ΠΎΡΡ‚ΡŠΠΏΠ½Π°
ΠžΡ‚Π·ΠΈΠ²ΠΈ
Language:
Π‘ΠΎΡ€Ρ‚ΠΈΡ€Π°Π½Π΅ ΠΏΠΎ:
Google Π½Π΅ ΠΏΠΎΡ‚Π²ΡŠΡ€ΠΆΠ΄Π°Π²Π° ΠΎΡ‚Π·ΠΈΠ²ΠΈΡ‚Π΅ ΠΈΠ»ΠΈ ΠΎΡ†Π΅Π½ΠΊΠΈΡ‚Π΅. НаучСтС ΠΏΠΎΠ²Π΅Ρ‡Π΅ Π·Π° ΠΎΡ‚Π·ΠΈΠ²ΠΈΡ‚Π΅
No comments
Π’ΡŠΡ€ΡΠ΅Π½Π΅
Π˜Π·Ρ‡ΠΈΡΡ‚Π²Π°Π½Π΅ Π½Π° Ρ‚ΡŠΡ€ΡΠ΅Π½Π΅Ρ‚ΠΎ
ЗатварянС Π½Π° Ρ‚ΡŠΡ€ΡΠ΅Π½Π΅Ρ‚ΠΎ
ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π½Π° Google
Π“Π»Π°Π²Π½ΠΎ мСню