digraph right {
    bgcolor=lightgray
    margin=50
    ordering=out; 

    // Prefix: q - Qt component, d - Diality component, i - image       
    // Define the main componenets      
    dQRCode                         [shape=box,     label="LabelUnitContainer.qml\nRectangle",                                                  fontsize="30pt"];
    dQRCodeContent                  [shape=box,     label="QRCode.qml\nvTreatmentCreate.txCode",                                                fontsize="30pt"];
    dAcidConcentrate                [shape=box,     label="LabelUnitContainer.qml\nRectangle",                                                  fontsize="30pt"];
    dAcidConcentrateContent         [shape=box,     label="ContentArea.qml\nBaseComboBox.qml\nvTreatmentCreate.acidConcentrate",                fontsize="30pt"];
    dBicarbonate                    [shape=box,     label="LabelUnitContainer.qml\nRectangle",                                                  fontsize="30pt"];
    dBicarbonateContent             [shape=box,     label="ContentArea.qml\nBaseComboBox.qml\nvTreatmentCreate.bicarbonateConcentrate",         fontsize="30pt"];
    dDialyzer                       [shape=box,     label="LabelUnitContainer.qml\nRectangle",                                                  fontsize="30pt"];
    dDialyzerContent                [shape=box,     label="ContentArea.qml\nBaseComboBox.qml\nvTreatmentCreate.dialyzerType",                   fontsize="30pt"];
    dDialysateTemp                  [shape=box,     label="LabelUnitContainer.qml\nRectangle",                                                  fontsize="30pt"];
    dDialysateTempContent           [shape=box,     label="ContentArea.qml\nBaseComboBox.qml\nvTreatmentCreate.dialysateTemp",                  fontsize="30pt"];
    dSalineBolusVolume              [shape=box,     label="LabelUnitContainer.qml\nRectangle",                                                  fontsize="30pt"];
    dSalineBolusVolumeContent       [shape=box,     label="ContentArea.qml\nBaseComboBox.qml\nvTreatmentCreate.salineBolusVolume",              fontsize="30pt"];
    dBPMeasurementInterval          [shape=box,     label="LabelUnitContainer.qml\nRectangle",                                                  fontsize="30pt"];
    dBPMeasurementIntervalContent   [shape=box,     label="ContentArea.qml\nBaseComboBox.qml\nvTreatmentCreate.bloodPressureMeasureInterval",   fontsize="30pt"];

    // screenshots
    iRightColumn                    [shape=none,    label="",   image="images/rightColumn.png",                 fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iQRCode                         [shape=none,    label="",   image="images/QRCodeRow.png",                   fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iQRCodeText                     [shape=none,    label="",   image="images/QRCodeText.png",                  fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iQRCodeContent                  [shape=none,    label="",   image="images/QRCode.png",                      fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iAcidConcentrate                [shape=none,    label="",   image="images/AcidConcentrate.png",             fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iAcidConcentrateText            [shape=none,    label="",   image="images/AcidConcentrateText.png",         fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iAcidConcentrateEdit            [shape=none,    label="",   image="images/editicon.png",                    fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iAcidConcentrateContent         [shape=none,    label="",   image="images/AcidConcentrateContent.png",      fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iBicarbonate                    [shape=none,    label="",   image="images/Bicarbonate.png",                 fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iBicarbonateText                [shape=none,    label="",   image="images/BicarbonateText.png",             fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iBicarbonateContent             [shape=none,    label="",   image="images/BicarbonateContent.png",          fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iDialyzer                       [shape=none,    label="",   image="images/Dialyzer.png",                    fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iDialyzerText                   [shape=none,    label="",   image="images/DialyzerText.png",                fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iDialyzerContent                [shape=none,    label="",   image="images/DialyzerContent.png",             fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iDialysateTemp                  [shape=none,    label="",   image="images/DialysateTemperature.png",        fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iDialysateTempText              [shape=none,    label="",   image="images/DialysateTemperatureText.png",    fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iDialysateTempUnit              [shape=none,    label="",   image="images/DialysateTemperatureUnit.png",    fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iDialysateTempContent           [shape=none,    label="",   image="images/DialysateTemperatureContent.png", fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iSalineBolusVolume              [shape=none,    label="",   image="images/SalineBolusVolume.png",           fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iSalineBolusVolumeText          [shape=none,    label="",   image="images/SalineBolusVolumeText.png",       fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iSalineBolusVolumeUnit          [shape=none,    label="",   image="images/SalineBolusVolumeUnit.png",       fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iSalineBolusVolumeContent       [shape=none,    label="",   image="images/SalineBolusVolumeContent.png",    fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iBPMeasurementInterval          [shape=none,    label="",   image="images/BPMeasurementInterval.png",       fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iBPMeasurementIntervalText      [shape=none,    label="",   image="images/BPMeasurementIntervalText.png",   fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iBPMeasurementIntervalUnit      [shape=none,    label="",   image="images/BPMeasurementIntervalUnit.png",   fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iBPMeasurementIntervalContent   [shape=none,    label="",   image="images/BPMeasurementIntervalContent.png",fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];

    // qml types
    qRightColumn                [shape=ellipse, label="Column\n id: _rightColumn",          fontsize="30pt"];
    qQRCodeText                 [shape=ellipse, label="Text",                               fontsize="30pt"];
    qAcidConcentrateText        [shape=ellipse, label="Text",                               fontsize="30pt"];
    qAcidConcentrateEdit        [shape=ellipse, label="Image",                              fontsize="30pt"];
    qBicarbonateText            [shape=ellipse, label="Text",                               fontsize="30pt"];
    qDialyzerText               [shape=ellipse, label="Text",                               fontsize="30pt"];
    qDialysateTempText          [shape=ellipse, label="Text",                               fontsize="30pt"];
    qDialysateTempUnit          [shape=ellipse, label="Text",                               fontsize="30pt"];
    qSalineBolusVolumeText      [shape=ellipse, label="Text",                               fontsize="30pt"];
    qSalineBolusVolumeUnit      [shape=ellipse, label="Text",                               fontsize="30pt"];
    qBPMeasurementIntervalText  [shape=ellipse, label="Text",                               fontsize="30pt"];
    qBPMeasurementIntervalUnit  [shape=ellipse, label="Text",                               fontsize="30pt"];

    // Diagram Layout
    subgraph cluster_one  {
        label="Right Column"
        fontsize="30pt"
        labeljust=l

        qRightColumn    -> iRightColumn

        iRightColumn    -> dQRCode              -> iQRCode
        iQRCode         -> dQRCodeContent       -> iQRCodeContent
        iQRCode         -> qQRCodeText          -> iQRCodeText
       
        iRightColumn        -> dAcidConcentrate           -> iAcidConcentrate
        iAcidConcentrate    -> qAcidConcentrateText       -> iAcidConcentrateText
        iAcidConcentrate    -> qAcidConcentrateEdit       -> iAcidConcentrateEdit
        iAcidConcentrate    -> dAcidConcentrateContent    -> iAcidConcentrateContent
       
        iRightColumn    -> dBicarbonate           -> iBicarbonate
        iBicarbonate    -> qBicarbonateText       -> iBicarbonateText
        iBicarbonate    -> dBicarbonateContent    -> iBicarbonateContent

        iRightColumn    -> dDialyzer           -> iDialyzer
        iDialyzer       -> qDialyzerText       -> iDialyzerText
        iDialyzer       -> dDialyzerContent    -> iDialyzerContent

        iRightColumn    -> dDialysateTemp           -> iDialysateTemp
        iDialysateTemp  -> qDialysateTempText       -> iDialysateTempText
        iDialysateTemp  -> qDialysateTempUnit       -> iDialysateTempUnit
        iDialysateTemp  -> dDialysateTempContent    -> iDialysateTempContent

        iRightColumn        -> dSalineBolusVolume           -> iSalineBolusVolume
        iSalineBolusVolume  -> qSalineBolusVolumeText       -> iSalineBolusVolumeText
        iSalineBolusVolume  -> qSalineBolusVolumeUnit       -> iSalineBolusVolumeUnit
        iSalineBolusVolume  -> dSalineBolusVolumeContent    -> iSalineBolusVolumeContent

        iRightColumn            -> dBPMeasurementInterval           -> iBPMeasurementInterval
        iBPMeasurementInterval  -> qBPMeasurementIntervalText       -> iBPMeasurementIntervalText
        iBPMeasurementInterval  -> qBPMeasurementIntervalUnit       -> iBPMeasurementIntervalUnit
        iBPMeasurementInterval  -> dBPMeasurementIntervalContent    -> iBPMeasurementIntervalContent

    }
}