We aim to make diagram elements intuitive as much as possible, so most of them should be understood from the first look.
Nevertheless, we created this page to give you a full overview of all elements you can find in diagrams.
The files are the core of each diagram. They are displayed as blocks of different colors depending on their status.
A new file is displayed as a green block:
A changed file is displayed as an orange block:
A removed file is displayed as a red block:
A
tiedfile is a file which is highly bound with the original file and won't exist without it. The examples are the unit tests for particular class, styles of particular component in separate file.
Such files are displayed with tags in the bottom-left corner:
The colors of the file and the tags might be different e.g. file is changed, but tests are added.
The relations between files are represented as the arrows of appropriate color.
A relation between files is either an import (e.g. JS) or the entity, declared in one file, being used in another file (e.g. class declared in one file is used in another file).
New relation between files:
Removed relation between files:
Existing relation between files:
A folder corresponds to a file-system folder:
