![\"\"](\"https:\/\/truelogic.org\/wordpress\/wp-content\/uploads\/2012\/06\/arbor.jpg\" "\\"arbor\\"")
<\/a><\/p>\nThe image above is a screenshot from a small demo which I made with the data coming from a php file. It shows the breakup of countries based on their alphabetical names.<\/p>\n
Most of the heavy-lifting is done by the Arbor library. All you need to understand is how the various objects in arbor.js work.<\/p>\n
Arbor uses the laws of physics to show and move the model. In their own words:<\/p>\n
Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling.<\/em><\/span><\/p>\n It leaves the actual screen-drawing to you. This means you can use it with canvas, SVG<\/strong>, or even positioned HTML<\/strong> elements; whatever display approach is appropriate for your project and your performance needs.<\/em><\/span><\/p>\n As a result, the code you write with it can be focused on the things that make your project unique \u2013 the graph data and your visual style \u2013 rather than spending time on the physics math that makes the layouts possible<\/em><\/span><\/p>\n If you are interested in getting the source for this demo, please let me know. I can make it available as part of the blog post.<\/p>\n","protected":false},"excerpt":{"rendered":"Check out my demo here<\/span> (May not work in IE but give it a try)<\/a><\/h1>\n
For downloading the arbor.js library and their documentation click here<\/strong><\/a><\/h1>\n