Components — Lattice

Component reference

Every layout, one click from a live preview.

79 components. Search by name, tag, or what it does — or regroup the set by family, function, or A–Z. Open any one for a preview you can flip into an editor, in the palette you choose up top.

Group by

Titles & breaks

4

Statements

3

Numbers & KPIs

2

Lists & inventories

9

Cards

2

Compare

7

Timelines & roadmaps

2

Charts & diagrams

27

bar

EvidenceCanvasSeries

Bars from a zero baseline that compare magnitude across categories — as columns, rows, side-by-side groups, or signed off a centered zero.

metricrankingcontrastboard-deck

bullet

EvidenceCanvasSeries

Actual against target inside a qualitative band — one dense row per KPI.

metricokrscorecardassessment

diagram

EvidenceCanvasGraph

Mermaid diagram as the slide's centerpiece.

flowchartorg-chartsequenceprocess

ep-curve

EvidenceCanvasSeries

An exceedance-probability curve: the loss to expect once every N years, with return periods across on a log scale and up to four curves (OEP and AEP, gross and net).

riskmetricassessmentboard-deck

flowchart

ProgressionCanvasGraph

A free-form flowchart: shapes, groups and lines, written as a list.

org-chartprocessworkflowoverview

funnel

EvidenceCanvasSeries

Tapering stages that show where a flow drops off, with the conversion rate between each.

percentagesequencepitch

gantt

ProgressionTimelineSeries

Gantt chart — task bars across a date axis.

swimlaneplanningmilestonesagile

heatmap

EvidenceCanvasSeries

A numeric matrix read as intensity — where the value concentrates across two dimensions.

metricpercentageassessmentpositioning

histogram

EvidenceCanvasSeries

One quantity cut into bands that join end to end: each bar is as wide as its band and its area is the band's share, with an optional log axis for bands that widen toward the tail.

riskproportionmetricassessment

hub-spoke

EvidenceCanvasSeries

Hub and spoke — one center, its satellites, and what flows between them.

ownershipstatusstrategyoverviewproportion

journey

ProgressionTimelineStructure

Native user-journey chart — sections of tasks, each tagged with actor(s) and a 1-5 mood. Renders as section bars, task chips, plumb lines, and mood faces.

processassessmentwalkthrough

kanban

ProgressionTimelineSeries

Kanban board — columns of cards by stage.

swimlaneworkflowstatusagileownership

line

EvidenceCanvasSeries

A measure plotted across an ordered axis, so the movement is the read — one line or several, optionally filled, stacked, or stepped.

metricboard-decktakeawaystrategy

map

EvidenceSpatialSeries

A world-countries (or US-states) basemap that fills regions by value (choropleth) or category (highlight) so the audience leaves knowing where.

metricproportionoverviewvisual

matrix-grid

ComparisonMatrixStructure

Two ordered axes as an N×M chart-family grid — each cell marks a position (filled / reachable / not applicable), colored by its row's category from the theme's chart palette.

stoplightassessmentpositioningokr

piechart

EvidenceCanvasSeries

Pie or donut chart with legend — proportional wedges.

donutproportionpercentage

progress

EvidenceCanvasSeries

Horizontal progress bars — one row per item, percentage filled.

percentagestoplightstatus

quadrant

EvidenceScatterSeries

Native 2×2 scatter chart — items plotted on two continuous axes.

two-by-twopositioningprioritizerisk

radar

EvidenceScatterSeries

Native radar / spider chart — items rated across multiple axes.

spiderassessmentpositioning

risk-matrix

EvidenceCanvasSeries

A 5 × 5 likelihood × impact grid shaded by severity, with each risk as a numbered marker and a key that lists them worst first.

riskassessmentboard-deckprioritize

scatter

EvidenceCanvasSeries

An XY plot with real units on both axes — one dot per entity, showing how two measures relate.

metrictradeoffpositioningboard-deck

slope

EvidenceCanvasSeries

Two labeled columns joined by one line per entity, so a change in ranking reads as a crossing.

rankingtransformationcontrastboard-deck

stacked-bar

EvidenceCanvasSeries

Bars split into parts, so one chart carries both the total for each category and the mix inside it.

proportionboard-deckmetricsummary

state-chart

ProgressionTimelineGraph

Native state machine diagram — states as a list, transitions as arrows to a state's name, on the flowchart's grammar.

flowchartstatesworkflow

tower

EvidenceCanvasSeries

A reinsurance program as stacked layers, each written as its limit in excess of its attachment and split across the reinsurers who took a share of it.

riskownershipproportionboard-deck

waterfall

ProgressionCanvasSeries

A bridge from one total to another through signed contributions, each bar starting where the last one ended.

board-deckmetrictransformation

word-cloud

EvidenceCanvasSeries

Spiral-packed word cloud — items sized by weight.

tag-cloudthemesproportion

Split layouts

4

Code

2

Math

1

Legal

6

Images

4

Other

6