Visualizations & Interactions
We can help you sort through vast amounts of data in real-time, or just making that bar chart "work."
Sample projects
- At Navis Corp, I built an interactive "recap report"-- described by one person as a "spreadsheet on steroids". This provide real-time mission-critical visualization of 1000s of containers as they moved throughout container yards and onto ships, with dynamic drilldown and filtering.
- Integrated map views of schools into the Great Schools site. This also included using geocoding data to group schools into "cities", and provide "nearby cities" functionality to parents considering a move.
- On Bedsider, I built a series of graph widgets to express data as animating bar charts, "bubble charts", and tree maps. (No demo available)
- On Bedsider, I built interactive birth control method browser and compare. Although this is a small data set, the idea was to encourage women to dive into the available methods.
- prototypeAgile Processes: A quick visualization to understand the differences between "agile", XP, scrum, etc using a force-directed graph. Written in pure Javascript.
- prototypeUX Spoke: The
idea of this prototype is to spur software creators to consider different ways of getting feedback from users.
Software professionals can
use the "hammer" technique-- if the only tool you have is a hammer, then every problem looks
like a nail. I saw this over and over (and in myself), and wanted to build a tool that would
"mix it up" a bit.
Instead of presenting the various activities you can do with users like most pages, my "interaction" starts with the questions you might have about the product. And from there suggests potential activities. - I built the first prototype of Story Mapper and contributed to ongoing dev and project management. (Requires Pivotal Tracker login)
- &what; is a programmer utility to discover various character entities. Works as a standalone offline HTML5 app.
- Interactive Git visualization: This is my
visualization of how Git works from a high level. There are a few diagrams that explain the different buckets your
code can be in, and others that summarize commands. This prototype synthesizes the two into a to useful teaching tool, showing
how code flows between the different buckets.
Feedback has been very positive, and it was featured on the front page of Hacker News. - prototype A quick chart of the programming languages I've used. Created to demonstrate concise CSS and Javascript style in an hour.
