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=”0×333333″ 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=”0×000000″></edge>
More data is revealed as you drill down – double click on the ‘cow’ node.
————-
Update
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
This entry was posted on Tuesday, July 15th, 2008 at 8:32 pm and is filed under Data Visualisation, Flex. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
on 25, September, 2008 at 9:31 am Tije wrote:
Hi,
I been wanting to do something like this for a long time, but I somehow can’t seem to get the Ravis example on the birdseye website to work and the link provided in your article (Flash&Flex Developer’s Magazine) doesn’t point me to a tutorial of some sort. Do you still have a direct link to the tutorial or may be a source I can look at from your example? I would be very grateful. I downloaded the Ravis stuff from the repository, but I can’t get it to work properly. I’m in a need of some sort of simple start guide.
Thanks,
Tije O
on 30, September, 2008 at 11:03 am Tije wrote:
Hi Sam,
Thank you very much! The Example is working perfectly and in the meanwhile I got the RavisExplorer example on the birdseye website working too! I’m now going to figure out how it works and i’ll send you my application if I finish it.
Thanks again,
Tije