A complete guide to setting up StatsD Exporter in Docker, running the TypeScript application, and visualizing metrics in Prometheus & Grafana.

This application simulates high-load scenarios by sending metrics to StatsD Exporter at a configurable rate. The data flows through StatsD → Prometheus → Grafana, where it can be visualized.

Ensure you have the following installed:

• Docker & Docker Compose (For running StatsD Exporter)
• Node.js 18+ (Use nvm install 18 if needed)
• npm (Installed with Node.js)
• Prometheus & Grafana (For visualization)

StatsD Exporter converts StatsD metrics into Prometheus format.

1️⃣ Create a Docker network (optional, if not using an existing one):

docker network create monitoring

2️⃣ Run StatsD Exporter:

docker run -d --name statsd-exporter \
  --network monitoring \
  -p 9125:9125/udp \
  -p 9102:9102 \
  prom/statsd-exporter

• -p 9125:9125/udp → Listens for StatsD UDP traffic
• -p 9102:9102 → Exposes Prometheus metrics

1️⃣ Clone the repo:

git clone https://github.com/your-repo.git
cd your-repo

2️⃣ Install dependencies:

npm install

1️⃣ Copy the example file:

cp .env.example .env

2️⃣ Edit .env:

STATSD_HOST=localhost
STATSD_PORT=9125
STATSD_PREFIX=app.metrics.
APP_PORT=3000

• STATSD_HOST=statsd-exporter (If running in Docker network)
• STATSD_HOST=localhost (If running directly on your machine)

npm run dev

This starts the app with live reload.

npm run build
npm start

1️⃣ Send a test metric manually:

echo "test.metric:1|c" | nc -u -w1 localhost 9125

2️⃣ Check if StatsD Exporter received it:

curl -s http://localhost:9102/metrics | grep test_metric

✅ Expected output:

# HELP test_metric StatsD metric
# TYPE test_metric counter
test_metric 1

1️⃣ Open your Prometheus config file (prometheus.yml)
2️⃣ Add the StatsD Exporter as a scrape target:

scrape_configs:
  - job_name: 'statsd'
    static_configs:
      - targets: ['localhost:9102']

3️⃣ Restart Prometheus:

sudo systemctl restart prometheus

4️⃣ Query in Prometheus UI 👉 http://localhost:9090

app_metrics_button_click
app_metrics_active_users
app_metrics_api_response_time

1️⃣ Open Grafana 👉 http://localhost:3000
2️⃣ Add a Prometheus Data Source

• URL: http://localhost:9090
  3️⃣ Create a new dashboard 4️⃣ Add panels with these queries:

app_metrics_button_click
app_metrics_active_users
app_metrics_api_response_time

5️⃣ Save & monitor real-time data!

docker ps | grep statsd-exporter

docker logs -f statsd-exporter

curl -s http://localhost:9102/metrics | grep app_metrics

• StatsD Exporter is running in Docker (port 9125 UDP)
• TypeScript App is sending metrics to StatsD
• Prometheus is scraping metrics from StatsD Exporter
• Grafana visualizes real-time metrics