Dusted Codes

Programming Adventures

Filtering the AWS Service Health Dashboard



aws google-chrome

If you run anything on Amazon Web Services in production then you probably know the AWS Service Health Dashboard very well.

Sometimes when you experience a service disruption you might find yourself scrolling through the page and look for an update for one of your affected resources and then you probably wish that the icons were a little bit more distinguishable between healthy and previously unhealthy services:

aws-service-health-dashboard, Image by Dustin Moris Gorski

Unless you have perfect eagle sight you probably struggle to quickly filter the page with your plain eye and could use some help to better visualise good from bad icons. At least this is how I feel and therefore I created this little JavaScript snippet to blend out healthy icons from the page, leaving only the bad ones visible:

[].forEach.call(document.querySelectorAll('[src="/images/status0.gif"]'), function(e) {e.style.display = "none";});
aws-service-health-dashboard-filtered, Image by Dustin Moris Gorski

You can either copy this into your browser's console and run it directly from there or create a permanent bookmarklet for easy access in the future.