Zabbix Traffic Monitoring

Overview

The Zabbix - Tráfico por Conexión page shows live bandwidth consumption for each monitored network link. Unlike the Capacity Dashboard, which tracks statically assigned capacity, this view reflects actual measured traffic from Zabbix — the IN and OUT Mbps peaks polled by SNMP or the Zabbix agent. You can select any row in the grid to view the full IN/OUT trend chart for that link.

Zabbix natively reports interface traffic in bps (bits per second). The dashboard divides these values by 1,000,000 to convert them to Mbps before display. All fields in ZbxLink — contratadoMbps, ultimoInMbps, ultimoOutMbps, peakInMbps, peakOutMbps — are already in Mbps.

KPI Cards

Four summary cards aggregate across all monitored links.

Card	Computation	Description
BW contratado total	`Σ contratadoMbps`	Sum of contracted bandwidth across all monitored links.
Peak total	`Σ max(peakInMbps, peakOutMbps)`	Aggregate worst-direction peak for all links.
Disponible estimado	`Σ (contratadoMbps − peakMbps)`, floored at 0 per link	Estimated free capacity based on peak measurements.
Riesgo	`(Σ peakMbps / Σ contratadoMbps) × 100`	Global peak-based usage %, with LLENO and CRÍTICO counts as subtitle.

Risk Classification

The Zabbix page uses the same four-level risk function as the Capacity Dashboard, applied to usoPct = peakMbps / contratadoMbps × 100:

Level	Key	Threshold	Color chip
OK	`OK`	`usoPct < 70 %`	success (green)
MEDIO	`MEDIO`	`70 % ≤ usoPct < 85 %`	info (blue)
CRÍTICO	`CRITICO`	`85 % ≤ usoPct < 100 %`	warning (orange)
LLENO	`LLENO`	`usoPct ≥ 100 %`	error (red)

The peak used for risk scoring is peakMbps = Math.max(peakInMbps, peakOutMbps) — the worse of the two directions determines the risk level for the link.

Trend Chart (IN/OUT Mbps)

The line chart in the upper-left panel renders the full trend time series for the currently selected connection. It plots two lines:

IN Mbps — inMbps field from each ZbxTrafficPoint
OUT Mbps — outMbps field from each ZbxTrafficPoint

The chart title updates dynamically to show the selected conexionId, equipo, interfaz, and contratadoMbps.

ZbxTrafficPoint type

type ZbxTrafficPoint = {
  ts:       string;  // timestamp label, e.g. "09:00"
  inMbps:   number;  // ingress traffic in Mbps
  outMbps:  number;  // egress traffic in Mbps
};

Detail Panel

The right-side panel shows the statistics for the selected link:

Field	Description
Peak (Mbps)	`max(peakInMbps, peakOutMbps)` — highest recorded throughput in either direction.
Disponible estimado	`max(0, contratadoMbps − peakMbps)` — estimated free capacity.
Uso %	`(peakMbps / contratadoMbps) × 100`, capped at 100. Rendered as both a percentage label and a `LinearProgress` bar.
Riesgo chip	OK / MEDIO / CRÍTICO / LLENO colored chip.

Data Grid — Monitored Links

The full table below the chart and detail panel lists every monitored link. Clicking a row updates the trend chart and detail panel for that link. The grid is sorted by usoPct descending by default.

Column	Field	Notes
Conexión	`conexionId`	Matches the `conexionId` in the Capacity Dashboard.
Proveedor	`proveedor`	Upstream provider name (e.g. BITEL, CLARO, TELEFÓNICA).
Equipo	`equipo`	Router or switch hostname (e.g. `edge-lima-01`, `core-peering-02`).
Interfaz	`interfaz`	Physical interface (e.g. `Gi0/0/0`, `xe-0/0/1`, `ae1`).
Contratado	`contratadoMbps`	Contracted bandwidth for this link in Mbps.
Peak (Mbps)	`peakMbps`	`max(peakInMbps, peakOutMbps)`.
Disp. Est.	`disponibleEst`	`max(0, contratadoMbps − peakMbps)`.
Uso	`usoPct`	Progress bar + percentage label.
Riesgo	`riesgoLabel`	Colored MUI chip.
Último dato	`lastClock`	Timestamp of the most recent Zabbix poll, e.g. `"2026-02-19 09:10"`.

Row click behaviour

onRowClick={(p) => setSelectedId(Number(p.row.id))}

Clicking any row sets the selected link ID, which re-renders both the trend chart and the detail panel for that link.

ZbxLink type reference

type ZbxLink = {
  id:              number;
  conexionId:      number;       // matches capacidad.conexionId
  proveedor:       string;
  equipo:          string;       // router / switch hostname
  interfaz:        string;       // Gi0/0/0, xe-0/0/1, ae1, etc.
  contratadoMbps:  number;
  ultimoInMbps:    number;       // last polled ingress (Mbps)
  ultimoOutMbps:   number;       // last polled egress (Mbps)
  peakInMbps:      number;
  peakOutMbps:     number;
  lastClock:       string;       // "YYYY-MM-DD HH:mm"
  trend:           ZbxTrafficPoint[];
};

MANUAL DE USUARIO

Get Started

Core Features

Administration

Deployment

Zabbix Traffic Monitoring

Overview

KPI Cards

Risk Classification

Trend Chart (IN/OUT Mbps)

ZbxTrafficPoint type

Detail Panel

Data Grid — Monitored Links

Row click behaviour

ZbxLink type reference

​Overview

​KPI Cards

​Risk Classification

​Trend Chart (IN/OUT Mbps)

​ZbxTrafficPoint type

​Detail Panel

​Data Grid — Monitored Links

​Row click behaviour

​ZbxLink type reference

Overview

KPI Cards

Risk Classification

Trend Chart (IN/OUT Mbps)

ZbxTrafficPoint type

Detail Panel

Data Grid — Monitored Links

Row click behaviour

ZbxLink type reference