instaui-mermaid

📖 Introduction

instaui-mermaid is a Python package for generating mermaid diagrams in InstaUI. It is a part of the InstaUI project, which is a Python-based UI library for rapidly building user interfaces.

🚀Installation

pip install instaui-mermaid instaui[web]

uv add instaui-mermaid instaui[web] 

📚Usage

from instaui_mermaid import Mermaid
from instaui import ui

@ui.page("/")
def index():
    graph = r"""
    graph TD
    a --> b
"""
    # ui
    Mermaid(graph)

ui.server(debug=True).run()

Dynamic graph:

from instaui_mermaid import Mermaid
from instaui import ui, html


@ui.page("/")
def index():
    themes = ["default", "neutral", "dark", "forest", "base"]
    theme = ui.state(themes[0])

    graph = ui.str_format(
        r"""
---
config:
  theme: {theme}
---
    graph TD
    a --> b
""",
        theme=theme,
    )

    # ui
    html.select.from_list(themes, value = theme)
    Mermaid(graph)

ui.server(debug=True).run()