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

瀏覽次數:347 次
跳到第一則未讀訊息

Wei Robinss

未讀,
2015年7月27日 下午4:15:172015/7/27
收件者: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

未讀,
2015年7月28日 上午9:45:192015/7/28
收件者: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!
回覆所有人
回覆作者
轉寄
0 則新訊息