create a dashboard to visualize the /rust and /typescript endpoints from this data axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/rust",le="0.005"} 0 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/rust",le="0.01"} 0 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/rust",le="0.025"} 0 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/rust",le="0.05"} 0 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/rust",le="0.1"} 0 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/rust",le="0.25"} 0 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/rust",le="0.5"} 0 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/rust",le="1"} 4 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/rust",le="2.5"} 483 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/rust",le="5"} 830 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/rust",le="10"} 846 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/rust",le="+Inf"} 854 axum_http_requests_duration_seconds_sum{method="POST",status="200",endpoint="/rust"} 2208.7790549630026 axum_http_requests_duration_seconds_count{method="POST",status="200",endpoint="/rust"} 854 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/typescript",le="0.005"} 0 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/typescript",le="0.01"} 0 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/typescript",le="0.025"} 0 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/typescript",le="0.05"} 0 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/typescript",le="0.1"} 485 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/typescript",le="0.25"} 2018 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/typescript",le="0.5"} 2705 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/typescript",le="1"} 3208 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/typescript",le="2.5"} 4193 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/typescript",le="5"} 4235 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/typescript",le="10"} 4252 axum_http_requests_duration_seconds_bucket{method="POST",status="200",endpoint="/typescript",le="+Inf"} 4279 axum_http_requests_duration_seconds_sum{method="POST",status="200",endpoint="/typescript"} 3094.579604361992 axum_http_requests_duration_seconds_count{method="POST",status="200",endpoint="/typescript"} 4279 axum_http_requests_duration_seconds_bucket{method="GET",status="404",endpoint="/favicon.ico",le="0.005"} 5 axum_http_requests_duration_seconds_bucket{method="GET",status="404",endpoint="/favicon.ico",le="0.01"} 5 axum_http_requests_duration_seconds_bucket{method="GET",status="404",endpoint="/favicon.ico",le="0.025"} 5 axum_http_requests_duration_seconds_bucket{method="GET",status="404",endpoint="/favicon.ico",le="0.05"} 5 axum_http_requests_duration_seconds_bucket{method="GET",status="404",endpoint="/favicon.ico",le="0.1"} 5 axum_http_requests_duration_seconds_bucket{method="GET",status="404",endpoint="/favicon.ico",le="0.25"} 5 axum_http_requests_duration_seconds_bucket{method="GET",status="404",endpoint="/favicon.ico",le="0.5"} 5 axum_http_requests_duration_seconds_bucket{method="GET",status="404",endpoint="/favicon.ico",le="1"} 5 axum_http_requests_duration_seconds_bucket{method="GET",status="404",endpoint="/favicon.ico",le="2.5"} 5 axum_http_requests_duration_seconds_bucket{method="GET",status="404",endpoint="/favicon.ico",le="5"} 5 axum_http_requests_duration_seconds_bucket{method="GET",status="404",endpoint="/favicon.ico",le="10"} 5 axum_http_requests_duration_seconds_bucket{method="GET",status="404",endpoint="/favicon.ico",le="+Inf"} 5 axum_http_requests_duration_seconds_sum{method="GET",status="404",endpoint="/favicon.ico"} 0.000088229 axum_http_requests_duration_seconds_count{method="GET",status="404",endpoint="/favicon.ico"} 5 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/",le="0.005"} 1 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/",le="0.01"} 1 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/",le="0.025"} 1 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/",le="0.05"} 1 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/",le="0.1"} 1 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/",le="0.25"} 1 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/",le="0.5"} 1 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/",le="1"} 1 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/",le="2.5"} 1 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/",le="5"} 1 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/",le="10"} 1 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/",le="+Inf"} 1 axum_http_requests_duration_seconds_sum{method="GET",status="200",endpoint="/"} 0.000027134 axum_http_requests_duration_seconds_count{method="GET",status="200",endpoint="/"} 1 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/metrics",le="0.005"} 66 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/metrics",le="0.01"} 66 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/metrics",le="0.025"} 66 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/metrics",le="0.05"} 66 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/metrics",le="0.1"} 66 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/metrics",le="0.25"} 66 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/metrics",le="0.5"} 66 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/metrics",le="1"} 66 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/metrics",le="2.5"} 66 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/metrics",le="5"} 66 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/metrics",le="10"} 66 axum_http_requests_duration_seconds_bucket{method="GET",status="200",endpoint="/metrics",le="+Inf"} 66 axum_http_requests_duration_seconds_sum{method="GET",status="200",endpoint="/metrics"} 0.014591734000000004 axum_http_requests_duration_seconds_count{method="GET",status="200",endpoint="/metrics"} 66
I'll create a comprehensive dashboard to visualize the performance metrics for your /rust and /typescript endpoints. This dashboard will parse the Prometheus histogram data and present it in an easy-to-understand format.
I've created a comprehensive dashboard that visualizes your Prometheus metrics data for the /rust and /typescript endpoints. Here's what the dashboard includes:
The dashboard uses Recharts for visualizations and provides an intuitive tabbed interface to explore different aspects of your API performance data.
I'll enhance the dashboard with more comprehensive graphs and visualizations for your Axum endpoint data.
I've created a comprehensive dashboard with extensive graphs and visualizations for your Axum endpoint data! Here's what I've added:
The dashboard now provides a complete visual analysis of your API performance data with multiple graph types to understand different aspects of your endpoint performance!