Diagram Designer

Diagram Editor

Edit JSON to create your diagram

{
    "elements": [
        {
            "id": "webhook",
            "title": "Webhook",
            "description": "Receive alerts",
            "type": "event",
            "next_elements": ["transform"],
            "details": "Webhook endpoint: /api/alerts\nSupported formats: JSON, XML\nAuthentication: API Key required\n\nThis webhook receives security alerts from various sources and validates their format before processing."
        },
        {
            "id": "transform",
            "title": "Transform",
            "description": "Extract threats",
            "type": "code execution",
            "next_elements": ["notify"],
            "details": "Transformation steps:\n1. Parse incoming data\n2. Extract IOCs (URLs, IPs, hashes)\n3. Normalize data format\n4. Enrich with basic metadata"
        },
        {
            "id": "notify",
            "title": "Notify Team",
            "description": "Send notifications",
            "type": "email",
            "next_elements": ["log"],
            "details": "Send email notifications to the security team"
        },
        {
            "id": "log",
            "title": "Audit Log",
            "description": "Record event",
            "type": "event",
            "next_elements": ["virustotal"],
            "details": "Log the event for audit purposes"
        },
        {
            "id": "virustotal",
            "title": "VirusTotal",
            "description": "Enrich data",
            "type": "HTTP request",
            "next_elements": [],
            "details": "Enrich data with VirusTotal information"
        }
    ]
}