Self-Service Robotics Dashboard Builder

Self-Service Robotics Dashboard Builder A architecture diagram generated by Archify. Frontend (Rectangle SDK + ECharts) Analytics Backend (NestJS + ClickHouse) Module Builder UI · Stream & SQL Picker · Frontend (Rectangle SDK + ECharts) Module Builder UI Stream & SQL Picker Rectangle Grid · Drag & Resize Modules · Frontend (Rectangle SDK + ECharts) Rectangle Grid Drag & Resize Modules ECharts Engine · Responsive Series · Frontend (Rectangle SDK + ECharts) ECharts Engine Responsive Series Analytics Controller · NestJS REST API · Analytics Backend (NestJS + ClickHouse) Analytics Controller NestJS REST API Local LRU Cache · Per-pod Memory · Analytics Backend (NestJS + ClickHouse) · Short 0-row TTL Local LRU Cache Per-pod Memory Short 0-row TTL Tag RLS Engine · matchesTagSets UDF · Analytics Backend (NestJS + ClickHouse) · *:* | key:val Tag RLS Engine matchesTagSets UDF *:* | key:val ClickHouse · WITH FILL STEP · Analytics Backend (NestJS + ClickHouse) · Telemetry Tables ClickHouse WITH FILL STEP Telemetry Tables ChartBuilder · sqlColumnFinder() · Analytics Backend (NestJS + ClickHouse) ChartBuilder sqlColumnFinder() configure query lookup role tags filtered SQL rows + types typed series render Legend Frontend Backend Database Security

Composable Modules

  • • Each rectangle module owns its query, state, and resize lifecycle
  • • ECharts handles mobile viewports, dynamic min-dimensions, and tooltips

Tag-Set Row Security

  • • matchesTagSets evaluates wildcard tag maps inside ClickHouse
  • • Compound Tuple(Map) columns safely cast before JS serialization

Auto-Shaped Series

  • • sqlColumnFinder() infers time axes, numeric metrics, and partitions
  • • WITH FILL STEP fills missing time buckets at minute/hour/day granularity