Making diagrams readable

Use clear names, layers and layout to make a card-pack diagram easier to inspect and share. It’s important to keep your diagrams clear and readable.

It’s important to keep your diagrams clear and readable; whether for your own benefit, or for others in your team who might need to use them.

The shape toolbar above the canvas of a layered diagramThe shape toolbar above the canvas of a layered diagram

Here are a few best practices:

Tip

Hidden layers can be used to hide anything that harms readability. This includes things like state connections and secondary calculations.

The Diagram layers panel: a search field, a New layer button and the Base layer listing each component of the diagramThe Diagram layers panel: a search field, a New layer button and the Base layer listing each component of the diagram
The % Collected Set register receives the New Commons, New Rares, New Epics and New Legendaries pools through state connections whose only job is to add them up, the connections a hidden layer can holdThe % Collected Set register receives the New Commons, New Rares, New Epics and New Legendaries pools through state connections whose only job is to add them up, the connections a hidden layer can hold

In this example, we can hide these State Connections because their purpose (to sum up all the Pools) is self-evident. This is helped by the fact that we’ve given clear names to our components.

Tip

Use images and color-coding to distinguish each section. This allows readers to segment out parts of the diagram in their mind, making it more digestible.

A model read from left to right, with an icon and a colour for each section: card packs, storage pools, disenchanters, the Arcane Dust pool, forges and collectionsA model read from left to right, with an icon and a colour for each section: card packs, storage pools, disenchanters, the Arcane Dust pool, forges and collections
Tip

Building diagrams left-to-right, or otherwise highlighting the starting point, helps readers establish the sequence of events with minimal effort.