Dallas Neighborhood Comparison Tool
I was asked to contribute to an online interactive piece for the Dallas Morning News that allowed readers to compare Dallas neighborhoods on a number of different metrics.
This piece provides both scatter plot and interactive map, allowing the user to zoom in on one of over 500 neighborhoods in the metro area. An accompanying piece allows users to discover neighborhoods that best match their tastes over a number of factors.
Animated Transitions Between Charts Tutorial
Another Flowing Data tutorial! This tutorial is again combined with a demo of animating between chart types in a visualization
The data for this demo was aggregated from New York City 311 call requests. Here, we look at the requests around the time of the Sandy Hurricane of 2012 from different perspectives.
Interactive Network Visualization Tutorial
This tutorial was written for the popular data visualization site Flowing Data. The tutorial is paired with source code and a demonstration site for building an interactive network visualization
The data used to demonstrate this type of visualization is song similarity data from last.fm. The visualization includes the ability to search for songs, filter based on song popularity, and change the layout of the visualization.
Small Multiples with Details on Demand
Small Multiples are a powerful way to display changes over time. In this experiment, I look at an expansion to the basic small multiples idea by adding interactive overlays for showing details of a particular small multiple.
In this example, we look at CO2 emissions over time. However, the methodology demonstrated could be used in any small multiples visualization where additional information on individual graphs would be valuable.
Bubble Cloud
Based on the NYT's convention word usage visualizations, this bubble cloud visualization provides an interesting alternative to the traditional word cloud.
Custom forces provide a unique user experience. Bubbles can be clicked and moved around for more interactivity.
The Bubble Cloud Tutorial goes over the details of the implementation.
Animated Bubble Chart
This simple visualization was made as a demonstration of how the New York Times Budget Chart works.
Each bubble represents a grant from the Gates Foundation given to an educational system. Fluid animations are used to transition views from a single group to multiple groups based on year.
The Original Blog Post describes how its done.
Stowers Collaboration Network
This interactive network visualization explores the relationships between individuals and groups at the Stowers Institute for Medical Research.
Each connection represents a research paper collaboration between scientists. Scientists are grouped by what lab they are a member of. The user can move groups and individuals around to expore relationships between labs.
The network was featured as a special in both online and print forms of the Stowers Report - Spring 2012. Source code can be found on github
GSA Lease Dashboard
Developed for Colliers International for their Capitol Markets blog, this interactive dashboard allows for the exploration of government leased properties based on important factors.
Custom sliders allow users to filter over 5,500 GSA properties in the USA. Locations are displayed on an interactive map and metrics for the filtered properties are automatically updated.
Feltronifier for Maps
A fun little web-app that allows you to make custom Delaunay-style maps in the tradition of the Feltron Report.
Add new points, change the background and annotation colors, modify the annotations, and then save the resulting visualization for later. Uses D3.js and a number of jQuery plugins to make magical things happen.
We're In The Money
How much do the movies we love make? How about the duds we should have missed? This visualization allows the user to explore the relationships between film budget, profits, and user ratings. Search through Hollywood films from 2007 - 2011. Filter based on genre and story type.
Created for and using data from the Information Is Beautiful Awards Movie Visualization Contest. Works best in Google Chrome
Visualizing The Racial Divide
An interesting use of force-directed graphs combined with geographical maps: the force-directed map. Used here to create a visual representation of how segregation in U.S. cities effects communities today.
Areas with sharply segregated boundaries push away from each other, while areas of homogeneity stay largely static
The Original Blog Post describes the visualization in more detail. Uses d3.js and looks best in Google Chrome.
Old Visualizations Made New Again
A selection of charts from the turn of the century recreated using d3.js. I wanted to get a chance to practice basic visualization techniques using d3, as well as learn a bit of coffeescript in the process. I am also fascinated with America's past. Thus, recreating old visualizations using modern technologies seemed like a good fit.
Here is my original blog post on this visualization.
With these recreations, I attempt to stay true to the original design. Because the process of extracting the raw data out of the original graphs is rather labor intensive, not all the data points are displayed in these updated versions. Also, because of the manual process, values might not exactly match the originals. Visualizations look good in Chrome and Firefox 4.
License Usage Dashboard
Managing licenses for shared applications, and knowing when to add more licenses can be tricky. This dashboard satisfies a need of knowing how often the licenses for a particular piece of shared software, Matlab, were being maxed out. Matlab has an interesting license structure in which each package has their own number of licenses - independent of the overall Matlab licenses. So there was a need to track each package's license separately.
This simple dashboard provides an overview of when licenses are being used, when these licenses are being maxed out, and who is using these licenses.
Jim Vallandingham
vlandham@gmail.com
vlandham
subscribe