SYS-CON MEDIA Authors: Pat Romanski, Gary Arora, Zakia Bouachraoui, Yeshim Deniz, Liz McMillan

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 [email protected].

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.

Latest Stories
While a hybrid cloud can ease that transition, designing and deploy that hybrid cloud still offers challenges for organizations concerned about lack of available cloud skillsets within their organization. Managed service providers offer a unique opportunity to fill those gaps and get organizations of all sizes on a hybrid cloud that meets their comfort level, while delivering enhanced benefits for cost, efficiency, agility, mobility, and elasticity.
Isomorphic Software is the global leader in high-end, web-based business applications. We develop, market, and support the SmartClient & Smart GWT HTML5/Ajax platform, combining the productivity and performance of traditional desktop software with the simplicity and reach of the open web. With staff in 10 timezones, Isomorphic provides a global network of services related to our technology, with offerings ranging from turnkey application development to SLA-backed enterprise support. Leadin...
DevOps has long focused on reinventing the SDLC (e.g. with CI/CD, ARA, pipeline automation etc.), while reinvention of IT Ops has lagged. However, new approaches like Site Reliability Engineering, Observability, Containerization, Operations Analytics, and ML/AI are driving a resurgence of IT Ops. In this session our expert panel will focus on how these new ideas are [putting the Ops back in DevOps orbringing modern IT Ops to DevOps].
Darktrace is the world's leading AI company for cyber security. Created by mathematicians from the University of Cambridge, Darktrace's Enterprise Immune System is the first non-consumer application of machine learning to work at scale, across all network types, from physical, virtualized, and cloud, through to IoT and industrial control systems. Installed as a self-configuring cyber defense platform, Darktrace continuously learns what is ‘normal' for all devices and users, updating its understa...
Enterprises are striving to become digital businesses for differentiated innovation and customer-centricity. Traditionally, they focused on digitizing processes and paper workflow. To be a disruptor and compete against new players, they need to gain insight into business data and innovate at scale. Cloud and cognitive technologies can help them leverage hidden data in SAP/ERP systems to fuel their businesses to accelerate digital transformation success.
Most organizations are awash today in data and IT systems, yet they're still struggling mightily to use these invaluable assets to meet the rising demand for new digital solutions and customer experiences that drive innovation and growth. What's lacking are potent and effective ways to rapidly combine together on-premises IT and the numerous commercial clouds that the average organization has in place today into effective new business solutions.
Concerns about security, downtime and latency, budgets, and general unfamiliarity with cloud technologies continue to create hesitation for many organizations that truly need to be developing a cloud strategy. Hybrid cloud solutions are helping to elevate those concerns by enabling the combination or orchestration of two or more platforms, including on-premise infrastructure, private clouds and/or third-party, public cloud services. This gives organizations more comfort to begin their digital tr...
Keeping an application running at scale can be a daunting task. When do you need to add more capacity? Larger databases? Additional servers? These questions get harder as the complexity of your application grows. Microservice based architectures and cloud-based dynamic infrastructures are technologies that help you keep your application running with high availability, even during times of extreme scaling. But real cloud success, at scale, requires much more than a basic lift-and-shift migrati...
David Friend is the co-founder and CEO of Wasabi, the hot cloud storage company that delivers fast, low-cost, and reliable cloud storage. Prior to Wasabi, David co-founded Carbonite, one of the world's leading cloud backup companies. A successful tech entrepreneur for more than 30 years, David got his start at ARP Instruments, a manufacturer of synthesizers for rock bands, where he worked with leading musicians of the day like Stevie Wonder, Pete Townsend of The Who, and Led Zeppelin. David has ...
Darktrace is the world's leading AI company for cyber security. Created by mathematicians from the University of Cambridge, Darktrace's Enterprise Immune System is the first non-consumer application of machine learning to work at scale, across all network types, from physical, virtualized, and cloud, through to IoT and industrial control systems. Installed as a self-configuring cyber defense platform, Darktrace continuously learns what is ‘normal' for all devices and users, updating its understa...
Dion Hinchcliffe is an internationally recognized digital expert, bestselling book author, frequent keynote speaker, analyst, futurist, and transformation expert based in Washington, DC. He is currently Chief Strategy Officer at the industry-leading digital strategy and online community solutions firm, 7Summits.
Addteq is a leader in providing business solutions to Enterprise clients. Addteq has been in the business for more than 10 years. Through the use of DevOps automation, Addteq strives on creating innovative solutions to solve business processes. Clients depend on Addteq to modernize the software delivery process by providing Atlassian solutions, create custom add-ons, conduct training, offer hosting, perform DevOps services, and provide overall support services.
Contino is a global technical consultancy that helps highly-regulated enterprises transform faster, modernizing their way of working through DevOps and cloud computing. They focus on building capability and assisting our clients to in-source strategic technology capability so they get to market quickly and build their own innovation engine.
When applications are hosted on servers, they produce immense quantities of logging data. Quality engineers should verify that apps are producing log data that is existent, correct, consumable, and complete. Otherwise, apps in production are not easily monitored, have issues that are difficult to detect, and cannot be corrected quickly. Tom Chavez presents the four steps that quality engineers should include in every test plan for apps that produce log output or other machine data. Learn the ste...
Digital Transformation is much more than a buzzword. The radical shift to digital mechanisms for almost every process is evident across all industries and verticals. This is often especially true in financial services, where the legacy environment is many times unable to keep up with the rapidly shifting demands of the consumer. The constant pressure to provide complete, omnichannel delivery of customer-facing solutions to meet both regulatory and customer demands is putting enormous pressure on...