Visualize Your MySQL Data with Databox

Your SQL query results right on your mobile, big screen or PC

Boris Sagadin on September 13, 2016 • 7 minuteread

Is there an organization out there nowadays that doesn’t use some kind of an SQL database?

Not very likely.

Love it or hate it, from simple blogs to fortune 500 companies, everyone uses SQL. When data needs to be structured and stored in an organized manner, SQL is very likely the most efficient tool to use.

At the moment, MySQL, PostgreSQL, Microsoft Azure SQL, and Amazon Redshift are supported out of the box on Databox. You have the data ready in your database, now it just needs to get visualized in an easy and concise manner so that everyone – even your boss – can use.

So, let’s get to it!

What Will We Accomplish?

In this article, we will explore MySQL connection setup from the server point of view, then we’ll connect it to Databox and confirm that the connection is working. Lastly, we will create a Datacard visualizing the data. All this without a single line of code – except for the MySQL query, of course 🙂

1. Prepare Your MySQL Database and Host

To get started, you’ll need to allow remote connections from Databox’s public IP to your database. The necessary steps to do that will depend on your database, server infrastructure and firewall. VPC IP must be able to connect to the database port directly.

We will create a user named ‘user’ with permissions to remotely access the database, aptly named mydb’ in our example:

GRANT SELECT ON mydb.* TO 'user'@'' IDENTIFIED BY 'securePassword';

Note: for simplicity’s sake, we have given this user a SELECT permission on all tables in our database. Permission could be given to select from one table only, or better yet: create a custom view and give permissions to select from this view only. But this is a bit beyond the scope of this document. A basic example on how to achieve this can be read here.

Configure MySQL server to listen on all IPs, as by default it listens on local interface only. Open /etc/my.cnf (sometimes /etc/mysql/my.cnf, depending on linux distro) and check that it contains:

#skip-networking # commented out!
bind-address = # Will listen on all IPs

If you’ve made any changes, restart the mysql server and it’s ready to accept remote connections.

Port 3306/TCP, which is MySQL default port, should be accessible from our VPC IP mentioned above. This must be done on your firewall, Linux iptables example:

iptables -A FORWARD -s -p tcp --dport 3306 -j ACCEPT

Note: you might have to substitute FORWARD with INPUT if your Linux box has a public IP and the database runs on the host itself.

Your server should now be successfully set up to accept requests from our IP to your chosen database/table, using chosen user and password.

2. Connect Your Database to Databox

With our database ready, the next logical step is to connect it and test that it’s returning the data we want.

  • Log in to the Databox web application and click on the ‘Data Manager’ tab,
  • Go to Available data sources option and find the MySQL tile. At the time of this writing, MySQL is still in beta. You will need to check the Beta checkbox on the bottom right to see it,
Connect MySQL with Databox
  • Hover over it with your mouse and click the ‘Connect’ button that slides up into view
  • Enter your connection data in the popup and click the ‘Activate’ button. Default port 3306 is fine in most cases.
  • If all went well, the popup will close shortly and you’ll get a “connected!” message.

Great! We have just successfully connected our database to Databox. In the next step, we’ll write a custom query that will regularly fetch data from your database and make it available for use in any Datacard.

Troubleshooting: If you get a “wrong credentials” message, double-check your user data. If you’re stuck on ‘Activate’ for a minute or so, it’s probably having issues connecting to your database host due to firewall / server / networking issues.

3. Visualize Your Data with Databox Designer


Now that the database is connected, we will use the Designer to query, shape and display the data in a format that’s most appropriate and useful for our needs:

  • Choose an existing Datacard or create a new one (how?)
  • Choose Datablocks icon on the left
  • Drag & drop the Table block onto your Datacard
  • For our example, where we will have a dynamic table (the pushed metric key has attributes/lines), we will switch to gather data from ‘Single metric’ in the properties panel on the right
  • Select your newly created MySQL data source from the Datasource dropdown on the right
  • Click on the Metric dropdown below Datasource and choose ‘Custom Metric from Query Builder
  • Write your SQL query in a popup window that appears. For this example, we will connect to a WordPress MySQL with a basic query that returns a list of WordPress authors with their post count:
SELECT COUNT(p.ID) AS posts, u.display_name
FROM dbwp_users u, dbwp_posts p
WHERE p.post_author=u.ID AND p.post_type='post'
  • Now click on ‘Show Data,’ below. Your query result should now be displayed at the bottom, similar to this, depending on your data, of course:
  • (optional) You can rename each column (which will become a metric key in Databox), by clicking on the arrow beside it and typing in a new name.
  • (optional) You can enter a different metric key name pattern or just leaving the asterisk (*), which will create a metric key with the same name as pushed. By default the output (target datasource, where the data gets pushed to), is already selected and is the same as your source data connection. You can use other tokens if needed.
  • Once you are satisfied with the data you see, just click ‘Save Query.’
  • Tada! After you saved your custom query, you should see the data on the table. If not, check if the right data source and metric are selected. In our example it’s the ‘WordPress SQL’ data source and ‘└ posts|name’ metric, because we’re pushing posts by names. The time interval should be set to ‘Today,’ to see the latest data.

We have just written a custom MySQL query and displayed its results. Databox will continuously, each hour, fetch data from this resource and store it in the selected target data source (in our example ‘WordPress SQL’).

Note: we’ve used the AS SQL construct in our query (i.e. AS posts). That’s not mandatory, but it will describe the data as a metric key. If you use AS date this column will represent then the date and time of the value (ISO 8601 date and time standard is supported). You can leave it as it is, or rename the result column instead. Semicolon at the end of the query is not needed either.

Troubleshooting: If you don’t see any data, double-check your SQL query, try it directly on your database. If it’s not displaying results there, you have an error somewhere in your query. Also check that MySQL user has necessary permissions to access the database from Databox IP.

Well done! Your database is now connected to Databox, queries can be executed and then displayed on your mobile / big screen / computer.

Visualize MySQL on mobile Dashboard

Go ahead and explore further. Add more queries, add blocks, explore different types of visualizations. Make that perfect Datacard (or Datawall of course) you always needed but didn’t know how to get. Now you can! Clean and professional, right at your fingertips. Only data that matters, without clutter. The possibilities are truly endless.

Ready to try it for yourself? Signup for free today and let us know how it went for you.

Remember: we’re always glad to help if you run into any obstacles!

About the author
Boris Sagadin is Databox's DevOps engineer. He's passionate about everything servers, redundancy, monitoring and security. In his free time he enjoys running, reading and traveling.
You may also like...
Read more

The HubSpot Analytics Dashboards You’ve Always Wanted

Mobile-Friendly, Desktop and TV Reports to View Your HubSpot Marketing and CRM Data.

Integrations   |  Apr 15

Read more

How to Visualize Any Data from Anywhere

How to pull data from SaaS software, enterprise apps behind a firewall and SQL databases onto every device you own.

Integrations   |  Feb 3

Read more

Visualize Data from 100s of Apps in 3 Easy Steps with Our Enhanced Integration with Zapier

With Databox and Zapier, the world is your oyster.

Integrations   |  Jan 19