Links in Big Number charts

Mode’s Big Number charts are great for communicating key performance indicators (KPIs). Turning them into links makes it easy for your audience to explore the underlying factors impacting the result. You can link to other reports in Mode or external URLs.

Add a link to a Big Number chart

The example below shows a Big Number chart revealing the mean hours studied for the SAT and includes a link to the College Board’s SAT page.

Mode Analytics

Click Results à la Mode to clone this report and add a link to your Big Number chart. Learn more about using HTML to customize your reports.

Add the stylesheet link and script tag to the top of the HTML:

<link rel="stylesheet" href="https://mode.github.io/alamode/alamode.min.css">
<script src="https://mode.github.io/alamode/alamode.min.js"></script>

This tag calls back to an open-source library called alamode.js, which provides an easy way to build some of our users’ favorite visualizations.

Add the customizable snippet at the bottom of the HTML:

<script>

  alamode.addLinkToBigNumber(
    {
      "chart_id":"chart_f43a83a9936c",
      "url": "https://collegereadiness.collegeboard.org/sat"
    }
  )

</script>

1. chart_id: The ID of the Big Number chart you want to turn into a link. You’ll find this ID in the pre-populated HTML code in a line that looks like this: <mode-chart id="chart_f43a83a9936c" dataset="dataset" options="chart_options"></mode-chart>.
2. url: The URL you want to link to. This can be the URL for another Mode report or an external URL.

Tags: charts