Layout and Styling
Customise data view appearance. Learn about node positioning, layout persistence, style overrides, and group hulls for organising entities visually.
Data views let you arrange entity nodes on the canvas to create a clear, readable layout. Positions are saved automatically, and you can apply style overrides and group hulls to make the view easier to understand at a glance.
Node Positioning
Drag entity nodes to any position on the canvas. The layout is free-form, so you can arrange entities in whatever way makes the most sense for your domain. Common patterns include:
Layout Persistence
Node positions are saved automatically as you move them. When you reopen a data view, every node appears exactly where you left it. This applies to both the editor and the published viewer, so your audience sees the same layout you designed.
Style Overrides
You can customise the visual appearance of individual nodes to add meaning or emphasis:
| Property | Description | Example Use |
|---|---|---|
| Fill colour | Background colour of the node | Highlight deprecated entities in amber |
| Border colour | Colour of the node border | Distinguish external entities with a different border |
| Text colour | Colour of the entity name and property text | Dim secondary entities with a lighter colour |
| Border style | Solid, dashed, or dotted border | Use dashed borders for planned entities |
Group Hulls
Group hulls are visual containers that surround a set of related entity nodes. They provide a clear boundary and label for logical groupings without affecting the underlying data structure.
Group hulls are purely visual. They do not create any data relationship between the entities they contain. You can add or remove entities from a group at any time.