This lesson's interactive features are locked, please to keep using them

Status Code Bars

Line charts are great for trends over time, but they're not always ideal for comparing categorical values.

HTTP status codes are categorical. If we want to compare how many 200, 401, and 500 responses we get, a bar chart is often clearer than a line chart.

Assignment

Add a new bar chart panel grouped by status code.

Open your Linko App Metrics dashboard in Grafana.
Add a new visualization ("Add" at the top)
Set the new panel's visualization type to Bar chart.
Switch the query editor toggle from "Builder" to "Code". Use this PromQL query to get the total number of HTTP requests by status code:
```
sum(increase(http_requests_total[$__range])) by (status)
```
Click on the "Transformations" tab next to "Queries"
Select "Add Transformation" → "Reduce" (this will collapse all the different bars into one for each code)
Go click around generating some traffic in Linko – do some failed logins so you get some nice 401 bars!
In "Panel options" on the right hand side, rename the panel to "HTTP Status Codes"
Save the dashboard, and go back to the main dashboard screen – it should now have two visualizations.
Click "Edit" at the top of the dashboard, and drag and expand the two panels side by side so they each have half the screen.
Update the dashboard to look at the last 5 minutes of data, and to refresh every 5 seconds. You've got a live dashboard now!
Save the dashboard.

Run and submit the CLI tests from the root of the Linko repo.