<section class="card">
  <h3>Trace {{ trace.trace_id }}</h3>
  <div class="chart" data-plot='{{ plot | tojson }}'></div>
  <div class="table-wrap">
    <table>
      <thead><tr><th>Span</th><th>Service</th><th>Duration ms</th></tr></thead>
      <tbody>
        {% for span in trace.spans %}
        <tr><td>{{ span.name }}</td><td>{{ span.service_name }}</td><td>{{ span.duration_ms }}</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>