Created
March 5, 2025 16:53
-
-
Save tyler-smith/7fe4afb070d69a3bd1f9b7781a7fdf51 to your computer and use it in GitHub Desktop.
Interop Dashboard
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"annotations": { | |
"list": [] | |
}, | |
"editable": true, | |
"graphTooltip": 1, | |
"id": null, | |
"links": [], | |
"panels": [ | |
{ | |
"collapsed": false, | |
"gridPos": { | |
"h": 1, | |
"w": 24, | |
"x": 0, | |
"y": 0 | |
}, | |
"id": 1, | |
"panels": [], | |
"title": "Header Row", | |
"type": "row" | |
}, | |
{ | |
"datasource": { | |
"type": "prometheus", | |
"uid": "grafanacloud-prom" | |
}, | |
"fieldConfig": { | |
"defaults": { | |
"color": { | |
"mode": "palette-classic" | |
}, | |
"custom": { | |
"axisCenteredZero": false, | |
"axisColorMode": "text", | |
"axisLabel": "Block Number", | |
"axisPlacement": "auto", | |
"barAlignment": 0, | |
"drawStyle": "line", | |
"fillOpacity": 10, | |
"gradientMode": "none", | |
"hideFrom": { | |
"legend": false, | |
"tooltip": false, | |
"viz": false | |
}, | |
"lineInterpolation": "linear", | |
"lineWidth": 2, | |
"pointSize": 5, | |
"scaleDistribution": { | |
"type": "linear" | |
}, | |
"showPoints": "never", | |
"spanNulls": false, | |
"stacking": { | |
"group": "A", | |
"mode": "none" | |
}, | |
"thresholdsStyle": { | |
"mode": "off" | |
} | |
}, | |
"mappings": [], | |
"thresholds": { | |
"mode": "absolute", | |
"steps": [ | |
{ | |
"color": "green", | |
"value": null | |
} | |
] | |
} | |
}, | |
"overrides": [] | |
}, | |
"gridPos": { | |
"h": 8, | |
"w": 18, | |
"x": 0, | |
"y": 1 | |
}, | |
"id": 2, | |
"options": { | |
"legend": { | |
"calcs": ["lastNotNull", "max"], | |
"displayMode": "table", | |
"placement": "bottom", | |
"showLegend": true | |
}, | |
"tooltip": { | |
"mode": "multi", | |
"sort": "none" | |
} | |
}, | |
"title": "L2 Block Numbers - Cross", | |
"type": "timeseries", | |
"targets": [ | |
{ | |
"expr": "op_supervisor_default_refs_number{type=~\"cross_unsafe|cross_safe\"}", | |
"legendFormat": "{{chain}} - {{type}}", | |
"refId": "A" | |
} | |
] | |
}, | |
{ | |
"datasource": { | |
"type": "prometheus", | |
"uid": "grafanacloud-prom" | |
}, | |
"fieldConfig": { | |
"defaults": { | |
"color": { | |
"mode": "thresholds" | |
}, | |
"mappings": [ | |
{ | |
"options": { | |
"0": { | |
"color": "red", | |
"index": 0, | |
"text": "Down" | |
}, | |
"1": { | |
"color": "green", | |
"index": 1, | |
"text": "Up" | |
} | |
}, | |
"type": "value" | |
} | |
], | |
"thresholds": { | |
"mode": "absolute", | |
"steps": [ | |
{ | |
"color": "red", | |
"value": null | |
}, | |
{ | |
"color": "green", | |
"value": 1 | |
} | |
] | |
} | |
}, | |
"overrides": [] | |
}, | |
"gridPos": { | |
"h": 8, | |
"w": 6, | |
"x": 18, | |
"y": 1 | |
}, | |
"id": 3, | |
"options": { | |
"colorMode": "background", | |
"graphMode": "area", | |
"justifyMode": "auto", | |
"orientation": "auto", | |
"reduceOptions": { | |
"calcs": ["lastNotNull"], | |
"fields": "", | |
"values": false | |
}, | |
"textMode": "auto" | |
}, | |
"title": "Service Status", | |
"type": "stat", | |
"targets": [ | |
{ | |
"expr": "op_supervisor_default_up", | |
"legendFormat": "Service Status", | |
"refId": "A" | |
} | |
] | |
}, | |
{ | |
"collapsed": false, | |
"gridPos": { | |
"h": 1, | |
"w": 24, | |
"x": 0, | |
"y": 9 | |
}, | |
"id": 4, | |
"panels": [], | |
"title": "Database Metrics", | |
"type": "row" | |
}, | |
{ | |
"datasource": { | |
"type": "prometheus", | |
"uid": "grafanacloud-prom" | |
}, | |
"fieldConfig": { | |
"defaults": { | |
"color": { | |
"mode": "palette-classic" | |
}, | |
"custom": { | |
"axisCenteredZero": false, | |
"axisColorMode": "text", | |
"axisLabel": "Entries", | |
"axisPlacement": "auto", | |
"barAlignment": 0, | |
"drawStyle": "line", | |
"fillOpacity": 10, | |
"gradientMode": "none", | |
"hideFrom": { | |
"legend": false, | |
"tooltip": false, | |
"viz": false | |
}, | |
"lineInterpolation": "linear", | |
"lineWidth": 2, | |
"pointSize": 5, | |
"scaleDistribution": { | |
"type": "linear" | |
}, | |
"showPoints": "never", | |
"spanNulls": false, | |
"stacking": { | |
"group": "A", | |
"mode": "none" | |
}, | |
"thresholdsStyle": { | |
"mode": "off" | |
} | |
}, | |
"mappings": [], | |
"thresholds": { | |
"mode": "absolute", | |
"steps": [ | |
{ | |
"color": "green", | |
"value": null | |
} | |
] | |
}, | |
"unit": "short" | |
}, | |
"overrides": [] | |
}, | |
"gridPos": { | |
"h": 8, | |
"w": 8, | |
"x": 0, | |
"y": 10 | |
}, | |
"id": 5, | |
"options": { | |
"legend": { | |
"calcs": ["lastNotNull", "mean"], | |
"displayMode": "table", | |
"placement": "bottom", | |
"showLegend": true | |
}, | |
"tooltip": { | |
"mode": "multi", | |
"sort": "none" | |
} | |
}, | |
"title": "Current LogDB Entries", | |
"type": "timeseries", | |
"targets": [ | |
{ | |
"expr": "op_supervisor_default_logdb_entries_current", | |
"legendFormat": "{{chain}} - {{kind}}", | |
"refId": "A" | |
} | |
] | |
}, | |
{ | |
"datasource": { | |
"type": "prometheus", | |
"uid": "grafanacloud-prom" | |
}, | |
"fieldConfig": { | |
"defaults": { | |
"color": { | |
"mode": "palette-classic" | |
}, | |
"custom": { | |
"axisCenteredZero": false, | |
"axisColorMode": "text", | |
"axisLabel": "Entries Read", | |
"axisPlacement": "auto", | |
"barAlignment": 0, | |
"drawStyle": "line", | |
"fillOpacity": 10, | |
"gradientMode": "none", | |
"hideFrom": { | |
"legend": false, | |
"tooltip": false, | |
"viz": false | |
}, | |
"lineInterpolation": "linear", | |
"lineWidth": 2, | |
"pointSize": 5, | |
"scaleDistribution": { | |
"type": "linear" | |
}, | |
"showPoints": "never", | |
"spanNulls": false, | |
"stacking": { | |
"group": "A", | |
"mode": "none" | |
}, | |
"thresholdsStyle": { | |
"mode": "off" | |
} | |
}, | |
"mappings": [], | |
"thresholds": { | |
"mode": "absolute", | |
"steps": [ | |
{ | |
"color": "green", | |
"value": null | |
} | |
] | |
}, | |
"unit": "short" | |
}, | |
"overrides": [] | |
}, | |
"gridPos": { | |
"h": 8, | |
"w": 8, | |
"x": 8, | |
"y": 10 | |
}, | |
"id": 6, | |
"options": { | |
"legend": { | |
"calcs": ["lastNotNull", "mean", "max"], | |
"displayMode": "table", | |
"placement": "bottom", | |
"showLegend": true | |
}, | |
"tooltip": { | |
"mode": "multi", | |
"sort": "none" | |
} | |
}, | |
"title": "LogDB Search Entries Read (Counter)", | |
"type": "timeseries", | |
"targets": [ | |
{ | |
"expr": "rate(op_supervisor_default_logdb_search_entries_read_count[5m])", | |
"legendFormat": "{{chain}}", | |
"refId": "A" | |
} | |
] | |
}, | |
{ | |
"datasource": { | |
"type": "prometheus", | |
"uid": "grafanacloud-prom" | |
}, | |
"fieldConfig": { | |
"defaults": { | |
"custom": { | |
"hideFrom": { | |
"legend": false, | |
"tooltip": false, | |
"viz": false | |
}, | |
"scaleDistribution": { | |
"type": "linear" | |
} | |
} | |
}, | |
"overrides": [] | |
}, | |
"gridPos": { | |
"h": 8, | |
"w": 8, | |
"x": 16, | |
"y": 10 | |
}, | |
"id": 7, | |
"options": { | |
"calculate": false, | |
"calculation": { | |
"xBuckets": { | |
"mode": "size", | |
"value": "1" | |
} | |
}, | |
"cellGap": 1, | |
"color": { | |
"exponent": 0.5, | |
"fill": "dark-orange", | |
"mode": "scheme", | |
"reverse": false, | |
"scale": "exponential", | |
"scheme": "Oranges", | |
"steps": 64 | |
}, | |
"exemplars": { | |
"color": "rgba(255,0,255,0.7)" | |
}, | |
"filterValues": { | |
"le": 1e-9 | |
}, | |
"legend": { | |
"show": true | |
}, | |
"rowsFrame": { | |
"layout": "auto" | |
}, | |
"tooltip": { | |
"show": true, | |
"yHistogram": false | |
}, | |
"yAxis": { | |
"axisPlacement": "left", | |
"reverse": false, | |
"unit": "short" | |
} | |
}, | |
"title": "LogDB Search Entries Read Distribution", | |
"type": "heatmap", | |
"targets": [ | |
{ | |
"expr": "sum(increase(op_supervisor_default_logdb_search_entries_read_bucket[5m])) by (le)", | |
"format": "heatmap", | |
"legendFormat": "{{le}}", | |
"refId": "A" | |
} | |
] | |
}, | |
{ | |
"collapsed": false, | |
"gridPos": { | |
"h": 1, | |
"w": 24, | |
"x": 0, | |
"y": 19 | |
}, | |
"id": 8, | |
"panels": [], | |
"title": "Events Emitted", | |
"type": "row" | |
}, | |
{ | |
"datasource": { | |
"type": "prometheus", | |
"uid": "grafanacloud-prom" | |
}, | |
"fieldConfig": { | |
"defaults": { | |
"color": { | |
"mode": "palette-classic" | |
}, | |
"custom": { | |
"axisCenteredZero": false, | |
"axisColorMode": "text", | |
"axisLabel": "Events/5m", | |
"axisPlacement": "auto", | |
"barAlignment": 0, | |
"drawStyle": "line", | |
"fillOpacity": 10, | |
"gradientMode": "none", | |
"hideFrom": { | |
"legend": false, | |
"tooltip": false, | |
"viz": false | |
}, | |
"lineInterpolation": "linear", | |
"lineWidth": 2, | |
"pointSize": 5, | |
"scaleDistribution": { | |
"type": "linear" | |
}, | |
"showPoints": "never", | |
"spanNulls": false, | |
"stacking": { | |
"group": "A", | |
"mode": "none" | |
}, | |
"thresholdsStyle": { | |
"mode": "off" | |
} | |
}, | |
"mappings": [], | |
"thresholds": { | |
"mode": "absolute", | |
"steps": [ | |
{ | |
"color": "green", | |
"value": null | |
} | |
] | |
}, | |
"unit": "short" | |
}, | |
"overrides": [] | |
}, | |
"gridPos": { | |
"h": 8, | |
"w": 12, | |
"x": 0, | |
"y": 20 | |
}, | |
"id": 9, | |
"options": { | |
"legend": { | |
"calcs": ["lastNotNull", "sum"], | |
"displayMode": "table", | |
"placement": "bottom", | |
"showLegend": true | |
}, | |
"tooltip": { | |
"mode": "multi", | |
"sort": "none" | |
} | |
}, | |
"title": "By Source", | |
"type": "timeseries", | |
"targets": [ | |
{ | |
"expr": "sum(rate(op_supervisor_default_events_emitted[5m])) by (emitter)", | |
"legendFormat": "{{emitter}}", | |
"refId": "A" | |
} | |
] | |
}, | |
{ | |
"datasource": { | |
"type": "prometheus", | |
"uid": "grafanacloud-prom" | |
}, | |
"fieldConfig": { | |
"defaults": { | |
"color": { | |
"mode": "palette-classic" | |
}, | |
"custom": { | |
"axisCenteredZero": false, | |
"axisColorMode": "text", | |
"axisLabel": "Events/5m", | |
"axisPlacement": "auto", | |
"barAlignment": 0, | |
"drawStyle": "line", | |
"fillOpacity": 10, | |
"gradientMode": "none", | |
"hideFrom": { | |
"legend": false, | |
"tooltip": false, | |
"viz": false | |
}, | |
"lineInterpolation": "linear", | |
"lineWidth": 2, | |
"pointSize": 5, | |
"scaleDistribution": { | |
"type": "linear" | |
}, | |
"showPoints": "never", | |
"spanNulls": false, | |
"stacking": { | |
"group": "A", | |
"mode": "none" | |
}, | |
"thresholdsStyle": { | |
"mode": "off" | |
} | |
}, | |
"mappings": [], | |
"thresholds": { | |
"mode": "absolute", | |
"steps": [ | |
{ | |
"color": "green", | |
"value": null | |
} | |
] | |
}, | |
"unit": "short" | |
}, | |
"overrides": [] | |
}, | |
"gridPos": { | |
"h": 8, | |
"w": 12, | |
"x": 12, | |
"y": 20 | |
}, | |
"id": 10, | |
"options": { | |
"legend": { | |
"calcs": ["lastNotNull", "sum"], | |
"displayMode": "table", | |
"placement": "bottom", | |
"showLegend": true | |
}, | |
"tooltip": { | |
"mode": "multi", | |
"sort": "none" | |
} | |
}, | |
"title": "Events by Type", | |
"type": "timeseries", | |
"targets": [ | |
{ | |
"expr": "rate(op_supervisor_default_events_emitted[5m])", | |
"legendFormat": "{{event_type}}", | |
"refId": "A" | |
} | |
] | |
}, | |
{ | |
"collapsed": false, | |
"gridPos": { | |
"h": 1, | |
"w": 24, | |
"x": 0, | |
"y": 28 | |
}, | |
"id": 11, | |
"panels": [], | |
"title": "Events Processed", | |
"type": "row" | |
}, | |
{ | |
"datasource": { | |
"type": "prometheus", | |
"uid": "grafanacloud-prom" | |
}, | |
"fieldConfig": { | |
"defaults": { | |
"color": { | |
"mode": "palette-classic" | |
}, | |
"custom": { | |
"axisCenteredZero": false, | |
"axisColorMode": "text", | |
"axisLabel": "Events/5m", | |
"axisPlacement": "auto", | |
"barAlignment": 0, | |
"drawStyle": "line", | |
"fillOpacity": 10, | |
"gradientMode": "none", | |
"hideFrom": { | |
"legend": false, | |
"tooltip": false, | |
"viz": false | |
}, | |
"lineInterpolation": "linear", | |
"lineWidth": 2, | |
"pointSize": 5, | |
"scaleDistribution": { | |
"type": "linear" | |
}, | |
"showPoints": "never", | |
"spanNulls": false, | |
"stacking": { | |
"group": "A", | |
"mode": "none" | |
}, | |
"thresholdsStyle": { | |
"mode": "off" | |
} | |
}, | |
"mappings": [], | |
"thresholds": { | |
"mode": "absolute", | |
"steps": [ | |
{ | |
"color": "green", | |
"value": null | |
} | |
] | |
}, | |
"unit": "short" | |
}, | |
"overrides": [] | |
}, | |
"gridPos": { | |
"h": 8, | |
"w": 8, | |
"x": 0, | |
"y": 29 | |
}, | |
"id": 12, | |
"options": { | |
"legend": { | |
"calcs": ["lastNotNull", "sum"], | |
"displayMode": "table", | |
"placement": "bottom", | |
"showLegend": true | |
}, | |
"tooltip": { | |
"mode": "multi", | |
"sort": "none" | |
} | |
}, | |
"title": "By Processor", | |
"type": "timeseries", | |
"targets": [ | |
{ | |
"expr": "sum by(deriver) (rate(op_supervisor_default_events_processed[5m]))", | |
"legendFormat": "{{deriver}}", | |
"refId": "A" | |
} | |
] | |
}, | |
{ | |
"datasource": { | |
"type": "prometheus", | |
"uid": "grafanacloud-prom" | |
}, | |
"fieldConfig": { | |
"defaults": { | |
"color": { | |
"mode": "palette-classic" | |
}, | |
"custom": { | |
"axisCenteredZero": false, | |
"axisColorMode": "text", | |
"axisLabel": "Events/5m", | |
"axisPlacement": "auto", | |
"barAlignment": 0, | |
"drawStyle": "line", | |
"fillOpacity": 10, | |
"gradientMode": "none", | |
"hideFrom": { | |
"legend": false, | |
"tooltip": false, | |
"viz": false | |
}, | |
"lineInterpolation": "linear", | |
"lineWidth": 2, | |
"pointSize": 5, | |
"scaleDistribution": { | |
"type": "linear" | |
}, | |
"showPoints": "never", | |
"spanNulls": false, | |
"stacking": { | |
"group": "A", | |
"mode": "none" | |
}, | |
"thresholdsStyle": { | |
"mode": "off" | |
} | |
}, | |
"mappings": [], | |
"thresholds": { | |
"mode": "absolute", | |
"steps": [ | |
{ | |
"color": "green", | |
"value": null | |
} | |
] | |
}, | |
"unit": "short" | |
}, | |
"overrides": [] | |
}, | |
"gridPos": { | |
"h": 8, | |
"w": 8, | |
"x": 8, | |
"y": 29 | |
}, | |
"id": 13, | |
"options": { | |
"legend": { | |
"calcs": ["lastNotNull", "sum"], | |
"displayMode": "table", | |
"placement": "bottom", | |
"showLegend": true | |
}, | |
"tooltip": { | |
"mode": "multi", | |
"sort": "none" | |
} | |
}, | |
"title": "Events by Type", | |
"type": "timeseries", | |
"targets": [ | |
{ | |
"expr": "sum(rate(op_supervisor_default_events_processed[5m])) by (event_type)", | |
"legendFormat": "{{event_type}}", | |
"refId": "A" | |
} | |
] | |
}, | |
{ | |
"datasource": { | |
"type": "prometheus", | |
"uid": "grafanacloud-prom" | |
}, | |
"fieldConfig": { | |
"defaults": { | |
"color": { | |
"mode": "palette-classic" | |
}, | |
"custom": { | |
"axisCenteredZero": false, | |
"axisColorMode": "text", | |
"axisLabel": "Processing Time (s)", | |
"axisPlacement": "auto", | |
"barAlignment": 0, | |
"drawStyle": "line", | |
"fillOpacity": 10, | |
"gradientMode": "none", | |
"hideFrom": { | |
"legend": false, | |
"tooltip": false, | |
"viz": false | |
}, | |
"lineInterpolation": "linear", | |
"lineWidth": 2, | |
"pointSize": 5, | |
"scaleDistribution": { | |
"type": "linear" | |
}, | |
"showPoints": "never", | |
"spanNulls": false, | |
"stacking": { | |
"group": "A", | |
"mode": "none" | |
}, | |
"thresholdsStyle": { | |
"mode": "off" | |
} | |
}, | |
"mappings": [], | |
"thresholds": { | |
"mode": "absolute", | |
"steps": [ | |
{ | |
"color": "green", | |
"value": null | |
} | |
] | |
}, | |
"unit": "s" | |
}, | |
"overrides": [] | |
}, | |
"gridPos": { | |
"h": 8, | |
"w": 8, | |
"x": 16, | |
"y": 29 | |
}, | |
"id": 14, | |
"options": { | |
"legend": { | |
"calcs": ["lastNotNull", "mean", "max"], | |
"displayMode": "table", | |
"placement": "bottom", | |
"showLegend": true | |
}, | |
"tooltip": { | |
"mode": "multi", | |
"sort": "none" | |
} | |
}, | |
"title": "Processing Time", | |
"type": "timeseries", | |
"targets": [ | |
{ | |
"expr": "sum by(deriver) (rate(op_supervisor_default_events_process_time[5m]))", | |
"legendFormat": "{{deriver}}", | |
"refId": "A" | |
} | |
] | |
} | |
], | |
"refresh": "10s", | |
"schemaVersion": 38, | |
"style": "dark", | |
"tags": ["interop", "cross-chain", "monitoring"], | |
"templating": { | |
"list": [] | |
}, | |
"time": { | |
"from": "now-6h", | |
"to": "now" | |
}, | |
"timepicker": { | |
"refresh_intervals": [ | |
"5s", | |
"10s", | |
"30s", | |
"1m", | |
"5m", | |
"15m", | |
"30m", | |
"1h", | |
"2h", | |
"1d" | |
] | |
}, | |
"timezone": "browser", | |
"title": "Optimism Interop Dashboard", | |
"uid": "op-interop", | |
"version": 1, | |
"weekStart": "" | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment