{"id":2617,"date":"2025-12-30T14:58:22","date_gmt":"2025-12-30T13:58:22","guid":{"rendered":"https:\/\/labalec.fr\/erwan\/?p=2617"},"modified":"2025-12-30T15:53:15","modified_gmt":"2025-12-30T14:53:15","slug":"bandwidth-usage-on-my-ddwrt-router","status":"publish","type":"post","link":"https:\/\/labalec.fr\/erwan\/?p=2617","title":{"rendered":"Bandwidth usage on my DDWRT router"},"content":{"rendered":"\n

8 years ago I had come with a dirty solution to graph my router bandwidth usage (here<\/a>).<\/p>\n\n\n\n

Now, we have AI (chatgpt here) and with a single prompt (\u00ab\u00a0over ssh, retrieve my ddwrt bandwidth usage\u00a0\u00bb), it provided me with a neat script\/solution.<\/p>\n\n\n\n

I then get a web page, refreshed hourly.<\/p>\n\n\n\n

#!\/bin\/bash\nset -e\n\n# ==================================================\n# Configuration\n# ==================================================\nROUTER_IP=\"192.168.1.250\"\nROUTER_USER=\"root\"\nSSH_KEY=\"$HOME\/.ssh\/id_ed25519\"\nOUTPUT_HTML=\"\/var\/www\/html\/traffic.html\"\n\nMONTH=$(date +%m)\nYEAR=$(date +%Y)\nNVRAM_KEY=\"traff-$MONTH-$YEAR\"\n\nGENERATED_AT=$(date '+%d\/%m\/%Y \u00e0 %H:%M')\n\n# ==================================================\n# R\u00e9cup\u00e9ration des donn\u00e9es depuis le routeur\n# ==================================================\nRAW_DATA=$(ssh -i \"$SSH_KEY\" -q \"$ROUTER_USER@$ROUTER_IP\" \"nvram get $NVRAM_KEY\")\n\n# Total mensuel [incoming:outgoing]\nTOTAL=$(echo \"$RAW_DATA\" | grep -o '\\[.*\\]')\n\n# Donn\u00e9es journali\u00e8res uniquement\nDATA=$(echo \"$RAW_DATA\" | sed 's\/\\[.*\\]\/\/')\n\n# ==================================================\n# G\u00e9n\u00e9ration de la page HTML (\u00e9criture root)\n# ==================================================\nsudo tee \"$OUTPUT_HTML\" > \/dev\/null <<EOF\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<title>Trafic DD-WRT - $MONTH\/$YEAR<\/title>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n<style>\n  body {\n    font-family: Arial, sans-serif;\n    background: #f4f4f9;\n    margin: 40px;\n  }\n  h1 {\n    text-align: center;\n  }\n  #chart-container {\n    max-width: 1100px;\n    margin: auto;\n  }\n  .generated {\n    position: fixed;\n    bottom: 10px;\n    right: 15px;\n    font-size: 0.85em;\n    color: #666;\n  }\n<\/style>\n<\/head>\n<body>\n\n<h1>Trafic journalier DD-WRT \u2013 $MONTH\/$YEAR<\/h1>\n\n<div id=\"chart-container\">\n  <canvas id=\"trafficChart\"><\/canvas>\n<\/div>\n\n<p style=\"text-align:center; font-size:1.1em;\">\n  <strong>Total du mois :<\/strong> $TOTAL MB (incoming : outgoing)\n<\/p>\n\n<div class=\"generated\">\n  G\u00e9n\u00e9r\u00e9 le $GENERATED_AT\n<\/div>\n\n<script>\nconst rawData = \"$DATA\";\n\nconst incoming = [];\nconst outgoing = [];\n\nrawData.trim().split(' ').forEach(pair => {\n  const [inVal, outVal] = pair.split(':').map(Number);\n  incoming.push(inVal);\n  outgoing.push(outVal);\n});\n\nconst labels = Array.from({ length: incoming.length }, (_, i) => 'Jour ' + (i + 1));\n\nconst ctx = document.getElementById('trafficChart').getContext('2d');\nnew Chart(ctx, {\n  type: 'bar',\n  data: {\n    labels: labels,\n    datasets: [\n      {\n        label: 'Incoming (MB)',\n        data: incoming,\n        backgroundColor: 'rgba(54, 162, 235, 0.7)'\n      },\n      {\n        label: 'Outgoing (MB)',\n        data: outgoing,\n        backgroundColor: 'rgba(255, 99, 132, 0.7)'\n      }\n    ]\n  },\n  options: {\n    responsive: true,\n    plugins: {\n      legend: { position: 'top' },\n      tooltip: {\n        callbacks: {\n          label: ctx =>\n            ctx.dataset.label + ': ' + ctx.raw.toLocaleString() + ' MB'\n        }\n      }\n    },\n    scales: {\n      x: { stacked: true },\n      y: {\n        stacked: true,\n        beginAtZero: true,\n        title: {\n          display: true,\n          text: 'MB'\n        }\n      }\n    }\n  }\n});\n<\/script>\n\n<\/body>\n<\/html>\nEOF\n<\/code><\/pre>\n\n\n\n
\"\"<\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"
8 years ago I had come with a dirty solution to graph my router bandwidth usage (here). Now, we have AI (chatgpt here) and with a single prompt (\u00ab\u00a0over ssh, retrieve my ddwrt bandwidth usage\u00a0\u00bb), it provided me with a neat script\/solution. I then get a web page, refreshed hourly.<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[148],"tags":[],"class_list":["post-2617","post","type-post","status-publish","format-standard","hentry","category-ddwrt","category-148-id","post-seq-1","post-parity-odd","meta-position-corners","fix"],"_links":{"self":[{"href":"https:\/\/labalec.fr\/erwan\/index.php?rest_route=\/wp\/v2\/posts\/2617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/labalec.fr\/erwan\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/labalec.fr\/erwan\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/labalec.fr\/erwan\/index.php?rest_route=\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/labalec.fr\/erwan\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2617"}],"version-history":[{"count":2,"href":"https:\/\/labalec.fr\/erwan\/index.php?rest_route=\/wp\/v2\/posts\/2617\/revisions"}],"predecessor-version":[{"id":2621,"href":"https:\/\/labalec.fr\/erwan\/index.php?rest_route=\/wp\/v2\/posts\/2617\/revisions\/2621"}],"wp:attachment":[{"href":"https:\/\/labalec.fr\/erwan\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/labalec.fr\/erwan\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/labalec.fr\/erwan\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}