# Sample Data (Try it yourself)

The following diagrams demonstrate how GRSMD renders Markdown and diagrams from user input.

## Class Diagram

**class_grsmd_rendering:**

```mermaid
classDiagram
    class User {
        +pasteMarkdown()
        +clickRender()
    }

    class Renderer {
        +render(markdown)
    }

    class DiagramRenderer {
        +renderMermaid()
        +renderPlantUML()
    }

    User --> Renderer : triggers
    Renderer --> DiagramRenderer : delegates
```

## Sequence Diagram

**sequence_grsmd_rendering:**

```mermaid
sequenceDiagram
    autonumber
    actor User
    participant UI
    participant Renderer
    participant DiagramRenderer

    User->>UI: Paste Markdown
    User->>UI: Click Render
    UI->>Renderer: render(markdown)
    Renderer->>DiagramRenderer: detect and render diagrams
    DiagramRenderer-->>Renderer: rendered output
    Renderer-->>UI: final HTML
    UI-->>User: Display result
```

## Code Block

**code_image.py:**
```python
# User action
markdown = "...markdown with mermaid..."

# UI layer
html = renderer.render(markdown)

# Core renderer
def render(markdown):
    render_markdown(markdown)
    render_diagrams(markdown)

# Diagram handling
def render_diagrams(markdown):
    if has_mermaid(markdown):
        render_mermaid()
    if has_plantuml(markdown) and user_consented():
        render_plantuml()
```