To implement visualization for trees, which one should I use Famous Or D3.js?

347 views
Skip to first unread message

Wei Robinss

unread,
Jul 27, 2015, 4:15:17 PM7/27/15
to d3-js

Hi~ I'm going to develop an web application for the visualization of the trees(Binary Search Tree, AVL Tree, Red-black tree). 

The final effect might looks like this page http://visualgo.net/bst.html.


Main features in this app: 

  1. Support basic operations: Create a tree, Search the tree, Insert/Delete any node in the tree; 
  2. Create animation for the basic operations; 
  3. Advanced operation: Draggable node in the tree; 
  4. Output the steps of the algorithm;


Famous is a powerful framework to create animation and interactive interfaces for an app. And D3.js is a great data-driven library. I don't know which I should choose for this application. And I'd like to add this application in my portfolio to get an Front-end developer position in the coming hiring season.


I hope someone who is familiar with those can give my some suggestions. Thanks a lot.

nick

unread,
Jul 28, 2015, 9:45:19 AM7/28/15
to d3-js, robin...@gmail.com
Data visualization: the search for more money!

d3 has your back. famous is more targeted at layout, mobile optimization, etc. to my knowledge. If you want to be working in web visualization, d3 is probably the premier tool to have in your toolbelt, while famo.us would be more about packaging what you build well. Other, more broadly used app-level things might serve you more productively: angular, backbone, react, or ember, while some (whatever ->) CSS chops in bootstrap or foundation will round out your ability to put the finishing touches on your work. Try a few of them!

Of course, with all of these things, you'll want to demonstrate that you can put all of them together in a businesslike way: requirejs, browserify, systemjs and webpack all offer interesting choices for creating optimized, fast web sites.

Back to your initial question: you'll find a large number of examples on bl.ocks.org, http://christopheviau.com/d3list/ and others. Additionally, many production sites use d3, such as the new york times, etc.

With respect to all things graph, have a look at some of these:
http://maurizzzio.github.io/greuler/#/
http://felix-kling.de/JSNetworkX/
https://github.com/cpettitt/dagre-d3
https://github.com/tgdwyer/WebCola
https://trifacta.github.io/vega/

Not d3, but deserving of honorable mention (especially for large graphs and algorithms):
http://js.cytoscape.org/
https://github.com/devenbhooshan/graph.js
http://sigmajs.org/
http://visjs.org/
http://www.ractivejs.org/

Good luck!
Reply all
Reply to author
Forward
0 new messages