Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Visualize Your Userbase With a Heatmap Generator in Azure

DZone's Guide to

Visualize Your Userbase With a Heatmap Generator in Azure

Creating a heatmap app on Azure to visualize where in the world your users with the most errors are located.

· Cloud Zone
Free Resource

Site24x7 - Full stack It Infrastructure Monitoring from the cloud. Sign up for free trial.

IP heatmap generator

Recently, together with my co-worker Breck, we were looking at the error logs. One of our ideas—in order to investigate errors that were hard to diagnose—was to check in which parts of the world users who get errors are located. The assumption was that people from, e.g., New Zealand, might have slow connection issues (timeouts) more often than people from the USA or Europe. I couldn’t find any tool that does that, so I put a simple website at ipheatmap.azurewebsites.net. The main page use geoip-lite node library to geolocate IP address. For cross-check, you go to ipheatmap.azurewebsites.net/ipinfo.html, and the IP will be located using ipinfo.io API.

Creating the website and setting up deployment from GitHub took me less than 5 minutes on Azure. I didn’t have to do any special configuration to get it working. I didn’t even have to leave the Azure Portal to lookup the GitHub URL, because it fetches all available repos automatically after you provide your credentials. Even better: repos are sorted by creation date—thus the recently created repo (one that you would choose most likely) is on top of the list.

Source code is available on GitHub: https://github.com/jj09/ip-heatmap-generator.

Site24x7 - Full stack It Infrastructure Monitoring from the cloud. Sign up for free trial.

Topics:
azure ,heatmap ,availability

Published at DZone with permission of Jakub Jedryszek, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

X

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}