Checking out Recline js, an open-source, browser based HTML and JavaScript library for data: "Relax with your data"

"Recline.js - relax with your data"

"A simple but powerful library for building data applications in pure Javascript and HTML"

The diagram below was taken from the Recline.js website and provides a basic overview of how it works:

Creating Responsive HTML5 Touch Interfaces (Stephen Woods -Video and Slides)

Here is an interesting video I came across during my HTML5 explorations - Stephen Woods, from Flickr, shares his words of wisdom about HTML5 and touch interfaces:


Stephen Woods (Flickr): Creating Responsive HTML5 Touch Interfaces




Here are a few links from the presentation:


Slides:  Creating Responsive HTML5 Touch Interfaces
http://www.slideshare.net/ysaw/creating-responsive-html5-touch-interfaces

Responsive Web Design 
http://www.alistapart.com/articles/responsive-web-design/

Link to article about HTML5, web "apps", and the future, from a "Yahoo" perspective

I thought I'd share a link to an article about HTML5 and the future from a "Yahoo" perspective:


Why ambitious developers need more than just HTML5
Bruno Fernandez-Ruiz, CNET News, 3/1/12


Think "Cocktail".

Taking a look at CreativeJS: "The very best of creative JavaScript and HTML5" -

I came across the CreativeJS website while searching for HTML5/JavaScript resources suitable for creative multimedia projects.  The team at CreativeJS includes Seb Lee-Delisle, Val Head, Paul Neave, Rob Hawkes, Hakim El Hattab, and Lisa Larson-Kelley.


What a talented team!


RELATED
Recent blog post from CreativeJS:  Spherical Harmonics Mesh Builder
Seb Lee-Delisle
Neave Interactive
Rob Hawke's book:  Foundation HTML5 Canvas
Hakim El Hattab's Experiments
Lisa Larson-Kelley's Website:  Learn from Lisa (Web video publishing)

SOMEWHAT RELATED
Interactive Digital Fireworks

Digital Fireworks in Brighton from Seb Lee-Delisle on Vimeo.

State of Information Visualization, 2011 InfoVis in HTML5 "how-to", and more (Thanks to Robert Kosara)

Take a look at Robert' Kosara's recent post on his eagereyes blog:
 
The State of Information Visualization, 2011

In this post, Robert reviews of some of the important trends in information visualization in 2010, discusses the potential of HTML5 for creating information visualization experiences on the web, and makes a few predictions about the near future.  Robert is pretty sure that the world is ready for "truly interactive, browser-based visualization".  He notes that the Protovis Primers he shares on his website are quite popular.

Most of the following resources and links were taken from the eagereyes website:

Information Visualization, HTML5, and JavaScript Resources (more to come)
HTML5 and Visualization on the Web

Robert Kosara, eagereyes, 12/21/10

Canvas Tutorial (HTML element used to draw graphics using scripting)
HTML5 Canvas Cheat Sheet

Dive Into HTML5 Tutorial (canvas element)

HTML5 Games/Interactive Experiments  (Hakim El Hattab)

node.js: (How to run JavaScript on a server.)
JavaScript: The Key to In-Browser Visualization
Robert Kosara, eagereyes, 2/11/10
PROTOVIS
A Protovis Primer, Part 1
A Protovis Primer, Part 2
A Protovis Primer, Part 3
"Protovis is a very powerful visualization toolkit. Part of what makes it special is that it is written in JavaScript and runs in the browser without the need for any plugins. Its clever use of JavaScript's language features makes it very elegant, but it can also be confusing to people who are not familiar with functional programming concepts and the finer points of JavaScript." -Robert Kosara

The Year of InfoVis Theory

Robert Kosara, eagereyes, 3/10/10

Telling Stories with Data:  Using visualization to create narratives and engage audiences

VisWeek 2010

Embedding Information Visualization Within Visual Representation (pdf)

Caroline Ziemkiewicz and Robert Kosara

Thanks, Robert, for sharing these very useful resources!

Joy of Stats: Hans Rosling's information visualization show, plus more. Enjoy!

RELATED
GAPMINDER:
GAPMINDER World
Information Visualization

SOMEWHAT RELATED
HTML5 and Visualization on the Web
Robert Kosara, Eager Eyes, 12/21/2010

Interactive Timelines using Timemap.js (via O'Reilly Radar)

I've been gathering information about interactive timelines and I'm happy to share a link to TimeMap, a Javascript library to help use Google Maps with a SIMILE timeline. Basically, TimeMap helps to display time series datasets on maps.


Timemap.js Examples


Here is the description of Timemap from the Google Code website:
"Timemap.js is a Javascript library to help use Google Maps with a SIMILE timeline. The library allows you to load one or more datasets in JSON, KML, or GeoRSS onto both a map and a timeline simultaneously. By default, only items in the visible range of the timeline are displayed on the map."

"This version includes several new features, including the ability to load arbitrary data elements using KML, GeoRSS, and Google Spreadsheets; a progressive loader to load data based on the timeline location; templating support for the map info window; improved code documentation; and more. See the changelog for more details.

If you like the code documentation style, you can also get the jsdoc template for use in your own projects."

Thanks to Nat Torkington, of O'Reilly Radar, for sharing this link.  Nat also shared a link to Google's website, Exploring Computational Thinking- "educational materials to help teachers get students thinking about recognizing patterns, decomposing problems, and so on."