digraph treatmentParametersDiagrom {
    bgcolor=lightgray
    margin=50

    // Prefix: q - Qt component, d - Diality componenet, i - image
    // Define the main componenets
    dSectionHeaderParameters    [shape=box,     label="TreatmentSectionHeader.qml\nRectangle",  fontsize="30pt"];
    dParametersHeaderLockButton [shape=box,     label="TreatmentSectionIcon.qml\nTouchRect",    fontsize="30pt"];
    dParametersHeaderEditButton [shape=box,     label="TreatmentSectionIcon.qml\nTouchRect",    fontsize="30pt"];
    dBloodFlowComponent         [shape=box,     label="TreatmentFlowsComponent.qml", fontsize="30pt"];
    dDialysateFlowComponent     [shape=box,     label="TreatmentFlowsComponent.qml", fontsize="30pt"];
    dDialysateTempComponent     [shape=box,     label="TreatmentFlowsComponent.qml", fontsize="30pt"];
    dDialysateCondComponent     [shape=box,     label="TreatmentFlowsComponent.qml", fontsize="30pt"];

    // screenshots
    iTreatmentFlows             [shape=none,    label="TreatmentSection.qml",   image="images/TreatmentFlows.png",              fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iParametersHeader           [shape=none,    label="",                       image="images/ParametersHeader.png",            fontcolor="#00FF21", fontsize="25pt", labelloc=t, imagescale=true];
    iParametersContent          [shape=none,    label="ContentArea.qml",        image="images/ParametersContent.png",           fontcolor="#00FF21", fontsize="25pt", labelloc=t, imagescale=true];
    iParametersEdit             [shape=none,    label="",                       image="images/edit.png",                        fontcolor="#00FF21", fontsize="25pt", labelloc=t, imagescale=true];
    iParametersLock             [shape=none,    label="",                       image="images/lock.png",                        fontcolor="#00FF21", fontsize="25pt", labelloc=t, imagescale=true];
    iBloodFlow                  [shape=none,    label="",                       image="images/BloodFlow.png",                   fontcolor="#00FF21", fontsize="25pt", labelloc=t, imagescale=true];
    iDialysateTemp              [shape=none,    label="",                       image="images/DialysateTemp.png",               fontcolor="#00FF21", fontsize="25pt", labelloc=t, imagescale=true];
    iDialysateFlow              [shape=none,    label="",                       image="images/DialysateFlow.png",               fontcolor="#00FF21", fontsize="25pt", labelloc=t, imagescale=true];
    iDialysateCond              [shape=none,    label="",                       image="images/DialysateCond.png",               fontcolor="#00FF21", fontsize="25pt", labelloc=t, imagescale=true];

    // qml types
    qParametersSection          [shape=ellipse, label="Rectangle",                              fontsize="30pt"];
    qParametersSectionTitle     [shape=ellipse, label="Text\n'Treatment Parameters'",           fontsize="30pt"];
    qParametersLockImage        [shape=ellipse, label="Image",                                  fontsize="30pt"];
    qParametersEditImage        [shape=ellipse, label="Image",                                  fontsize="30pt"];
    qParametersContentRow       [shape=ellipse, label="Row",                                    fontsize="30pt"];

    // Diagram Layout
    subgraph cluster_one {
        label="Parameters Treatment"
        fontsize="30pt"
        labeljust=l

        iTreatmentFlows -> qParametersSection[color="red"];

        qParametersSection -> dSectionHeaderParameters -> iParametersHeader;
        iParametersHeader -> qParametersSectionTitle;
        iParametersHeader -> dParametersHeaderLockButton -> qParametersLockImage -> iParametersLock;
        iParametersHeader -> dParametersHeaderEditButton -> qParametersEditImage -> iParametersEdit;

        qParametersSection -> iParametersContent -> qParametersContentRow;
        qParametersContentRow -> dBloodFlowComponent -> iBloodFlow;
        qParametersContentRow -> dDialysateFlowComponent -> iDialysateFlow;
        qParametersContentRow -> dDialysateTempComponent -> iDialysateTemp;
        qParametersContentRow -> dDialysateCondComponent -> iDialysateCond;
    }
}