sketchmark 2.0.0 → 2.1.0

package/examples/dashboard-table.visual.json

@@ -0,0 +1,708 @@
+{
+  "version": 1,
+  "canvas": {
+    "width": 1100,
+    "height": 560,
+    "background": "#f8fafc"
+  },
+  "elements": [
+    {
+      "id": "page-title",
+      "type": "text",
+      "x": 48,
+      "y": 40,
+      "text": "Operations Dashboard",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 26,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 700,
+      "fill": "#0f172a"
+    },
+    {
+      "id": "table-title",
+      "type": "text",
+      "x": 48,
+      "y": 84,
+      "text": "Service Health Overview",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 16,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 600,
+      "fill": "#1e293b"
+    },
+    {
+      "id": "table-border",
+      "type": "path",
+      "d": "M 56 116 L 1044 116 Q 1052 116 1052 124 L 1052 412 Q 1052 420 1044 420 L 56 420 Q 48 420 48 412 L 48 124 Q 48 116 56 116 Z",
+      "fill": "#ffffff",
+      "stroke": "#e2e8f0",
+      "strokeWidth": 1
+    },
+    {
+      "id": "header-bg",
+      "type": "path",
+      "d": "M 56 116 L 1044 116 Q 1052 116 1052 124 L 1052 156 L 48 156 L 48 124 Q 48 116 56 116 Z",
+      "fill": "#f1f5f9",
+      "stroke": "none"
+    },
+    {
+      "id": "header-border",
+      "type": "path",
+      "d": "M 48 156 L 1052 156",
+      "stroke": "#e2e8f0",
+      "strokeWidth": 1,
+      "fill": "none"
+    },
+    {
+      "id": "header-service",
+      "type": "text",
+      "x": 64,
+      "y": 136,
+      "text": "Service",
+      "align": "left",
+      "valign": "middle",
+      "fontSize": 12,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 600,
+      "fill": "#475569"
+    },
+    {
+      "id": "header-requests",
+      "type": "text",
+      "x": 352,
+      "y": 136,
+      "text": "Requests",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 12,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 600,
+      "fill": "#475569"
+    },
+    {
+      "id": "header-latency",
+      "type": "text",
+      "x": 472,
+      "y": 136,
+      "text": "Avg Latency",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 12,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 600,
+      "fill": "#475569"
+    },
+    {
+      "id": "header-errors",
+      "type": "text",
+      "x": 582,
+      "y": 136,
+      "text": "Error Rate",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 12,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 600,
+      "fill": "#475569"
+    },
+    {
+      "id": "header-uptime",
+      "type": "text",
+      "x": 682,
+      "y": 136,
+      "text": "Uptime",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 12,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 600,
+      "fill": "#475569"
+    },
+    {
+      "id": "header-status",
+      "type": "text",
+      "x": 753,
+      "y": 136,
+      "text": "Status",
+      "align": "center",
+      "valign": "middle",
+      "fontSize": 12,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 600,
+      "fill": "#475569"
+    },
+    {
+      "id": "row-border-0",
+      "type": "path",
+      "d": "M 64 200 L 1036 200",
+      "stroke": "#e2e8f0",
+      "strokeWidth": 1,
+      "fill": "none"
+    },
+    {
+      "id": "cell-0-service",
+      "type": "text",
+      "x": 64,
+      "y": 178,
+      "text": "API Gateway",
+      "align": "left",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 500,
+      "fill": "#334155"
+    },
+    {
+      "id": "cell-0-requests",
+      "type": "text",
+      "x": 352,
+      "y": 178,
+      "text": "1.2M",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-0-latency",
+      "type": "text",
+      "x": 472,
+      "y": 178,
+      "text": "42ms",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-0-errors",
+      "type": "text",
+      "x": 582,
+      "y": 178,
+      "text": "0.02%",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-0-uptime",
+      "type": "text",
+      "x": 682,
+      "y": 178,
+      "text": "99.99%",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-0-status-bg",
+      "type": "path",
+      "d": "M 729 166 L 777 166 Q 789 166 789 178 L 789 178 Q 789 190 777 190 L 729 190 Q 717 190 717 178 L 717 178 Q 717 166 729 166 Z",
+      "fill": "#d1fae5",
+      "stroke": "none"
+    },
+    {
+      "id": "cell-0-status-text",
+      "type": "text",
+      "x": 753,
+      "y": 178,
+      "text": "Healthy",
+      "align": "center",
+      "valign": "middle",
+      "fontSize": 11,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 600,
+      "fill": "#10b981"
+    },
+    {
+      "id": "row-bg-1",
+      "type": "path",
+      "d": "M 48 200 L 1052 200 L 1052 244 L 48 244 Z",
+      "fill": "#fafbfc",
+      "stroke": "none"
+    },
+    {
+      "id": "row-border-1",
+      "type": "path",
+      "d": "M 64 244 L 1036 244",
+      "stroke": "#e2e8f0",
+      "strokeWidth": 1,
+      "fill": "none"
+    },
+    {
+      "id": "cell-1-service",
+      "type": "text",
+      "x": 64,
+      "y": 222,
+      "text": "Auth Service",
+      "align": "left",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 500,
+      "fill": "#334155"
+    },
+    {
+      "id": "cell-1-requests",
+      "type": "text",
+      "x": 352,
+      "y": 222,
+      "text": "890K",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-1-latency",
+      "type": "text",
+      "x": 472,
+      "y": 222,
+      "text": "28ms",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-1-errors",
+      "type": "text",
+      "x": 582,
+      "y": 222,
+      "text": "0.01%",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-1-uptime",
+      "type": "text",
+      "x": 682,
+      "y": 222,
+      "text": "99.98%",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-1-status-bg",
+      "type": "path",
+      "d": "M 729 210 L 777 210 Q 789 210 789 222 L 789 222 Q 789 234 777 234 L 729 234 Q 717 234 717 222 L 717 222 Q 717 210 729 210 Z",
+      "fill": "#d1fae5",
+      "stroke": "none"
+    },
+    {
+      "id": "cell-1-status-text",
+      "type": "text",
+      "x": 753,
+      "y": 222,
+      "text": "Healthy",
+      "align": "center",
+      "valign": "middle",
+      "fontSize": 11,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 600,
+      "fill": "#10b981"
+    },
+    {
+      "id": "row-border-2",
+      "type": "path",
+      "d": "M 64 288 L 1036 288",
+      "stroke": "#e2e8f0",
+      "strokeWidth": 1,
+      "fill": "none"
+    },
+    {
+      "id": "cell-2-service",
+      "type": "text",
+      "x": 64,
+      "y": 266,
+      "text": "User Database",
+      "align": "left",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 500,
+      "fill": "#334155"
+    },
+    {
+      "id": "cell-2-requests",
+      "type": "text",
+      "x": 352,
+      "y": 266,
+      "text": "2.4M",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-2-latency",
+      "type": "text",
+      "x": 472,
+      "y": 266,
+      "text": "8ms",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-2-errors",
+      "type": "text",
+      "x": 582,
+      "y": 266,
+      "text": "0.00%",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-2-uptime",
+      "type": "text",
+      "x": 682,
+      "y": 266,
+      "text": "100%",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-2-status-bg",
+      "type": "path",
+      "d": "M 729 254 L 777 254 Q 789 254 789 266 L 789 266 Q 789 278 777 278 L 729 278 Q 717 278 717 266 L 717 266 Q 717 254 729 254 Z",
+      "fill": "#d1fae5",
+      "stroke": "none"
+    },
+    {
+      "id": "cell-2-status-text",
+      "type": "text",
+      "x": 753,
+      "y": 266,
+      "text": "Healthy",
+      "align": "center",
+      "valign": "middle",
+      "fontSize": 11,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 600,
+      "fill": "#10b981"
+    },
+    {
+      "id": "row-bg-3",
+      "type": "path",
+      "d": "M 48 288 L 1052 288 L 1052 332 L 48 332 Z",
+      "fill": "#fafbfc",
+      "stroke": "none"
+    },
+    {
+      "id": "row-border-3",
+      "type": "path",
+      "d": "M 64 332 L 1036 332",
+      "stroke": "#e2e8f0",
+      "strokeWidth": 1,
+      "fill": "none"
+    },
+    {
+      "id": "cell-3-service",
+      "type": "text",
+      "x": 64,
+      "y": 310,
+      "text": "Cache Layer",
+      "align": "left",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 500,
+      "fill": "#334155"
+    },
+    {
+      "id": "cell-3-requests",
+      "type": "text",
+      "x": 352,
+      "y": 310,
+      "text": "5.1M",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-3-latency",
+      "type": "text",
+      "x": 472,
+      "y": 310,
+      "text": "2ms",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-3-errors",
+      "type": "text",
+      "x": 582,
+      "y": 310,
+      "text": "0.03%",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-3-uptime",
+      "type": "text",
+      "x": 682,
+      "y": 310,
+      "text": "99.95%",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-3-status-bg",
+      "type": "path",
+      "d": "M 729 298 L 777 298 Q 789 298 789 310 L 789 310 Q 789 322 777 322 L 729 322 Q 717 322 717 310 L 717 310 Q 717 298 729 298 Z",
+      "fill": "#fef3c7",
+      "stroke": "none"
+    },
+    {
+      "id": "cell-3-status-text",
+      "type": "text",
+      "x": 753,
+      "y": 310,
+      "text": "Degraded",
+      "align": "center",
+      "valign": "middle",
+      "fontSize": 11,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 600,
+      "fill": "#d97706"
+    },
+    {
+      "id": "row-border-4",
+      "type": "path",
+      "d": "M 64 376 L 1036 376",
+      "stroke": "#e2e8f0",
+      "strokeWidth": 1,
+      "fill": "none"
+    },
+    {
+      "id": "cell-4-service",
+      "type": "text",
+      "x": 64,
+      "y": 354,
+      "text": "Search Index",
+      "align": "left",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 500,
+      "fill": "#334155"
+    },
+    {
+      "id": "cell-4-requests",
+      "type": "text",
+      "x": 352,
+      "y": 354,
+      "text": "340K",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-4-latency",
+      "type": "text",
+      "x": 472,
+      "y": 354,
+      "text": "156ms",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-4-errors",
+      "type": "text",
+      "x": 582,
+      "y": 354,
+      "text": "1.20%",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-4-uptime",
+      "type": "text",
+      "x": 682,
+      "y": 354,
+      "text": "98.50%",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-4-status-bg",
+      "type": "path",
+      "d": "M 729 342 L 777 342 Q 789 342 789 354 L 789 354 Q 789 366 777 366 L 729 366 Q 717 366 717 354 L 717 354 Q 717 342 729 342 Z",
+      "fill": "#fef3c7",
+      "stroke": "none"
+    },
+    {
+      "id": "cell-4-status-text",
+      "type": "text",
+      "x": 753,
+      "y": 354,
+      "text": "Warning",
+      "align": "center",
+      "valign": "middle",
+      "fontSize": 11,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 600,
+      "fill": "#d97706"
+    },
+    {
+      "id": "row-bg-5",
+      "type": "path",
+      "d": "M 48 376 L 1052 376 L 1052 420 L 48 420 Z",
+      "fill": "#fafbfc",
+      "stroke": "none"
+    },
+    {
+      "id": "cell-5-service",
+      "type": "text",
+      "x": 64,
+      "y": 398,
+      "text": "Legacy Sync",
+      "align": "left",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 500,
+      "fill": "#334155"
+    },
+    {
+      "id": "cell-5-requests",
+      "type": "text",
+      "x": 352,
+      "y": 398,
+      "text": "45K",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-5-latency",
+      "type": "text",
+      "x": 472,
+      "y": 398,
+      "text": "890ms",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-5-errors",
+      "type": "text",
+      "x": 582,
+      "y": 398,
+      "text": "4.50%",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-5-uptime",
+      "type": "text",
+      "x": 682,
+      "y": 398,
+      "text": "94.20%",
+      "align": "right",
+      "valign": "middle",
+      "fontSize": 13,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#64748b"
+    },
+    {
+      "id": "cell-5-status-bg",
+      "type": "path",
+      "d": "M 729 386 L 777 386 Q 789 386 789 398 L 789 398 Q 789 410 777 410 L 729 410 Q 717 410 717 398 L 717 398 Q 717 386 729 386 Z",
+      "fill": "#fee2e2",
+      "stroke": "none"
+    },
+    {
+      "id": "cell-5-status-text",
+      "type": "text",
+      "x": 753,
+      "y": 398,
+      "text": "Critical",
+      "align": "center",
+      "valign": "middle",
+      "fontSize": 11,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 600,
+      "fill": "#dc2626"
+    }
+  ]
+}