DRAWIO - Μορφή αρχείου διαγράμματος Diagram.net
Τι είναι ένα αρχείο DRAWIO;
Ένα αρχείο με επέκταση .drawio είναι ένα αρχείο σχεδίου που δημιουργήθηκε με το draw.io του diagrams.net που είναι ένα πρόγραμμα ανοιχτού κώδικα για εργασία με διαγράμματα. Περιέχει συνολικές πληροφορίες για το περιεχόμενο και τη μορφοποίηση των στοιχείων του διαγράμματος, όπως κείμενο, εικόνες, διάταξη, σχήματα και τοποθέτηση. Τα διαγράμματα που υποστηρίζονται από το DRAWIO περιλαμβάνουν διαγράμματα ροής, οργανογράμματα, χάρτες, μηχανικά στοιχεία, διαγράμματα διεργασιών, γραφήματα και άλλα. Τα αρχεία DRAWIO μπορούν να εξαχθούν σε πολλές διαφορετικές μορφές, όπως JPG, PNG, BMP, XML, PDF, HTML και VSDX.
Μορφή αρχείου DRAWIO
Τα αρχεία DRAWIO είναι διανυσματικά αρχεία εικόνας, αποθηκευμένα στην τυπική μορφή αρχείου XML. Αναπτύχθηκε από το diagrams.net, παρέχει τη δυνατότητα αποθήκευσης πληροφοριών διαγραμμάτων παρόμοια με το Microsoft Visio. Το DrawIO είναι διαθέσιμο ως online app για δημιουργία, άνοιγμα και εξαγωγή διαγραμμάτων σε διάφορες μορφές. Η εφαρμογή βασίζεται στη βιβλιοθήκη διαγραμμάτων mxGraph που παρέχει διαδραστικές εφαρμογές γραφημάτων και γραφημάτων που εκτελούνται σε οποιοδήποτε μεγάλο πρόγραμμα περιήγησης όπως το Chrome, το Firefox, το Edge και το Safari.
Παράδειγμα DRAWIO
Το παρακάτω παράδειγμα είναι ένα απλό διάγραμμα ροής που δημιουργήθηκε με την εφαρμογή DRAWIO.
Η έξοδος XML που δημιουργείται με την εξαγωγή είναι όπως φαίνεται παρακάτω.
<?xml version="1.0" encoding="UTF-8"?>
<mxfile host="app.diagrams.net" modified="2021-05-17T17:18:48.774Z" agent="5.0 (Macintosh; Intel Mac OS X 10_14_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.93 Safari/537.36" etag="jyk4LjRpkp5MiVdB0UgM" version="14.6.13" type="device">
<diagram name="Page-1" id="74e2e168-ea6b-b213-b513-2b3c1d86103e">
<mxGraphModel dx="946" dy="469" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1100" pageHeight="850" background="#ffffff" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="IQM8xkm7UoOLgGwT3--F-3" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="IQM8xkm7UoOLgGwT3--F-1" target="IQM8xkm7UoOLgGwT3--F-2">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="IQM8xkm7UoOLgGwT3--F-1" value="Jogging Start" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="440" y="240" width="120" height="60" as="geometry" />
</mxCell>
<mxCell id="IQM8xkm7UoOLgGwT3--F-5" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="IQM8xkm7UoOLgGwT3--F-2" target="IQM8xkm7UoOLgGwT3--F-4">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="IQM8xkm7UoOLgGwT3--F-7" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="IQM8xkm7UoOLgGwT3--F-2" target="IQM8xkm7UoOLgGwT3--F-6">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="IQM8xkm7UoOLgGwT3--F-2" value="Should Run?" style="rhombus;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="460" y="340" width="80" height="80" as="geometry" />
</mxCell>
<mxCell id="IQM8xkm7UoOLgGwT3--F-4" value="Process End" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="610" y="350" width="120" height="60" as="geometry" />
</mxCell>
<mxCell id="IQM8xkm7UoOLgGwT3--F-9" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="IQM8xkm7UoOLgGwT3--F-6" target="IQM8xkm7UoOLgGwT3--F-8">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="IQM8xkm7UoOLgGwT3--F-6" value="Run 10 KM" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="440" y="460" width="120" height="60" as="geometry" />
</mxCell>
<mxCell id="IQM8xkm7UoOLgGwT3--F-8" value="End Run" style="whiteSpace=wrap;html=1;rounded=0;" vertex="1" parent="1">
<mxGeometry x="440" y="600" width="120" height="60" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>