Mode Analytics
Sign In
Sign Up

SQL Editor

Query your connected data sources with SQL

Notebooks

Use Python and R for advanced analysis

Reports

Build customizable, sharable reports


Helix data engine Dashboards Security Embedded analytics Customers Integrations

Gallery Learn SQL Learn Python

Compare Plans Blog Forum
Mode Studio The collaborate data science platform. Free forever. Sign Up

Mode Analytics

Compare Plans
Product

SQL Editor

Query your connected data sources with SQL

Notebooks

Use Python and R for advanced analysis

Reports

Build customizable, sharable reports

Helix data engine Dashboards Embedded analytics Integrations Security Slack
Customers
Resources

Gallery

Explore example analysis and visualizations

Learn SQL

Answer data questions with SQL

Learn Python

Learn Python for business analysis

Documentation Getting started webinar Forum Blog Contact us
Company Sign In Sign Up – Free Forever
Gallery
  • Charts
  • Tables
  • Reports
  • Dashboards
Try Mode Business

Automate everything & equip everyone with Mode Business.

Request a Demo

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

See more examples

  • Heat Map
  • Funnel chart
  • Chart annotations

<< Back to Gallery

Looks like you've got a thing for cutting-edge data news.

So do we. Stay in the know with our regular selection of the best analytics and data science pieces, plus occasional news from Mode. Sign up here and we'll keep you posted:

Thanks! Keep an eye on your inbox for the next newsletter!

Contact

Request a Demo

hi@modeanalytics.com

208 Utah Street, Suite 400
San Francisco CA 94103

Product

Compare plans

SQL editor

Notebooks

Reports

Dashboards

Embedded analytics

Mode for Slack

Customers

Integrations

Security

Resources

Resource Center

Learn SQL

Learn Python

Data news

Help & Support

Developer

Gallery

Forum

Blog

Company

About Us

Team

Values

Careers

© Mode Analytics, Inc. 2018 Terms of Service Privacy Policy