This is a presentation on the technology behind InMaps presented by Mathieu Bastian at a meetup organized at LinkedIn, Mountain View.

1. Data Visualization Group in Bay Area
Meetup - April 2011
Mathieu Bastian, Data Scientist

2. Introduction
• Visualization of your LinkedIn Network
• A map of my career, leverage communities
• Big data, process 100M+ unique networks

3. Introduction
• Visualization of your LinkedIn Network
• A map of my career, leverage communities
• Big data, process 100M+ unique networks
• We need a Data Science Team
...

4. Interactive Visualization
Demo
inmaps.linkedinlabs.com

5. Manifesto
• Visually attractive
• Relevant
• Interactive

6. Manifesto
• Visually attractive
• Relevant
• Interactive
... And compatible with IE7+ and iPad

7. 1. Data processing
• Pre compute what’s possible on Hadoop
• Force Directed layout on millions graphs
• Data stored on Voldemort
• Stack in Ruby, Java, LinkedIn APIs

8. 2.Visualization
• Large networks, 10 000+ bezier curves
• We tried SVG, Canvas and more...
• We took the Google Maps approach
• Use images and add interactivity layer
• Seadragon + RaphaelJS

9. Seadragon
• Tiles (256px)
• Zoom & Pan
• IE6+

10. RaphaelJS
• Interactive
• SVG & VML
• IE6+

11. Map Design
• Layout and distances

12. Map Design
• Curved edges and density

13. Map Design
• Text readability and positioning
• Font between 10 and 14px
• 4 px outline, 80% alpha
• 2px vertical shift
• Avoid overlap

14. Q&A
http://inmaps.linkedinlabs.com