Dynamically generate a diagram with PSWriteHtml and Universal Dashboard

DynamicPSWriteHtml.ps1

Import-Module PSWriteHTML

$DiagramPath = "$PSScriptRoot/pswritehtml"
$Folder = Publish-UDFolder -Path "$PSScriptRoot/pswritehtml" -RequestPath "/pswritehtml"
Start-UDDashboard -Dashboard (New-UDDashboard -Title 'Dashboard' -Content {

    New-UDInput -Title "Generate Diagram" -Endpoint {
        param($Color)

        New-HTML -TitleText 'My diagram' -UseCssLinks -UseJavaScriptLinks -FilePath $DiagramPath\diagram.html {
            New-HTMLPanel {
                New-HTMLDiagram {
                    New-DiagramNode -Label 'One node' -To 'Second node','Third node' -ColorBackground $Color
                    New-DiagramNode -Label 'Second node' -ColorBackground $Color
                    New-DiagramNode -Label 'Third node' -ColorBackground $Color
                }
            }
        }

        New-UDInputAction -Content {
            New-UDElement -Tag 'iframe' -Attributes @{
                style = @{
                    height = '100ch'
                    width = '100%'
                }
                src = "/pswritehtml/diagram.html" 
            } 
        }
    }
}) -Port 10000 -Force -PublishedFolder $Folder