Archive for the Category Dashboards

 
 

Axiis – New data visualization framework

axiis_logo

Well, I guess it is time to finally let the cat out of the bag.  For the past few months Michael VanDaniker and I have been working away on a new open source project we have named Axiis (you can thank Juan Sanchez for the great name.)   We are still a couple months away from our first public alpha release, but I think it is worthwhile spending some time to discuss the details of what we have been developing. 

Axiis represents a new way to conceive of and develop interactive data visualizations.   It is based on Flex and ActionScript 3.0 but has a uniquely different approach to creating visualizations than the standard Flex charts, and pretty much any other data visualization package I have seen.  Our primary goal in developing Axiis is to create very concise, expressive, and flexible framework that uses a purely declarative (markup) based approach to create anything from simple cartesian charts to very complex and involved data visualizations.  


Den ganzen Beitrag lesen…

SpatialKey Launch

The team over at Universal Mind has just launched a private beta of their flagship product, SpatialKey, a product that I first saw a prototype of back at Adobe MAX 2007.


Den ganzen Beitrag lesen…

My Data Visualization MAX Preso now on AdobeTV

 

For those of you who were unable to attend Adobe MAX this year, Adobe was kind enough to record all of the sessions and release them publicly.   My session covered off on Data Visualization with Flex, and was structured as a high level overview, good for beginners to advanced users.  I primarily cover the use of Flex charts, and quickly go through several examples from the basics to more advanced customization.   The preso is relatively quick paced, but should give people a good overview of what options exist within the Flex Chart controls and how you might use them within your projects.

You can see a high-res HD version directly on AdobeTV here.   

MAX 2008 Data Viz Source Files

I just got back from my trip up to San Fran, for Adobe MAX 2008, and I wanted to post the source code for my session on Data Visualization.   My preso was geared to target a broad spectrum of developer levels from beginner to advanced.  I have four code demos that cover off on data structures for charts, data formatting, chart styling/appearance, and chart interaction.   Each demo walks through a progression from simple to advanced concepts and code.   From the session feedback survey feedback I received today, it appears that audience found the presentation helpful and valuable as I had relatively high marks, and few people told me it was one of the better presentations at the conference.   To everyone who attended, thanks for coming, and I hope you got some value out of it.

Here is the link to the source files.

Overall I found the conference as a whole to be a bit of a let down at the content level.  It was great to see all the familiar faces and catch up with people, but I didn’t have the same feeling of excitement that I had last year in Chicago.  It seemed this year that Adobe was doing a lot more product refinement than pushing any real new boundaries.   Flash Catalyst (Thermo) has not really changed (just gotten further along) than what we saw in Chicago last year, and overall the MAX “Sneaks” were rather blah… ActionScript on the server to render HTML… c’mon guys we were doing that kind of stuff with .asp 10 years ago.   I sure hope MAX last year was not the apex of Adobe under the guidance of Bruce Chizen, and that now we are starting a decline.    I also realize that Adobe/Macromedia has pushed so many boundaries over the last couple of years that as a company it is now in a position where it needs it platform technologies to cross the chasm from early adopters to a more mainstream market, which for people like me becomes boring – because I always want to work with new technologies and be that early adopter level.

My speaking schedule at MAX 2008

Monday November 17th is the official start date for Adobe MAX.   I will speaking at several sessions throughout the conference.

On Monday I will be speaking with Juan Sanchez about Degrafa at the 360|MAX unconference.  The presentation will be from 4:00pm to 5:30pm.

Then Monday night at 9:30 I will be doing a Birds of a Feather session with Juan, speaking again about Degrafa.

Wednesday at 3:30pm I will be doing my Flex Data Visualization presentation.  Adobe asked me to do this preso and to try and serve as wide an audience as possible from Flex rookie to advanced Flex developers.  60 minutes is not a lot of time so I will be moving quickly and I have put together 4 new code demos where I walk through code from simple to advanced examples that cover off on  Data Structures, Working with Chart Series, Styling Charts, and Chart Interactivity.   Pretty much everything is focused on Flex charting, versus other components.  I will also be covering off on some of the open source components I have previously released like the DataSet Component, as well as one or two new components I have created that make it easier to customize Flex Charts.

I hope to see you there, and please don’t be shy about introducing yourself if you have read this blog.   MAX is a really fun conference and I am looking forward to it.

 

