With the launch of the D-viz toolkit, its come time to describe a little of what happening under the hood (and to an extent why).
First, a note (or two) about our intended audience.
One early decision was to use SVG as our chosen base format, which has some advantages as a resolution independent format (it also allows use the ability to have interactive visualisations in the future), though it is not supported in IE until the latest version (and we’ve received some indications that its support is not complete )
Data has been split into 2 types words and numbers.
Words are simply copied and pasted into a text box, he hope to allow the upload of MS word documents at some point in the future.
‘Numbers’ can be uploaded as excel spreadsheets. This is done using the excellent drupal sheetnode module, which handles both the upload of several formats of spreadsheet, but also displays them in a familiar interface for users.
The dashboard is our term for the form which allows you to choose your options. visualisation options are presented depending on the type of data you uploaded, once chosen you are given supplementary options depending on your chosen visualisation type.
Visualisation (aka the fun part).
To build the visualisations we built 3 different (for lack of a better word) ‘engines’. I’ll describe the protovis engine in depth later, but here are the other two described in brief.
wordclouds, The data is parsed and sent off to a remote server, which generates the svg and returns it.
ISOTYPES, this module generates an svg based on preloaded svg paths for icons, changing size, colour and the number of items based on the data provided.
Once drupal has an SVG file through this process it creates a visualisation content type, and saves the SVG to it. the SVG is also rasterised and a standard image (firstly so it is in a familiar format, secondly to ensure all users can view it). and it is also saved as a .pdf.
While a rather brief explanation of the whole process I hope it gives an insight to the architecture of the site, and the many complexities that can be encountered, and overcome in building a project such as this.
Our datavis site has launched! http://look.iriss.org.uk
15th March was International Social Work day, and we were very proud to have Alison Petch (Director of IRISS) announce and present the site at the conference in glasgow. We also had a stand allowing delegates to have a first play with the tools on offer. For my own part it was the culmination of nearly 30 hours work over 2 days to finalise some of the tools, and it was a proud moment for me to see some of the tools being put to use for the first time.
Work still continues developing and improving the tool, and I’m looking forward to expanding on the visualisations.
Currently the registration system has a couple of issues, however if you wish to use the site, please email us at email@example.com and well sign you up.
As the new site starts to fall into place, We’ve evaluated several Drupal modules and are working to develop some new ones.
Firstly, We’ve chosen the awesome sheetnode module, which allows users to upload spreadsheet data in various formats ( Excel, mac-excel and google spreadsheets ) into a Drupal node. not only does this offer a simple way for users to get their data into the system, but it also allows them to modify the data via a easy to use editing interface. Lastly ( and best of all ) each cell, row and column can be accessed through Views. All that power held in a single ( and woefully unknown ) module. check it out here -http://drupal.org/project/sheetnode
You may have noticed that we are concentrating on SVG as our base format. This has been chosen since it is a resolution- independent format ( you can re-size it without any loss in quality ). Our goal is to use imagemagick to allow users to convert the SVG to jpeg for when a user wants to download and use the image in their own site/publication.
We’ve been working on wireframes to show our pilot users so they can get a better understanding of how the website will work for them. It’s been useful to get us thinking about the tool will work in terms of layout, functions.
These were all sketched out on paper & pencil before being transferred to more finalised versions and inked in with a sharpie.
We’ve attached the wireframes to this post if you would like to share any thoughts.
Part of the data visualisation(dvis) work at IRISS is to develop a web based tool for creating & sharing visualisations.
Visualizing data enables social work organisations and practitioners to gain new insights into data and provide new ways of navigating large amounts of data. This prototype will initially benefit the social work department the project partners with, but subsequently will have a bigger impact when the tool is made available across Scotland.
Recently we’ve invested a lot of time developing sites & tools with Drupal, so the decision to use it was easy. The community surrounding Drupal is rich & diverse with many thousands of people writing & sharing code.
Using shared code (or Modules) allows us to construct the mundane parts like users, roles, storage & import of data, permissions, sharing (social networks, email, embedding) rapidly. This allows more time to be spent on larger features like generating the visuals themselves, the user interface & testing.
To quickly gather a snapshot of tools, services, examples & best practice we’ve been using delicious to tag resources scattered across the web. We decided to use the tag iriss_dvis to collect & easily share what each person finds. There’s a list of those link here on the blog so please feel free to explore.