Real-time Dashboard: Fast and Easy Startup Metrics Tutorial

2 min read Stephen Blum on Oct 8, 2014
Try PubNub Today

Free up to 1MM monthly messages. No credit card required.

Subscribe to our newsletter

By submitting this form, you are agreeing to our Terms and Conditions and Privacy Policy.

In this tutorial, we'll walk you through how to build a fully customizable real-time dashboard for metrics.

Up-to-date data is accurate data. By harnessing the power of PubNub Data Streams, you can stream data to a live updating dashboard when new information is generated. And that’s exactly what we’ll walk through with this tutorial and demo: how to build a real-time dashboard for startup metrics in 5 steps. However, you can use the base of this dashboard and stream whatever stats you want into it. It’s up to you!

But in this demo and tutorial, we’ll base our startup metrics real-time dashboard on Dave McClure’s “Pirate” metrics framework for business and customers, and stream product and marketing data: Acquisition, Activation, Retention, Referral, and Revenue (AARRR!).

Monitoring your business metrics is complex. So let’s aim to simplify your monitoring with a real-time dashboard. This dashboard will enable you to react to conversation rates and your startup metric goals.  Then you can watch your business grow in real time! Additionally, we can spruce the dashboard up with some CSS and JavaScript animations and sounds.

Dave McClure's Startup Metrics Real-time Dashboard

Want to get straight to the action? Check out the live Startup Metrics Real-time Dashboard.

So let’s get onto the tutorial! All the code you need is available in the GitHub Source Code Repository for Startup Metrics Dashboard.

You’ll first need to sign up for a PubNub account. Once you sign up, you can get your unique PubNub keys in the PubNub Developer Portal. Once you have, clone the GitHub repository, and enter your unique PubNub keys on the PubNub initialization.

Update the Real-time Dashboard in Ruby

Next, install the pubnub gem using ruby gems.

Write a script to ring the Sales Bell! This also allows you to update any values on the dashboard.

Real-time Dashboard Schema

You can change the dashboard in real time with any PubNub SDK. This is the schema for which you can modify any value to send a signal to the dashboard instantly to change.

Wrapping Up your Startup Metrics Real-time Dashboard

We encourage you to download the real-time dashboard files on the repo and tweak it however you like. You can add new sounds, graphics, trackable metrics, pretty much anything you want. When you do, let us know!

More from PubNub

Top Trends to Engage Your App Users
InsightsSep 27, 20224 min read

Top Trends to Engage Your App Users

Take a look at the top trends that are the most effective in attracting customers and reducing churn, and how you can incorporate...

PubNub Staff

PubNub Staff

Comparing Game Engines: Unity vs Unreal vs the Rest
Real-Time Gaming BlogSep 21, 20225 min read

Comparing Game Engines: Unity vs Unreal vs the Rest

Comparing the major game engines: Unity vs Unreal Engine vs Corona SDK vs GameMaker Studio, including the benefits and cons of...

PubNub Staff

PubNub Staff

Python Socket Programming: Client, Server and Peer Libraries
BuildSep 21, 20226 min read

Python Socket Programming: Client, Server and Peer Libraries

Sockets (aka socket programming) enable programs to send and receive data, bi-directionally, at any given moment. This tutorial...

PubNub Staff

PubNub Staff