Home → Questions →

Rendering Mermaid

• Edit

ken

28 Feb, 2021 05:54 PM

I use Mermaid to render a lot of simple data visualization and while I can render them in Vuepress and with plugins to vs-code, it would be super nice if I could get them to work in Marked. I don't know if this is something others have tried or whether allowing an API like Mermaid's to be involved in the rendering step is a possibility but since I can see there are some capabilities to change the rendering workflow I figured I ask rather than just stay in my state of "want". :)

• 2021-02-28_09-52-40_(7).png 64.3 KB

1. 1 Posted by ken on 28 Feb, 2021 05:56 PM

   

   whoops, choose the wrong image to illustrate Mermaid's magic

   • 2021-02-28_09-52-40_(6).png 182 KB
   • Edit

2. Support Staff 2 Posted by Brett on 01 Mar, 2021 02:00 PM

   

   If you do a search for mermaid on these forums, you'll find a few
   discussions like this one:
   http://support.markedapp.com/discussions/questions/8184-mermaid-diagrams-in-documents

   The issue now is that Marked no longer does a full refresh when
   updating, so changes to the diagram are not re-rendered when the file
   changes. I'm working on adding a hook that external scripts can use to
   trigger a re-render, but it's not available yet. So if you implement
   something like a raw file include to import the script, it will function
   on first load, but will require a manual ⌘R to render again after file
   change.

   -Brett

   • Edit

3. 3 Posted by wlj on 16 Jan, 2022 04:20 PM

   

   hi,

   any update about this?
   i've downloaded Marked 2 especially to render big diagrams side by side.
   it's annoying to manual refresh because of no rendering.
   also there is no an "force auto refresh" option...

   Thanks

   • Edit