|
Posted by kyle on October 17, 2006 12:52 PM
|
bookmark / share: |
|
Last week I showed you a tutorial that I put together for The Ajax Experience, where we built a force directed model from the contents of an XML file. Today I'm presenting an example with full source from another tutorial in this talk, where we make a complete, interactive application that models music recommendations using Amazon.com's Similarity API. I'll be covering this example in detail in my talk next week at The AJAX Experience. You may view, download, and modify the source in this example. It's available under a Creative Commons Attribution License.
This application will enable a user to search for music by artist. When the user selects an album, they'll see a graph model reperesenting the album's relationship to similar albums, based on Amazon.com buying history. Here's a screenshot:
Click here to use this example application...
A Note on Aesthetics
Continue reading "Modeling Music Recommendations in JavaScript with JSViz" »
|
Posted by kyle on October 13, 2006 05:20 PM
|
bookmark / share: |
|
Part of my upcoming talk at The Ajax Experience is, of course, about graph-based data visualizations using JSViz. I've worked up a couple of tutorials using the new JSViz 0.3.1 and I'm sharing abbrieviated versions of them here. Conference attendees should find these posts useful as a recap and additional reference for coding your own apps.
In this first tutorial, we'll introduce the JSViz 0.3.1 API by modeling the contents of an XML file. The model will render in HTML or SVG if it's available. Of course you can take a look at what we're building before we get started:
Screenshot of SVG
|
Screenshot of HTML
|
"Live" Example
|
Hide
Continue reading "Tutorial: Building a Force Directed Graph from XML" »
|
Posted by kyle on October 12, 2006 11:51 PM
|
bookmark / share: |
|
JSViz 0.3.1 is now available. This release includes many enhancements to Force Directed Graphs and a new, simpler API. A new Tree Graph implementation will be available shortly.
So let's see it in action!
Tomorrow I'll post a tutorial on how to make this demo:
Show Demo
What about the source?
The source is available under a Creative Commons Attribution License. Here are the source files for browsing. I'll provide a single file distribution shortly.
){kind=link}
){kind=link}