Welcome

Building a Commercial Web Application Toolkit and SDK

Corey Lanum

Cambridge Intelligence

• Founded in 2011

• Offices in Cambridge UK & Boston USA

• We help organizations understand connected data

– KeyLines – our award-winning graph visualization SDK

– Niche developer services

– Expert know-how

KeyLines is a commercial SDK for building fully customized graph visualization applications for end-users

• Runs in any browser

• Works on any device

• Powerful functionality

• A fast developer experience

• Simple deployment

• Easy maintenance

KeyLines

KeyLines

Create Interactive, Professional Visualizations inside your web application

Features

• Pure HTML5 Canvas

• Works on IE 7, 8 via Flash

• Full event model

• Time Bar

• Graph layouts

• Graph analytics

– SNA measures, path finding & more

• Full workflow support

– Image generation for reports, undo stack, etc

• Very quick integration time

• Thorough documentation

• Good performance

• Great support

• Are lazy

–Never read anything!– Want to copy and paste for everything– Have no visual style

• Hate to say they are stuck• Don’t like telephones• Think they know everything• Severely underestimate almost every task• Are under severe time pressure

Developers

EnvironmentsRuntimes

• IE7, IE8, IE9, IE10, IE11

• Chrome

• Firefox

• Safari (iOS, OSX, Linux, Windows, Android)

• WPF, .NET

• Java Swing

Frameworks etc

• jQuery

• RequireJS

• GWT

• Vaadin

• AngularJS

• Prototype (!)

• Government stacks

Why Canvas?

• It is way faster than SVG

• Canvas API is small & simple

– draws what you tell it to draw, when you want to draw it

• Canvas implementations are very similar nowadays

– (bugs aside)

• It has friends…

requestAnimationFrame

• Tells you when to draw stuff

• Use timers to discover what the inter-frame gap was

• Read up on game loops

document.createElement(‘canvas’)

document.createElement(‘canvas’)

• No need to fiddle about with needless DOM stuff

• No new language to learn

• No XML

• Get images out via toDataURL

• You can actually profile everything (and fix slow code)

More reasons to love canvas!

KeyLines

Thanks!

@CambridgeIntel Cambridge-Intelligence.com

info@cambridge-intelligence.com