history plot

static/index.html

@@ -12,6 +12,8 @@
     .value { font-size: clamp(3rem, 12vw, 8rem); font-weight: 800; line-height: 1; }
     .unit { margin-top: 0.75rem; font-size: 1.25rem; color: #94a3b8; }
     .updated-at { margin-top: 0.5rem; font-size: 0.875rem; color: #64748b; }
+    .chart { margin-top: 1.25rem; width: min(92vw, 42rem); }
+    .chart-svg { display: block; width: 100%; height: auto; }
   </style>
 </head>
 <body>
@@ -19,6 +21,7 @@
       <div class="value">{{.Watts}}</div>
       <div class="unit">watts</div>
       <div class="updated-at">Last updated: {{.UpdatedAt}}</div>
+      <div class="chart">{{.HistoryChart}}</div>
     </main>
 </body>
 </html>