Data visualisation with RaVis in Flex

RaVis (Relational Analysis Components) is part of the BirdEye “a community project to advance the design and development of a comprehensive open source information visualization and visual analytics library for Adobe Flex.”

The RaVis components all you to create interactive data visualisation interfaces for the analysis of relational data sets such as social networks, organisation trees, navigation systems and anything else you can think of.

To create this example I followed an article I beta tested for the Flash&Flex Developer’s Magazine.
Once you get to grips with setting up the project and components it’s really easy, this was my first proper dive into flex and I found it to be quite manageable.

The data for this example and the ones on the project website are loaded in form an xml file and are very basic, for example to make 2 nodes and connect them takes as little as this code:

// the first node
//<node id=”1″ name=”Food” desc=”Stuff you can eat” nodecolor=”0x333333″ nodesize=”50″></node>
// the second node
//<node id=”2″ name=”Dairy Products” desc=”milk and stuff ” nodecolor=”0xFFE76B” nodesize=”15″></node>
// the connection between them
//<edge fromid=”1″ toid=”2″ edgelabel=”is a group of” color=”0x000000″></edge>
More data is revealed as you drill down – double click on the ‘cow’ node.

[flash w=600 h=600 mode=1]


download source (2.4mb zip)

The source contains all the folders for this project – it also includes the libRaVis.swc in the libs folder.
some comments on code

Papervision mashed up with Yahoo maps

This mashes up a paperervision globe with the geo codes from yahoo maps.
All the data is obtained via a call to yahoo service that sends back some xml, then a point is put on the map.

I created this from a tutorial on the adobe site it was in Flex but I ported it over to Flash.

You can search by country, place, zip code, post code, anything that yahoo will accept and it might find it.

[kml_flashembed movie=”” height=”500″ width=”600″ /]

First bit of paper vision

I have wanted to try out papervision for a while and I have finally got round to making something pointless.

Here it is 2 boxes inside a room……. Pointless!

Move around the scene by moving your mouse

[kml_flashembed fversion=”9.0.0″ movie=”/swfs/cubes%20in%20the%20wall.swf” targetclass=”flashmovie” publishmethod=”static” width=”100%” height=”70%”]

Get Adobe Flash player


if it doesn’t show above view it here

Job change

I have recently changed jobs from Emak Mafu where I was a flash developer to Glasseye for a month where I was the main developer and designer, which was really good having most of the control over a project.
The main piece of work I produced at Glasseye was an interactive CD for a children’s charity Sing Up, ill hopefully put up some images of it when I get sent the final copy.

Now I am again a flash developer, this time at Tequila\ London.
It’s been a big jump from small agencies of 3-10 people to a massive agency of over 100 people that’s part of a bigger group with an untold amount of employees.

@ Tequila they let new employees settle in before they bombard them with work, which I found a little strange and unsettling at first as I’m used to working flat out all the time. After I got over the shock of not having work to do I got down to some much needed R&D to get some new skills under my belt and my next few posts will be about my little tests, most of which are quite pointless.