Lessons Learned Creating Interactive Infographics with Adobe Illustrator & Javascript

Over the last few months I’ve created a few interactive infographics using a combination of SVGs (Scalable Vector Graphics) created in Adobe Illustrator and some pretty basic Javascript. The goal was to find a way to create interactive infographics for those cases where; 1) D3.js may not be a good solution because the infographic is mostly illustration-driven rather than being data-driven, and 2) a method that would be more amenable to designers and non-programmers.

Sacramento Startup Ecosystem Circuit Diagram

For a few weeks now I’ve been working on an interactive visualization to represent the nodes and connections of the entities in the Sacramento startup ecosystem. This conceptual map of Sacramento’s startup ecosystem maps out the connections and relationships of the various entities in our region’s growing startup community.

Sacramento Startup Ecosystem Subway Map (Work in Progress)

I’ve been wanting some kind of network map, entity relationship diagram, or some kind of visual representation that maps out the various entities and their relationships in the Sacramento startup community. Then an idea hit me a couple of weeks ago – a subway style map of the Sacramento startup scene modeled after the infamous London Tube Map.

Startup Weekend Sacramento Interactive Timeline Infographic

Startup Weekend Sacramento: Health Edition is just around the corner and we already have dozens of people signed up for the event. For those who haven’t participated in a Startup Weekend before, the two and a half day event may induce a bit of anxiety about what to expect. With that in mind, I decided to expand on my previous simple infographic and create a more detailed and interactive timeline infographic that presents the weekend’s activities like an old fashioned board game.

Infographic: Hospital mHealth Apps Failing

A report from Accenture found that most mobile health apps developed by hospitals are failing to win over patients. The infographic below shows that though 66% of the largest US hospitals have mobile apps for consumers, only 2% of patients are using those mobile apps. Furthermore, only 11% of hospital apps offer at least one of the three most desired functions.

3 Digital Health Capabilities Consumers Want Most

According to a recent report from Accenture, a multinational management consulting services company, most healthcare apps developed by hospitals are lacking three fundamental mobile health capabilities that consumers want the most. The graphic below summarizes these 3 digital health capabilities.