TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Arbor.js - HTML5 graph visualization library

193 pointsby fish2000over 14 years ago

19 comments

thecoffmanover 14 years ago
The animations for expanding nodes seemed very jarring. At first I wasn't even quite sure what was occurring. I didn't look through the docs to see if it was configurable for users - but I'd recommend something a little less abrupt for your landing page. It took some getting used to and imo is a deterrent to really exploring your site.<p>That being said - it seems like a very cool library!
_shover 14 years ago
For force-directed graph layouts in javascript, see also Springy: <a href="http://github.com/dhotson/springy" rel="nofollow">http://github.com/dhotson/springy</a><p>Demo: <a href="http://dhotson.github.com/springy/demo.html" rel="nofollow">http://dhotson.github.com/springy/demo.html</a>
评论 #2098553 未加载
jcfreiover 14 years ago
Nice, been thinking of starting an HTML 5 graph visualization myself. Though I would put less emphasis on the animation and more on the "clickability" of buttons. This jittering around makes it look broken - instead I would arrange all elements in their final position from the beginning and only use animations when a new node is created.
评论 #2097937 未加载
rexreedover 14 years ago
The demo seems to hang / be slow on Firefox 3.6.13 on Windows. Then again, I have a ton of tabs open.
评论 #2097994 未加载
davidingover 14 years ago
Was the demo of the US map inverted on purpose? I couldn't resist trying to correct it by flinging nodes about...
babyshakeover 14 years ago
Are there any common reasons why a startup would be interested in graph visualization? There's clearly uses here for visualizing a social network or RDF graph, but what else?
评论 #2097806 未加载
评论 #2098212 未加载
评论 #2097784 未加载
评论 #2098023 未加载
评论 #2098167 未加载
评论 #2098578 未加载
评论 #2097731 未加载
futuremintover 14 years ago
These remind me of flash stuff on praystation.com 10 years ago!
评论 #2097730 未加载
miguelriosover 14 years ago
Very interested on this. How scalable it is? How many nodes can I see?<p>I ask because it uses a Force Directed layout, I guess it will get very slow after a few thousands of nodes.<p>Looks promising though. I'll play with it...
评论 #2097740 未加载
pamelafoxover 14 years ago
This reminds me of the JavaScript InfoVis Toolkit, which includes similar graph visualizations but also a handful more: <a href="http://thejit.org/" rel="nofollow">http://thejit.org/</a><p>I've used it in the past to visualize the structure of Google Wave conversations, and intend to use it in the future to visualize related products. (Unless I use this one instead, of course :)<p>I think that a graph interface like this shouldn't be the only way to get at some set of data, but at least for some people, it can be a really new and compelling way to explore it.
jlongsterover 14 years ago
What a great site design which incorporates the library itself. It took me a second to realize that the graph <i>was</i> the site navigation, and it kind of caught me off guard. In a good way.
swannodetteover 14 years ago
Is the usage of Workers in that the simulation is happening in a Worker and the UI samples that data every so often?
omerkudatover 14 years ago
Causing quite high CPU usage in Firefox, is this generally true for HTML5 animations? (60% of Core2 Due @ 2.66Ghz)
dmvaldmanover 14 years ago
wow, this is really well done! i love the user interface for changing parameters (friction, gravity,etc.) and just overall smoothness<p>seems as if the algorithm grows unstable for very high node repulsion. even with a few nodes you can tell it is getting caught in a local energy minimum, plus the oscillations are jarring. maybe just cap the repulsion strength at 50k?<p>have you thought about adding hover text, upon a mouseover of the vertices?<p>also, maybe instead of spring tension, one could use fixed lengths given by the weights of another text file. giving user generated meaning to the edge lengths.
knvover 14 years ago
Is there an HTML renderer example for this somewhere? I'm not sure how can I make a graph interactive with canvas?
评论 #2099491 未加载
va_coderover 14 years ago
This is very cool. Unfortunately browsers in many corporate environments don't support this or springy.
jacabadoover 14 years ago
What about a website structure representation?<p>(I'm working on it)
taylorbuleyover 14 years ago
I'm going to have to pick up web workers
michaeltyover 14 years ago
No documentation in the docs node?
评论 #2098082 未加载
Klonoarover 14 years ago
The library itself is nice, but I feel the need to ask - why the hell does this have a jQuery dependency? jQuery exists primarily to plug the holes/inefficiencies in older browsers, but this thing isn't guaranteed to work in older browsers due to its reliance on web workers in the first place.<p>There's nothing wrong with standard Javascript provided the environment is sane.