Depth and Discovery: Powering Visualizations with the Google Analytics API
By Chris Gemignani
November 17, 2009
Find more about:
visualizations
juicekit
googleanalytics
api
At Juice, we work with web analytics APIs large and small, from Google, comScore and Omniture. The Google Analytics API is our favorite. It powers the world's best, most widely deployed analytics site. And it powers Juice products like Concentrate (innovative search analytics) and Vasco de Gapi (a tool for exploring the Google Analytics API).
We were approached by the Google Analytics API team to find ways to explore new ways of looking at data with the API, and we were excited by the possibilities. We've been working on our own visualization framework, JuiceKit, that integrates the power of the Flare Visualization Library with Adobe Flex.
The result is Analytics Visualizations, two visualizations powered by the Google Analytics API that are free to use. You just need a Google account with access to Google Analytics data to explore your own data.
Referrer Flow
Curious about what sites are linking to you and what content is benefitting the most? Referrer Flow answers those question and shows how results change over time. Here is a brief video introduction:
Referrer Flow is a stream of daily treemaps showing pageviews and bounce rates for various groupings of your website's pages. You can group by combinations of page title, referrer and url. Clicking on the treemap will filter all the data by the page, referrer or url that you clicked on. Click again to clear your filter.
Keyword Tree
A list of top keywords isn't enough to really understand how people are searching and finding your site. Keyword Tree visually displays the most frequently used search keywords and how they are used together. Here's a video overview:
You'll see a frequently used search term at the center and the words and phrases that are most often used in combination with that word. Pick a different starting word by typing into the box in the upper right or selecting from the top word across the bottom of the screen. The words are sized by their frequency of use and colored by bounce rate (or % new visitors or average time on site). Roll over a word to see details about that combination of connected words.
Depth and Discovery
In designing these visualizations we focused on the question: how can we let users uncover the unexpected? That means designing targeted visualizations focused on limited well-defined issues. The Referrer Flow monomaniacally focuses on a single question "What pages are people viewing on your site and where are they coming from?" The Keyword Tree is laser-focused on word ordering and what that means for keyword performance.
The Google Analytics reporting tool is a great general-purpose reporting solution. It gives the advanced users everything they need to answer specific questions. However, its generality means it has limited ability to focus on two issues; depth and discovery.
The Google Analytics API is Google's solution to this problem. It's an opportunity both for businesses like ours that can create new ways of analyzing data, and for large sites that can use the API for integration, custom analytics, and more.
Thanks to Nick Mihailovski at Google for his gracious support, help and encouragement and Avinash Kaushik for inspiring this idea.
Announcing: JuiceKit™ SDK Open Source
By Ken Hilburn
February 21, 2009
Find more about:
juicekit
As our followers know, for the past few years Juice has been creating software applications that solve customers' real information visualization problems in purposeful, understandable, and beautiful ways. In doing this, we have found ourselves reusing quite a few components over and over again - which has made our jobs a lot easier. It occurred to us that others might like to benefit from using these components to achieve great results too.
We're proud to announce the open source release of Juice Analytics' JuiceKit SDK.
The JuiceKit is a toolkit built on Adobe's Flex SDK to make it easier for web designers and software developers to build visually compelling Information Experiences™. It contains a wide variety of development components from individual data renderers such as a single "small multiple", to a large visualization component such as a treemap or US Map, to fine grained "helpers" that provide handy capabilities such as copying data to the computer's clipboard. These components can be used independently, within other applications, or assembled together to create full applications.
What can I do with it? (Show me the money)
Because we've been using the JuiceKit for quite a while, we have a number of customer proven applications based on the SDK that we thought you'd be interested in seeing.
Here is a screenshot of an application that we built to help our client see trends in their internet search and traffic activity. We used the JuiceKit™ to create the small multiples data visualization component of this application.

We've also frequently used JuiceKit to create dashboard prototypes. If you haven't seen our recent application of our treemap component to the incomprehensible Federal Stimulus Plan, here is a nice example (click to explore):
And here is a very quick one we did for an IVR monitoring application where we assembled multiple different components together into one view:

Finally, we've used JuiceKit many times to build full enterprise applications such as this sales pipeline tracking dashboard:

How do I get it?
Now it's time for you to have a go. Here's how you do it:
- Go to the JuiceKit SDK web page at juicekit.org and catch up on the current status of the project
- Check out the JuiceKit discussion group on Google Groups
- Download the JuiceKit library from github
- Contribute back to the JuiceKit community to make the JuiceKit even better
While Juice continues to focus on designing and providing software solutions (as opposed to toolkits) for our clients, we believe offering the JuiceKit as open source will benefit the information visualization community we try to serve. In the future we will continue to extend the JuiceKit with other components and technologies.
Good luck, and make sure you share how you're using the SDK so we can continue to drive it in the right direction not only for us, but for you as well.
8 comments | Show all comments only the last 5 are shown
Madan said:
Sweet! I don't understand it yet, but I love it already.
Sam Wholley said:
Great work, guys - this is fantastic!
Abhishek Tiwari said:
Hi there, nice work, I am curious how the Flare toolkit is different from the Juice analytics toolkit
James McWhorter said:
This looks interesting. I'm going to try it out!
lawh said:
inspirational. I will not sleep tonight. Can i give you a hug?
Jon Buffington said:
Abhishek,
Our scope for JuiceKit is larger than Flare's. Flare is an ActionScript library focused on programmatic visualizations. JuiceKit is a collection (framework) of code, libraries, tools, and best practices for producing information-powered web applications.
One difference is ease of composition. Currently, we wrap Flare to render treemaps in a styleable Flex component. The higher-level JuiceKit TreeMapControl is easier to drag-n-drop in Flex Builder's design mode in contrast to creating a Flare visualization using ActionScript.
Another difference is that JuiceKit will soon provide client-side tools and server-side services. For example, the client-side tools will help generate appropriate style sheets and the server-side services will assist in data preparation.
Anonymous said:
Hi,
How did you implement the popups it's it an inbuit function of the TreeMap or do you have to add it, can you post the code BTW> ?
Thanks
Imaginonic said:
Wow. This is sooo inspiring. And yeah, not to forget to mention the lack of support for flare too!
Can I buy you some beer, please?







8 comments | Show all comments only the last 5 are shown
Tim said:
Great examples of innovative use of the GA API guys, really impressive, thanks for posting.
One issue I have with the keyword tree, however, is that with a large volume of long-tail keywords, it is quite easy to get the report to extend way beyond the confines of the initial view - zooming out renders the keywords completely unreadable.
Thus I am stuck with the 'middle ground' keywords, whereas what I really want to look at is the gold at the top and bottom, which contains the optimisation opportunities.
A simple scrolling interface might solve this issue?
Thanks,
Tim.
Chris Gemignani said:
Thanks Tim. We've heard that feedback loud and clear. One thing you can do--that I regrettably didn't include in the video--is click on a word with children to collapse the tree. Just try clicking on words in the keyword tree to see what I mean. In the meantime, we'll work on making the tool pannable.
Tim said:
Thanks Chris - yes, I'd seen (and liked) that functionality, however if you're trying to analyse a very common kw for your site (such as 'Review' - we are a reviews website), then there are just a lot of single words used before this.
Also, clicking words along the bottom sometimes makes the whole display disappear off the right-hand side of the screen! :)
Great stuff though, love the general look and feel, really prompts some 'fun' investigation.
Cheers,
Tim.
DSLR said:
I'm new with GA and co. but your tool is really useful, at a glance you can read a lot of things...To improve readability of both views (referrer flow in particular) you can add a "loupe", a magnifier on screen movable by mouse to expand details of the chart. Thanks again from Italy!
Affan Laghari said:
Hello,
Excellent tool though it doesn't need my praise! It would be very helpful though if you can add an option to select start/end dates and some conversion metric. That can help find valuable patterns over longer periods.
Btw, I found you people from Avinash's blog and have been roaming around on your other tools namely Vasco de Gapi, Concentrate Me and JuiceKit. Rare to find such intelligent tools. Please keep up the good work.
yulia said:
Hi guys, found your site through Avinash's blog. I love the keyword tree tool. Been playing with it all day...
Question -- is there a way to print the trees? Also, is there a way to scroll? Those would be nice functionalities... Sorry if they are already there and I'm just too slow to find them :)
Thanks for the great (and really useful) tools!
Jean said:
Hello,
Is Juicekit still actively developped ? In the git repo the last commit date is August 30, 2009.
Does juicekit work with flex 4 and Flash Builder 4 beta ?
Hope this fantastic tool will continue to improve.
Sal Uryasev said:
Hey Jean,
Juicekit is under very active development, as we actively use it internally for all our work. If you investigate the unstable branch, you will notice a number of new features and improvements. There is also more work on an internal branch that should get merged in. As far as I know, we do not have a stable release ETA, but I know that we want to do one.
said:
Add a comment