UPDATE 11/14/2008:  According to the MAX scheduler it says my session is SOLD OUT, but don’t worry if it is like any other MAX event it is first come, first serve – so just be there early.   I also realized the session description is slightly different than the content.  It is hard in 60 minutes to get too in depth about anything, my session will show different techniques for dealing with data, chart appearance and styling, and user interaction within Flex charting.

Dashboard Insight to Feature Google Finance Dashboard

Dashboard Insight has just featured my Google Finance dashboard as their dashboard of the week.   Thanks DI!

360 Flex Data Visualization and Dashboard Presentation

At 360 Flex San Jose Adobe (Ted Patrick) recorded all session presentations in HD with sound.  Today they just published my preso.   Unfortunately my laptop was giving me fits and I could never get Keynote to go into “presentation” mode.   Outside of that and a lot of “umm and uhhs” while I was talking the presentation did a pretty good job of presenting the material and giving the community some new MIT code.   You can also see it via Adobe Media Player to get the full rez version.

Which Data Visualization works Best?

1) Heat Index Grid (click for full view)


2) Micro Histogram  (click for interactive version)

3) Punch Card Grid


Recently I was asked by Universal Mind if I would be interested in consulting for them on the User Experience and Data Visualization aspects of their ground-breaking geo-spatial product SpatialKey. I felt it was a great compliment and privilege to have such a well recognized and respected company in the RIA world ask for my input, and I was excited by the prospect of working with such people as Mike Connor (VP Business Development), Tom Link (CTO) and Doug McCune (Flex Rockstar) and the many other talented people at UM. 
Whiile many of you in the Flex community probably have already heard about SpatialKey, for those of you who have not, definitely go check out their technology preview. Basically, SpatialKey represents some really innovative work on showing high volume data sets as they relate to geo-coded data with visual interpolation techniques that far eclipse the standard pin-based metaphor found on most geo-spatial visualization tools.
In that vein one of the tactical areas I was asked to look at is the effectiveness of certain types of visualizations for specific types of analysis. One of those areas was trying to plot crime incident data data by hour and day of week for a given 7 day period. From this discussion we came up with three alternative ways to visualize this data… one existed currrently within the system, one I created based on the visualization problem as i saw it, and one was found by surfing the web. One of the challenges in doing Data Viz work, is the more work you do in the field the more unique visualizations you create the stronger your preference for certain visual patterns becomes, thus creating a bias in what seems most effective for you.
While I believe I have scientific reasons to explain why I think one of the visualizations above is more effective than others, it comes down to what casual users find most intuitive. To that end, I would be greatly appreciative for any readers to vote on the visualization they feel is most compelling to solve the analysis problem of spotting trends and subtle differences in numeric counts (arrests) as plotted hour-by-hour for a seven day period. While we are interviewing real users in the SpatialKey target market, getting feedback from the Flex community is just as valuable. Just use the comments section to vote for 1 (heat index grid), 2 (micro histogram), or 3 (punch card). (Pics 1 & 2 show the same data, Pic 3 is a different data set, which I realize make the comparison a little harder, but hopefully still valid.)

Chart Slicer Component Released

Today I am releasing a chart slicer component that behaves like the one seen on Google Finance.

I had several requests for the source code for my Google Finance sample, but regretfully the code is embarrassingly sloppy, and I am not sure when I will be getting back to cleaning it up.  One of the components within that example is this chart slicer control, which I have now created a simple example for, with source code included.
This control can target any Flex cartesian chart, although I have only tested it with a few, so I am sure people will find edge cases (or perhaps not so edge cases) that break the component.   It is easy enough to change the display in the control from an area chart to any of the MicroCharts included with a little customization.
This component has a liberal use of Degrafa to make all the magic work, from custom skins on the sliders, to the microcharts used to represent the data, to the tick marks within the slider track the reference the positioning of the items in the target chart.  You will also notice some extra logic that has the sliders snap into alignment with the actual item renderers of the target chart.   With larger data sets this is less noticeable, but with small ones it is very effective.   
Many thanks to Doug McCune for his HSlider control, and the efforts put forth by Brandon Meutzner.
You can see the example and download the code here.   As usual all code is released under an MIT license.

360 Flex Data Visualization Code Examples

This is a pretty short post that I wanted to get out to the community.  Below are the links and source code (view source) for the presentation I gave today at 360 Flex in San Jose. 

GoogleFinance Example: (view source coming soon, still needs some refactoring and clean up.)