Bookmark with submit Viva%20la%20Canvas reddit

Viva la Canvas

Hey friends! I gave in and finally integrated <canvas> support into JSViz, and just in time for the Safari 3 Beta (which I'm really digging so far)!

Note: To render with canvas, you'll need Firefox 1.5, Safari 2.0, or Opera 9. JSViz gracefully degrades to alternative rendering platforms (SVG, HTML) when support is not present.

Continue reading "Viva la Canvas" »

Bookmark with submit Everybody%20wants%20tooltips reddit

Everybody wants tooltips

I get lot's of e-mails from JSViz users that want to know how to integrate tooltips into their graphs. Up until now, my responses have been something like this:

Yeah, that's super easy and everyone is always asking. I'll work up an example as soon as I have moment.

So I had a moment and here it is:

Continue reading "Everybody wants tooltips" »

Bookmark with submit Announcing%20svg2vml reddit

Announcing svg2vml

In the process of integrating vector graphics into JSViz, we developed svg2vml, a library that provides a common interface for scripting vector graphics in browsers that support either SVG or VML. To use svg2vml you simply script your vector graphics using SVG syntax, and when your page is viewed in a browser that supports VML instead of SVG the library maps the SVG API calls to VML. You get vector support in multiple browsers without having to script to different implementations. The currently supported features are circle, ellipse, rectangle, line, and gradient.

The library lives in the Google Code project hosting site at There you will find a wiki with examples for using the currently supported features, and a project roadmap that lists future development plans. If you have any questions, or comments, or would like to contribute to the project you can email us (see project site for contact info).

Bookmark with submit JSViz%200.3.3%20Patch%20%232 reddit

JSViz 0.3.3 Patch #2

Howdy friends, I've just uploaded another patch to 0.3.3. This patch covers some issues from the discussion board:

Improved SVG Rendering Performance

See the discussion here. No interface changes were required.

Added configurations for "type-driven" Force Directed Graph attributes

See discussion here. The constants used by ForceDirectedLayout.js have been removed in favor of a default configuration.

See comments and code in Example Force Directed Graph for more details. I don't currently have a good example of directed edge configurations (If you make one, I'd love to use it!).

Modified HTMLGraphView to place graph in contained

Until now, containers were used to help dictate graph placement, but HTML elements in graphs were rendered in the document.body. This made it difficult to use relatively positioned containers, and impossible to assert that if your graph exceeds the bounds, it doesn't overlap other content. No interface changes were required for this update.

Example #1: Our Snowflake Graph in a containing DIV
Example #2: Our Snowflake Graph in a relative-positioned containing DIV, with hidden overflow

There are a handful of other feature requests on the code site. I'm not sure which of these will make it into 0.3.3, but I'm expecting to do one more patch before 0.3.4.

Ideas, contributions, and comments are always welcome. The discussion board is the best place for feedback and help.

Bookmark with submit Google%20Web%20Toolkit%20Wrapper%20for%20JSViz reddit

Google Web Toolkit Wrapper for JSViz

Alistair Rutherford has created a wrapper that enables use of JSViz from the Java-based Google Web Toolkit. Check out the announcement on the Discussion Board or visit the Project Site for more details.

Also check out Alistair's traffic visualization site at Nice work Alistair!

Project Blog