Your SlideShare is downloading. ×

LinkedIn Meetup - InMaps

6,493
views

Published on

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

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

Published in: Technology

2 Comments
5 Likes
Statistics
Notes
  • hello,my name is blessing weah,i am here to make friend,please contact me with this email address ( blessingweah19@yahoo.com) send me your email so that i will send my photos to you.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Really enjoyed this presentation.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
6,493
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
73
Comments
2
Likes
5
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Data Visualization Group in Bay AreaMeetup - April 2011Mathieu 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 Demoinmaps.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&Ahttp://inmaps.linkedinlabs.com