1. Component Guide
  2. Govspeak content
  3. Charts
Govspeak content example

Charts

How it looks (preview)

A table with numerical data
row 110
row 215
row 32
row 448

How to call this example

<%= render "govuk_publishing_components/components/govspeak", {
} do %>
  <table class='js-barchart-table mc-auto-outdent'>
  <caption>A table with numerical data</caption>
  <tbody>
    <tr>
      <td>row 1</td><td>10</td>
    </tr>
    <tr>
      <td>row 2</td><td>15</td>
    </tr>
    <tr>
      <td>row 3</td><td>2</td>
    </tr>
    <tr>
      <td>row 4</td><td>48</td>
    </tr>
  </tbody>
</table>
<% end %>