Vis.js: A Visual Interaction System • Hacker News Board

Re: Vis.js: A Visual Interaction System

#21

Post by murtza » Wed, Apr 16, 2014, 3:16 AM UTC

oscilloscope wrote: post #18

murtza wrote: post #16

Does anybody know of a site that keep tracks of all these JavaScript visualization libraries, or JavaScript libraries in general? There are lot of great JS libraries, but it is difficult to keep track. I would like a resource for JavaScript libraries like ruby-toolbox.com is for gems. If somebody has the time, the data could be pulled with GitHub's search API: https://developer.github.com/v3/search/

Here's a good non-exhaustive list of JS visualization libraries: http://selection.datavisualization.ch/

Thanks! That site is helpful. The UI looks great, and would be even better if it had GitHub fork and star data.

Re: Vis.js: A Visual Interaction System

#22

Post by pauldunstone » Wed, Apr 16, 2014, 3:24 AM UTC

Nice, I like the simple layout, but maybe the formatting could be a little smaller?

Re: Vis.js: A Visual Interaction System

#23

Post by gdubs » Wed, Apr 16, 2014, 3:29 AM UTC

jebblue wrote: post #19

Some of those examples might violate one or more Xerox patents, just as an FYI. I do think this is pretty cool though, shows some interesting JavaScript uses.

Care to elaborate?

Re: Vis.js: A Visual Interaction System

#24

Post by cls59 » Wed, Apr 16, 2014, 3:49 AM UTC

oscilloscope wrote: post #20

cls59 wrote: post #15

Earlier quoted context omitted.

You can target canvas with d3, but you loose much of the abstraction that makes d3 powerful. For example, look at all of the low-level canvas rendering code that is used. Not as powerful as visualizations driven by chaining .data().enter().append().attr() which can easily be re-shaped by swapping html tags and CSS attributes. d3 really is a three-legged stool of HTML, JS and CSS. When targeting , you loose both HTML…

I'd argue that much of D3's power comes not from the update pattern for DOM elements, but the reusable components pattern. http://bost.ocks.org/mike/chart/ Examples in the core library, all compatible with Canvas, include scales, layouts, geographic projections, time/color utilities, CSV/TSV loading, and behaviors (drag/zoom/etc). There's some built-in canvas rendering like d3.geo.path which can be provided a canvas…

In most cases you also loose the ability to specify graphic components declaratively through .append() and .attr(). Instead, you must imperatively specify how to produce the drawing from the data by manipulating the canvas context.

I have use d3 to create composite graphics that included elements rendered to canvas and it certainly is powerful. But, I still believe that the sweet spot of the library requires being able to work with the DOM and CSS.

Re: Vis.js: A Visual Interaction System

#25

Post by dcre » Wed, Apr 16, 2014, 4:24 AM UTC

zo1 wrote: post #10

dandelany wrote: post #7

Earlier quoted context omitted.

To add to the list - I recently used http://kineticjs.com for a data vis project involving some massive amounts of data in the browser and was very impressed at its performance and ease of use.

I can't seem to be able to find good examples of kinectJS in action. Could you please point me to some solid examples or in-depth tutorials?

Try the "Labs" link on the front page. There are multiple pages — that's a bit hard to see.

http://www.html5canvastutorials.com/category/labs/

Unless that's specifically what you're dissatisfied with.

Re: Vis.js: A Visual Interaction System

#26

Post by abuzzooz » Wed, Apr 16, 2014, 4:50 AM UTC

tzury wrote: post #2

Nice, though when I test the examples (edit items [1]), I would expect better than confirm/alert usage. 1. http://visjs.org/examples/timeline/08_edit_items.html

It's just an example to illustrate the callback functionality. The focus is on the visualization part, not the popup.

Re: Vis.js: A Visual Interaction System

#27

Post by tsenkov » Wed, Apr 16, 2014, 6:29 AM UTC

Looks nice. Demos should be styled to support higher resolution displays, though (looks "pixely", if this can be a word, on retina display).

Re: Vis.js: A Visual Interaction System

#28

Post by netnichols » Wed, Apr 16, 2014, 7:59 AM UTC

mkoryak wrote: post #13

What are the supported browsers? Would be good if I could easily find that info somewhere on the site

Agreed. Or at least a description of what technologies are used (e.g. Canvas, SVG, VML, etc).

Re: Vis.js: A Visual Interaction System

#29

Post by netnichols » Wed, Apr 16, 2014, 8:04 AM UTC

tsenkov wrote: post #27

Looks nice. Demos should be styled to support higher resolution displays, though (looks "pixely", if this can be a word, on retina display).

Yeah, on my rMBP the timeline examples look fine, but the graph examples are distractingly blurry.

I look forward to a day when all of these high PPI growing pains are behind us.

Re: Vis.js: A Visual Interaction System

#30

Post by thejosh » Wed, Apr 16, 2014, 8:19 AM UTC

murtza wrote: post #16

Does anybody know of a site that keep tracks of all these JavaScript visualization libraries, or JavaScript libraries in general? There are lot of great JS libraries, but it is difficult to keep track. I would like a resource for JavaScript libraries like ruby-toolbox.com is for gems. If somebody has the time, the data could be pulled with GitHub's search API: https://developer.github.com/v3/search/

unheap.com is pretty good.