3 ms·

Here's a better site for checking out some demos: http://vis.stanford.edu/protovis/ http://vis.stanford.edu/protovis/ This vis library looks really interesting

Here's a better site for checking out some demos: http://vis.stanford.edu/protovis/ http://vis.stanford.edu/protovis/ This vis library looks really interesting to me because of its flexibility. My main concern is that it's based on SVG. I wonder how easily it could be modified to be canvas based instead. The only reason I say that is because canvas seems to be getting a lot of attention from browser vendors while SVG is languishing...

endtime 16y ago
ProtoVis has a somewhat modular rendering backend, I believe. So you could probably rewrite it to run on canvas. That said, why do you think SVG is languishing? The IE9 demos made quite a big deal of their SVG support and the other major browsers already have pretty decent support for it.
- bhiggins 16y ago
  Looks like I just haven't been paying attention. Thanks for pointing that out.
daniel_levine 16y ago
protovis actually moved away from canvas and into svg. There are some people working on a canvas port though as well. SVG suppost is pretty good actually in everything but IE though IE9 will support it. And that is a problem with canvas too.
- tomd 16y ago
  There's been some recent progress with Protovis and SVGWeb (a JavaScript + Flash shim for SVG support in Internet Explorer): http://groups.google.com/group/protovis/browse_thread/thread/b31401f1b68a913b http://groups.google.com/group/protovis/browse_thread/thread...
haberman 16y ago
One thing I want that none of these demos seem to have is links. If part of my visualization is describing some system entity, I want to be able to click on that entry to drill-down. The drill-down page might be a completely different page that doesn't contain a visualization at all. I've played around with SVG, which supports links if you use "object" or "embed" tags. But if you use either of those tags, the SVG image acts more like an iframe which has scroll-bars if the SVG is too big, and clicking the link loads the page in the the SVG's little box. If you use the "img" tag then the SVG flows with the page better, but links don't work. :(
- schuylerd 16y ago
  You can set 'click' and 'hover' events for almost all of the objects created, which can obviously be to change document.location or window.open()
  - equark 16y ago
    This is exactly right. And these popups can be pure HTML/CSS. See this easy integration with the jQuery tipsy library. http://vis.stanford.edu/protovis/ex/tipsy.html http://vis.stanford.edu/protovis/ex/tipsy.html
Construct 16y ago
Whenever I deal with SVG these days I use Google's svgweb project for near-universal compatibility: http://code.google.com/p/svgweb/ http://code.google.com/p/svgweb/ It uses native rendering when available, but falls back to a flash plugin that emulates SVG support when it isn't (meaning pre-IE9 Internet Explorer). This ends up covering ~95% of the market. Also, I'd disagree that SVG is languishing. True, canvas is getting a lot of attention, but SVG is more than sufficiently mature to support projects like this.
IanOzsvald 16y ago
Here's a further demo showing a social graph (Twitter friend relations at a BarCamp) with an image hack on ProtoVis' directed force graph: http://ianozsvald.com/2010/10/05/visualising-lanyrds-social-connectivity-graph/ http://ianozsvald.com/2010/10/05/visualising-lanyrds-social-... It works great in Chrome/Safari and ok in Firefox. It runs like a dog on the iphone 3G. Kyran (who hacked ProtoVis) is working on a Canvas reimplementation which runs faster on mobiles.

endtime 16y ago

ProtoVis has a somewhat modular rendering backend, I believe. So you could probably rewrite it to run on canvas. That said, why do you think SVG is languishing? The IE9 demos made quite a big deal of their SVG support and the other major browsers already have pretty decent support for it.

bhiggins 16y ago
Looks like I just haven't been paying attention. Thanks for pointing that out.

daniel_levine 16y ago

protovis actually moved away from canvas and into svg. There are some people working on a canvas port though as well. SVG suppost is pretty good actually in everything but IE though IE9 will support it. And that is a problem with canvas too.

tomd 16y ago
There's been some recent progress with Protovis and SVGWeb (a JavaScript + Flash shim for SVG support in Internet Explorer): http://groups.google.com/group/protovis/browse_thread/thread/b31401f1b68a913b http://groups.google.com/group/protovis/browse_thread/thread...

haberman 16y ago

One thing I want that none of these demos seem to have is links. If part of my visualization is describing some system entity, I want to be able to click on that entry to drill-down. The drill-down page might be a completely different page that doesn't contain a visualization at all. I've played around with SVG, which supports links if you use "object" or "embed" tags. But if you use either of those tags, the SVG image acts more like an iframe which has scroll-bars if the SVG is too big, and clicking the link loads the page in the the SVG's little box. If you use the "img" tag then the SVG flows with the page better, but links don't work. :(

schuylerd 16y ago
You can set 'click' and 'hover' events for almost all of the objects created, which can obviously be to change document.location or window.open()
- equark 16y ago
  This is exactly right. And these popups can be pure HTML/CSS. See this easy integration with the jQuery tipsy library. http://vis.stanford.edu/protovis/ex/tipsy.html http://vis.stanford.edu/protovis/ex/tipsy.html

Construct 16y ago

Whenever I deal with SVG these days I use Google's svgweb project for near-universal compatibility: http://code.google.com/p/svgweb/ http://code.google.com/p/svgweb/ It uses native rendering when available, but falls back to a flash plugin that emulates SVG support when it isn't (meaning pre-IE9 Internet Explorer). This ends up covering ~95% of the market. Also, I'd disagree that SVG is languishing. True, canvas is getting a lot of attention, but SVG is more than sufficiently mature to support projects like this.

IanOzsvald 16y ago

Here's a further demo showing a social graph (Twitter friend relations at a BarCamp) with an image hack on ProtoVis' directed force graph: http://ianozsvald.com/2010/10/05/visualising-lanyrds-social-connectivity-graph/ http://ianozsvald.com/2010/10/05/visualising-lanyrds-social-... It works great in Chrome/Safari and ok in Firefox. It runs like a dog on the iphone 3G. Kyran (who hacked ProtoVis) is working on a Canvas reimplementation which runs faster on mobiles.