Archives For April 2010

I had the opportunity to talk to the folks at Creative Good High Tech SIG today. Here is the QuickTime video so you can see the embedded movies in the presentation. This is a big movie- like 50m- so it takes a minute to load, then you just click on the video screen to step through the slides. There is also a lightening fast version of it on YouTube if you are impatient and just want a quick run through. You can also download it as a PDF.

If you like this material- Bill Scott and I have a new Master Class video series with O’Reilly for Designing Rich Interfaces. We cover the basics from application patterns, through screen design, rich interface controls and more advanced topics like designing for interesting moments. We also discuss the 6 principles in out book “Designing Web Interfaces: Principles and Patterns for Rich Interactions” illustrated with new examples.

Here’s a free chapter:

Mobile Chart Options

April 15, 2010 — 1 Comment

Check out this promising beta by ZingChart, HTML5 Canvas.

This advanced Zoom, Scroll, Preview is very well designed and implemented.

They also have sparklines, which are microcharts used to convey the “shape” of data, not necessarily all the details a full size chart would include.

ZingChart also offers a Speed Test example, which I think is pretty cool for helping non-super-techie people like myself understand which factors can influence chart loading times.

Other HTML5 Canvas Chart options

jQuery Visualize Plugin

Mobile charting libraries

01. KeepEdge
02. CorePlot

03. s7graphview

04.Google Chart Tools

Android specific

01. aiCharts v1.5
02. Java [TM] Charts for Android

iPhone/iPad specific

01. Mobile Charts– a GUI for the Google Charts API

02. Drawing and Graphics with UIKit and Quartz (instructions) (Quartz demo) (Quartz2D programming guide)

03. SM2DGraphView (Cocoa)

Symbian specific

01. PySChart v0.3

Windows Mobile specific

01. TMS Advanced Mobile Chart Warning- this may be the ugliest chart library I have ever seen; hopefully it can be styled
02. ComponentOne offers 2D charts for apps in their Mobile Studio

For Mobile devices that allow Flash, I would suggest browsing through these lists:
28 Rich Data Visualization Tools
List of Data Visualization Tools
75+ Tools for Visualizing your Data, CSS, Flash, jQuery, PHP

Please comment if you have found other charting options that work well for mobile sites and apps.