Welcome!

Web Performance is a Journey, Not a Destination

Mehdi Daoudi

Subscribe to Mehdi Daoudi: eMailAlertsEmail Alerts
Get Mehdi Daoudi via: homepageHomepage mobileMobile rssRSS facebookFacebook twitterTwitter linkedinLinkedIn


Blog Feed Post

New Custom Visualizations for 2018

One of our key features is the ability to visualize the data any way you want by creating custom visualizations.

Our customers have taken the stock visualizations (Grid, GeoChart, World Cloud, etc.) and modified them to meet their own needs, which have resulted in some really cool views of their data.

In this blog post, we will cover two new custom visualizations that have been created using Google Charts. Google Charts provides an extensive gallery of charts and data tools and is free to use.

First, we’ll look at a stacked bar chart. A stacked bar chart is a graph that is used to break down and compare parts of a whole. Each bar in the chart represents a whole, and the segments within the bar represent different parts or categories of that whole. So, if you wanted to visualize your page size, you might select HTML bytes, image bytes, CSS bytes, font bytes, etc. In this example, we can easily compare different sites and their makeup, e.g.

http://blog.catchpoint.com/wp-content/uploads/2018/01/Screen-Shot-2018-0... 300w, http://blog.catchpoint.com/wp-content/uploads/2018/01/Screen-Shot-2018-0... 768w, http://blog.catchpoint.com/wp-content/uploads/2018/01/Screen-Shot-2018-0... 1024w" sizes="(max-width: 1262px) 100vw, 1262px" />

You can grab a copy of the code directly from GitHub. To create the custom visualization, perform the following steps:

Now go ahead, select some tests and metrics! As always, if you have any suggestions or improvements then please contact blog@catchpoint.com.

The second custom visualization is based on the Google Calendar chart. This allows for you to easily visualize a single metric for a period of up to one year broken down by day. For example, if you want visualize how your page weight has varied day by day over a year period, you would select the total bytes download metric, e.g.

http://blog.catchpoint.com/wp-content/uploads/2018/01/Screen-Shot-2018-0... 300w, http://blog.catchpoint.com/wp-content/uploads/2018/01/Screen-Shot-2018-0... 768w, http://blog.catchpoint.com/wp-content/uploads/2018/01/Screen-Shot-2018-0... 1281w" sizes="(max-width: 640px) 100vw, 640px" />

We can very clearly see here that towards the end of May, the page increased significantly but was resolved by June 1, 2017.

Another simple use case would be to view the number of test errors encountered for a given time period, e.g.

http://blog.catchpoint.com/wp-content/uploads/2018/01/Screen-Shot-2018-0... 300w, http://blog.catchpoint.com/wp-content/uploads/2018/01/Screen-Shot-2018-0... 768w, http://blog.catchpoint.com/wp-content/uploads/2018/01/Screen-Shot-2018-0... 1291w" sizes="(max-width: 640px) 100vw, 640px" />

 

Again, you can grab a copy of the code for this visualization from GitHub and follow the steps from the stacked bar chart instructions above to create this new visualisation.

I hope these examples of custom visualizations inspire you to go out and build some intuitive and informative dashboards within our portal.

The post New Custom Visualizations for 2018 appeared first on Catchpoint's Blog - Web Performance Monitoring.

Read the original blog entry...

More Stories By Mehdi Daoudi

Catchpoint radically transforms the way businesses manage, monitor, and test the performance of online applications. Truly understand and improve user experience with clear visibility into complex, distributed online systems.

Founded in 2008 by four DoubleClick / Google executives with a passion for speed, reliability and overall better online experiences, Catchpoint has now become the most innovative provider of web performance testing and monitoring solutions. We are a team with expertise in designing, building, operating, scaling and monitoring highly transactional Internet services used by thousands of companies and impacting the experience of millions of users. Catchpoint is funded by top-tier venture capital firm, Battery Ventures, which has invested in category leaders such as Akamai, Omniture (Adobe Systems), Optimizely, Tealium, BazaarVoice, Marketo and many more.