Complexity of a Simple Chart - I

by Jeff Cave

HTML

<table>
<caption>
  <h1>System Status: ❌</h1>
  <p>
  @<time>2023-02-02</time>
  </p>
</caption>
<thead>
 <tr>
  <th>Status</th>
  <th>Expected</th>
  <th>Actual</th>
  <th>Desc</th>
 </tr>
</thead>
<tbody>
 <tr>
  <td>❌</td>
  <td>0</td>
  <td>33</td>
  <td>Error buffer empty (gov.sec)</td>
 </tr>
 <tr>
  <td>✅</td>
  <td>123456789</td>
  <td>123456789</td>
  <td>Batch import and stored counts match (gov.sec)</td>
 </tr>
 <tr>
  <td>✅</td>
  <td>123456</td>
  <td>123456</td>
  <td>Batch import and stored counts match (gov.sedar)</td>
 </tr>
 <tr>
  <td>✅</td>
  <td>123456</td>
  <td>123456</td>
  <td>Batch import and stored counts match (market.tsx)</td>
 </tr>
 <tr>
  <td>✅</td>
  <td>65432123</td>
  <td>65432123</td>
  <td>Batch import and stored counts match (market.nyse)</td>
 </tr>
 <tr>
  <td>✅</td>
  <td>0</td>
  <td>0</td>
  <td>Error buffer empty (gov.sedar)</td>
 </tr>
 <tr>
  <td>✅</td>
  <td>0</td>
  <td>0</td>
  <td>Error buffer empty (market.tsx)</td>
 </tr>
 <tr>
  <td>✅</td>
  <td>0</td>
  <td>0</td>
  <td>Error buffer empty (market.nyse)</td>
 </tr>
 <tr>
  <td>✅</td>
  <td>1440</td>
  <td>600</td>
  <td>Is timely minutes (gov.sec)</td>
 </tr>
 <tr>
  <td>✅</td>
  <td>1440</td>
  <td>1000</td>
  <td>Is timely minutes (gov.sedar)</td>
 </tr>
 <tr>
  <td>✅</td>
  <td>15</td>
  <td>1</td>
  <td>Is timely minutes (market.tsx)</td>
 </tr>
 <tr>
  <td>✅</td>
  <td>15</td>
  <td>12</td>
  <td>Is timely minutes (market.nyse)</td>
 </tr>
</tbody>
</table>

CSS

table{
  border:1px solid black;
}
td,tr{
  text-align:right;
}

td:nth-child(4),th:nth-child(4){
  text-align:left;
}