ArchitectureA supervised JVM-class runtime — OLTP on seven engines, OLAP on three. AI-native, MCP-native, observable as plain SQL.Read the architecture
Está viendo la edición Perú. Está viendo la edición Colombia. You're viewing the Pakistan edition. Cambiar a la edición global →Cambiar a la edición global →Switch to the global edition →

Analytical Card v2 — horizontal-layout dashboard primitive

A horizontal-layout analytical card joins the form-editor component palette — flexible node positioning, focus layering, configurable legends. Composable data-responsive designs replace static card layouts ; executive dashboards compose without per-screen custom styling.

Executive dashboards are dense — a single screen condenses KPIs, trend lines, breakdowns and benchmarks into a layout that has to read at a glance. The Analytical Card v1 served the vertical-stack pattern (label above metric above sparkline) cleanly, but horizontal compositions — metric pair with delta, gauge with three thresholds, segmented breakdown — required either per-screen custom CSS or stitching multiple v1 cards together.

Analytical Card v2 ships as a horizontal-layout primitive in the form-editor component palette. Architects building executive dashboards drop the card on the canvas, configure the node positions (left, centre, right), choose the focus layer (which sub-element draws the eye) and the legend shape (inline, side, hidden). Data binding flows through the same wire as v1, so existing data sources work unchanged.

  • Flexible node positioning. Each element inside the card (metric, delta, sparkline, label) declares its grid cell ; the layout solver handles overflow gracefully on narrow screens.
  • Focus layering. One element per card carries the focus role — larger type, accent colour — so the dashboard reader knows where to look first.
  • Configurable legends. Side, inline, hidden — the legend's placement is a property, not a CSS override.
  • Data-responsive. Conditional formatting (red / amber / green thresholds, accent-colour shifts on delta direction) binds to the same data source as the metric ; layout reacts to data, not the other way around.

See the feature →

← All posts