Posts Tagged ‘google visualization’

Visualizing Black Bears Population in NH White Mountains

Published by Ron Keler in BI At Large, HTML5 on July 25th, 2012 | No Comments »

Last week, i went camping with my family in the white mountains area of New Hampshire. It was a great experience. On the last day of our trip, i learned that the region is home to some 4500 black bears.
Well, once home, I immediately began thinking about visualizing something related to our trip, and the black bears came to mind..
The White Mountains area is about 3400-3600 square miles in diameter. With a 4500 black bear population, it means there are likely a bear or two on each square mile on average. Of course, the reality is much more complex, and things like terrain, and human activity certainly effect the bears distribution, but for simplicity sake, i created a 6X6 grid with 36 squares, each representing one square mile. Then, i draw one, two or none bears in each cell. Finally, I added you as a point of reference to how far you might be from black bears when camping, and layered the whole thing on a nice image of the area. The result is below. You can click the visualization to move the population around. Just another example of how far our html5 dashboarding technology can be stretched to visualize any kind of information.. Of course, this works great on any device, except when on camp, where there’s probably no cell service.. :)

Click visualization to shuffle population:

What-if analysis example – HTML5 style

One of the interesting things dashboarding tools and technologies have always been able to do was providing users with the ability to run “what-if” analysis. Changing variables that impact results and allowing users to visualize the impact of the change is a very powerful tool. Using our html5 dashboarding solutions this can be done now on any device with ease. In the example below, you can change the price of the products on the table, and the chart below will reflect the change in the total based on a constant quantity sold. Enjoy.

Tree menu with dynamic variable number of charts

A sophisticated data visualization UI often requires dynamic placement of elements on the screen. For example, menus may need to be data driven based on hierarchical data that can be ragged or unpredictable. In the example below, you can see how we can leverage our new HTML5 capabilities to dynamically generate collapsible tree nodes of variable length to accommodate any number of charts, on a three rows greed. Of course, this looks just as good on any device or browser…

© BI HAPPY
CyberChimps