Below is a motion chart with drilldowns visualizing Google Analytics report for a fictional website. Click and hold on any bubble to see acquisition and conversion details for a specific channel: Direct, Organic Search, Referral, Social.
Why motion charts?
Motion chart allows efficient and interactive exploration and visualization of multi-dimensional data and can make it easier to notice an important trend. Google has done a great job explaining how motion chart can be useful in web analytics and providing a tool for building motion charts based on analytics reports.
We will be using slides.com, which is probably the most flexible and powerful online presentation engine these days. We will re-use all charts from our earlier post without modifications - they are already published and ready to be embedded. The presentation is available here:
1. All charts are interactive - move mouse pointer over the curves and see.
2. All charts are embedded with style="width:100%" attribute, which makes them scalable: try running the presentation in full-screen mode or resize your browser window - you will see charts changing their sizes accordingly.
A screenshot of the slides.com editor with embedded chart:
Other online presentation tools
Are there any other online presentation tools that support HTML embedding from arbitrary sources? Unfortunately, not many. So far I have come up with this list:
We are excited to announce SVG background support. This means that chart authors now can use vector or raster graphics for chart backgrounds. The following example shows gender symbols and generation names behind the population pyramid chart:
After breaking down buy percentile, we get:
Districts that got between 0% and 10% votes for Democrats: 0 out of 19: 0%
Districts that got between 10% and 20% votes for Democrats: 0 out of 19: 0%
Districts that got between 20% and 30% votes for Democrats: 3 out of 19: 16%
Districts that got between 30% and 40% votes for Democrats: 5 out of 19: 26%
and so on.
The following are four heatmap charts that visualize Democratic votes breakdown for these fours states. Watch districts gravitating towards 30-50 democratic vote percentiles since 2010.
San Francisco Police Department provides free access to a great data source: https://data.sfgov.org/browse?category=Public+Safety. The following couple of charts display drug-related incident distribution by year, weekday, time of day, and district.
the notorious "welfare Wednesday" effect is present in early years;
incident numbers drop significantly starting 2010, which may be caused by Proposition 215: Wikipedia says "It was not until March 2009 that federal officials announced that they would no longer try to thwart medical marijuana distribution/use in California".