Replace year with age

gurbindersingh · Oct 19, 2024 · 6050d7c · 6050d7c
1 parent f063298
commit 6050d7c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -18,14 +18,14 @@ <h3 class="is-sr-only">Chart</h3>
             <div id="chart-container" class="column"></div>
             <h3 class="is-sr-only">Data table</h3>
             <details class="my-6">
-                <summary>Toggle table</summary>
+                <summary id="table-toggle">Toggle table</summary>
                 <table class="table m-auto">
                     <caption class="is-sr-only">
                         A table containing the same data as the chart
                     </caption>
                     <thead>
                         <tr>
-                            <th>Year</th>
+                            <th>Age</th>
                             <th>Investments/Savings</th>
                             <th>Income</th>
                             <th>Living costs</th>

diff --git a/src/render.ts b/src/render.ts
@@ -77,7 +77,7 @@ function renderTable(data: PlotData[]) {
         .map(
             (row: PlotData) =>
                 `<tr>
-                    <td>${row.year}</td>
+                    <td>${row.age}</td>
                     <td>${Math.round(row.investments)}</td>
                     <td>${Math.round(row.income)}</td>
                     <td>${Math.round(row.livingCosts)}</td>

diff --git a/src/style/main.css b/src/style/main.css
@@ -1 +1,5 @@
 @import "./bulma.css";
+
+#table-toggle {
+    cursor: pointer;
+}