Berhasil

Graphviz Studio | Powered by Viz.js Engine

DOT Editor

digraph SistemOtomasi {
    // Pengaturan Gaya Global untuk Graphviz
    rankdir=LR; // Kiri ke Kanan
    node [shape=box, style="filled,rounded", color="#00cc66", fontcolor=white, fontname="Poppins, sans-serif", fontsize=12];
    edge [color="#1d6b4b", penwidth=2, fontname="Poppins, sans-serif", fontsize=10];
    
    // Blok Area Lapangan
    subgraph cluster_field {
        label="Area Lapangan";
        style=filled;
        color="#e0f2e9";
        fontcolor="#1a4a38";
        S1 [label="Sensor Suhu\n(Analog)"];
        S2 [label="Level Switch\n(Digital)"];
        M1 [label="Motor Pompa"];
    }

// Blok Panel Kontrol
    subgraph cluster_control {
        label="Panel Kontrol";
        style=filled;
        color="#cce6d8";
        fontcolor="#1a4a38";
        PLC [label="PLC Siemens\n(TIA Portal)"];
    }

// Blok Pusat Monitoring & Data
    subgraph cluster_monitoring {
        label="Sistem IT / Monitoring";
        style=filled;
        color="#b3d9c6";
        fontcolor="#1a4a38";
        SCADA [label="HMI / SCADA\n(WinCC Unified)"];
        Mid [label="C# Middleware API"];
        DB [label="Database\n(SQLite / MySQL)", shape=cylinder];
    }

// Alur Komunikasi Listrik/Fisik
    S1 -> PLC [label=" 4-20mA"];
    S2 -> PLC [label=" 24V DC"];
    PLC -> M1 [label=" Kontrol Relay"];
    
    // Alur Komunikasi Jaringan
    PLC -> SCADA [label=" OPC UA", dir=both, color="#ff007f", style=dashed];
    SCADA -> Mid [label=" REST API", dir=both];
    Mid -> DB [label=" Query (Read/Write)", dir=both];
}

Live Preview

Syntax Error! Cek kembali kode Anda.