DS
Premium Docs

Design System Showroom

Published-package documentation wired to the real DS runtime so the same routes reveal how tenant and engine reshape identical component contracts.
Rottay / modern
Published package
Primary
#0A0A0A
Rottay
Radius
14px
Surface shape
DensitynormalPlatform Flagship
NavigatorLibrary map
8 sections
212 routes
Foundations first, then primitives, patterns, structures, and surfaces. Keep this rail legible enough to scan without hunting.
Foundations4 documented routes
4
Tokens
Themes
Engines
Icons
109
97
Display
Inputs
Feedback
Layout
Navigation
Overlay
21
Headers
Workspace
Record
Dashboard
Feedback
36
Admin
Data
Experience
Forms
Operations
Workspace
3
Platform
Bit Hire
Evnto
1
Playground
2
Developers
Runtime fingerprintToken readout from the active provider chain.
Live DS
Runtime
Platform
Rottay
Rottay / ModernPlatform Flagship
Primary
#0A0A0ASecondary #6B6B6B
Radius
14pxxl 18px
Density
normalBorder-light cards
Accent
Badge
Compact runtime evidence across 3+ token signals.
Published DS package · Pattern Library · Rottay / modernShared route metadata for the active runtime, kept inline so the shell reads like a thin header band.
Palette
#0A0A0ARottay
Chrome
Modernrenderer posture
Radius
14pxsurface shape
Density
normalPlatform Flagship
Visualization

Visualization

Active profilePlatform Flagship
Runtime postureRottay / modern
Patterns for charts, boards, timelines, maps, and other visual storytelling.
Runtime controls
TenantRottay
Patterns/Visualization
Reusable composites
5 patterns

Visualization

Visualization patterns demonstrate how information changes shape across time, lanes, locations, and hierarchies.Use this page to narrow the lane. Open an individual pattern when you want the live DS and runtime reference.
Read this page forGroup-level fit, evaluation lenses, and the most likely structure and surface pairings.
Visualization branch
18 chart types

Open the chart showroom

Charts keep their own comparison flow for choosing the right data story and contract.
Use it when the decision is no longer “which pattern group?” but “which chart contract tells the story cleanly?”Open comparison flow
Catalog
5 indexed

Browse patterns

Open a pattern to inspect live DS treatment, engine coverage, and where it fits in the broader system.
Pattern

PatternCalendarView

3/3 engines
Month/week/day calendar view for scheduling data
classic
modern
rustic
Open Reference
Primitives97 documented routes
PatternsCurrent section
48
Data
Forms
Visualization
Calendar View
Charts
18
Kanban Board
Map View
Timeline
Tree View
Communication
Workflow
Navigation
Misc
Structures21 documented routes
Surfaces36 documented routes
Verticals3 documented routes
Playground1 documented routes
Developers2 documented routes
roundedtop bar · solid dividers
EngineModern
Patterns
5
Indexed in this group
Inspect first
signal emphasis
Suggested first evaluation lens
Common surface
VisualizationSurface
Typical landing context
Audit lens

What to evaluate

Judge the group by reusable behavior and operator clarity before admiring individual modules.
signal emphasis
interaction affordances
cross-filtering
Structure pairings

Common structure pairing

Patterns become easier to judge when you picture the page chrome they normally sit inside.
DashboardHeader
StatsHeader
CollectionHeader
Surface context

Typical surfaces

These are the route-level homes where this group usually proves its value.
VisualizationSurface
DashboardSurface
SchedulerSurface
Fastest entry
4 picks

Start with these

These are the quickest paths into live DS and runtime usage for this group.
Evaluatesignal emphasis
Pattern

PatternKanbanBoard

3/3 engines
Drag-and-drop kanban board with configurable lanes
Evaluateinteraction affordances
classic
modern
rustic
Open Reference
Pattern

PatternMapView

3/3 engines
Geographic map view with markers and clusters
Evaluatecross-filtering
classic
modern
rustic
Open Reference
Pattern

PatternTimeline

3/3 engines
Horizontal or vertical timeline of events
Evaluatesignal emphasis
classic
modern
rustic
Open Reference
Pattern

PatternTreeView

3/3 engines
Interactive tree view with expand, collapse, and selection
Evaluateinteraction affordances
classic
modern
rustic
Open Reference
PatternCalendarViewMonth/week/day calendar view for scheduling data
PatternKanbanBoardDrag-and-drop kanban board with configurable lanes
PatternMapViewGeographic map view with markers and clusters
PatternTimelineHorizontal or vertical timeline of events