Compact metric dashboard

<section class="cmp-dashboard" aria-labelledby="cmp-dashboard-title">
  <header>
    <div>
      <p>Workspace overview</p>
      <h2 id="cmp-dashboard-title">Release health</h2>
    </div>
    <button type="button">Last 30 days</button>
  </header>
  <div class="cmp-dashboard__metrics">
    <article>
      <span>Activation</span><strong>68.4%</strong><small>Up 8.2% this month</small>
    </article>
    <article><span>Active teams</span><strong>1,284</strong><small>Up 42 this week</small></article>
    <article><span>Open risks</span><strong>7</strong><small>Down 3 this week</small></article>
  </div>
  <div class="cmp-dashboard__panel">
    <div>
      <h3>Weekly activation</h3>
      <p id="cmp-chart-summary">Activation rose from 45% to 68% over seven weeks.</p>
      <div class="cmp-dashboard__chart" role="img" aria-labelledby="cmp-chart-summary">
        <i></i><i></i><i></i><i></i><i></i><i></i><i></i>
      </div>
    </div>
    <div>
      <h3>Recent experiments</h3>
      <table>
        <thead>
          <tr>
            <th scope="col">Experiment</th>
            <th scope="col">Owner</th>
            <th scope="col">Status</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Onboarding copy</td>
            <td>Maya</td>
            <td>Running</td>
          </tr>
          <tr>
            <td>Pricing proof</td>
            <td>Alex</td>
            <td>Won</td>
          </tr>
          <tr>
            <td>Invite flow</td>
            <td>Sam</td>
            <td>Review</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</section>