Last Thursday I went to the Google offices in London Victoria to attend a bi-monthly unconference called Open Source Jam. I was running a bit on autopilot as I was in Leeds the day before talking about the YUI at the Geekup meeting and originally wanted to skip the session as I was pretty knackered. It was great though that I didn’t follow my instinct, but instead have a nice unconference with Pizza, Beer and lots of 5 minute+5 minute Q&A sessions revolving around creating interfaces for humans.

In comparison to other barcamps the Open Source Jam was a lot more technical and speakers were more coders than web developers. I’ve learnt about a chess program for the iPhone, how to write APIs to make them more accessible to humans, UXON - a User Interface Object Notation (more on this coming soon), Behaviour Driven Development, holes in the Flickr API and a lot of other things.

My initial idea of staying for an hour and then leaving for a speaker’s dinner of a company-internal conference was foiled and I took the last tube back from Victoria.

My own talk was a preview of a session I will give at the Abilitynet Accessibility conference in April, talking about how accessibility is not an extra task but – if taken into consideration from the beginning – an opportunity to build better products for everybody.

I want to thank the organizers and will very likely be there for the next jam.

Photo by Adewale Oshineye

Google have lately been praised for their chart API and my esteemed colleague Ed Eliot has a workaround for its restrictions in terms of caching and server hits.

I played around a bit with it and thought it very cool but it felt a bit clunky to add all these values to a URL when they could be in the document for those who cannot see pie charts. This is why I wrote a small script that converts data tables to charts using the API and a wee bit of JavaScript.

Using this script you can take a simple, valid and accessible data table like the following and it gets automatically converted to a pie chart.

Browsers

Browser
Percent


Firefox
60
MSIE
25
Opera
10
Safari
5

Simply add the script to the end of the body and it’ll convert all tables with a class called “tochart”. You can define the size (widthxheight) and the colour as a hexadecimal triplet as shown in this example. If you leave size and colour out, the script will use presets you can alter as variables in the script itself.

What about data tables from charts?

As Victor of the Yahoo! Accessibility group asked for the other way around, this is now also possible. When you use the verbose data mode for the charts and add the class “totable” to the image the script will generate a data table preceeding the image and null out the alternative text. For example:

The tables have a class called “generatedfromchart” which you can use to move them off-left if needed.

Check out the demo page and download the script with the demo page and CSS to have a go with it yourself. Of course, all is licensed creative commons, so go nuts.

Useful? Please comment if you want something extra or wonder how the script works.

I am a big fan of gmail (and a lot of colleagues scowl at me for it). With the massive amount of emails I get daily and me working on 3 computers there is just no other way to get around them.

Until the latest update of gmail though. Now my two laptops (both Windows) get stuck and I have to shoot down Firefox 5 times a day to be able to work. Sorry Google, but what happened? I turned off Firebug as you asked me to and yet it messes up. I also tried switching to the “older interface” but my setting does not get stored (yes, cookies are enabled).

I also tried to turn off sounds of the chat inside gmail but yet it keeps crashing. Don’t make me change because of superfluous bells and whistles, I have too many good contacts in your system.