Visualizing Data with D3.js

Michael BostockMichael Bostock (Square, Inc., Visualization Scientist)

Michael Bostock received the BSE degree in computer science in 2000 from Princeton University. He is currently a visualization scientist and analytics lead for Square, Inc. Prior to Square, he was a Ph.D. student in the Computer Science department at Stanford University, where he developed Protovis with Jeff Heer. He also worked as a design technologist for Stamen, collaborating with SimpleGeo in the development of Polymaps. Before joining Stanford, he was a staff engineer at Google, where he developed search quality evaluation methodologies and experimental search user interfaces. His open-source development is now focused on D3.js, a visualization library for SVG and HTML.

Keynote Abstract

Recent improvements in JavaScript performance, along with widespread support for SVG, are changing the landscape for data visualization on the web. Powerful dynamic visualizations of large datasets, complete with animation and interaction, can now be built directly in the browser and take full advantage of web standards such as CSS3 and HTML5.

Data-Driven Documents (D3) is a new JavaScript library for visualizing data in SVG and HTML. Rather than hide the underlying scenegraph within a toolkit-specific abstraction, D3 enables direct inspection and manipulation of the W3C document object model (DOM). With D3, designers selectively bind input data to arbitrary document elements, applying dynamic transforms to both generate and modify content. This enables an expressive range of visualizations to be quickly constructed.

This talk will showcase various data visualizations built with D3. We'll also discuss the principles that went into the library's design, and see how these principles evolved from the author's previous toolkits, Protovis and Polymaps.

SVG Wow 2011

Erik DahlströmErik Dahlström (Opera Software)

Erik Dahlström is the SVG team leader at Opera Software ASA, where he's been working as a software developer since 2001. He holds an MSc degree in Computer Science and Engineering from the Institute of Technology at Linköping University (LiTH), Sweden. Since 2005 Mr Dahlström has been the primary representative of Opera Software on the W3C SVG Working Group. He is currently the co-chair of the group.

Vincent HardyVincent Hardy (Adobe Systems, Principal Scientist, Web Standards)

Vincent Hardy works at Adobe Systems on Web Standards, working in W3C and with Adobe's WebKit team. Before, Vincent worked at Oracle on graphical, interactive and animated user interfaces in the field of Business Intelligence, contributing to making large sets of complex data visually understandable, in order to help users navigate data sets, detect trends or find anomalies. Prior to Oracle, Vincent worked at Sun Microsystems for 10 years where he focused on graphical, animated and interactive technologies, mainly the Java 2D API and the Scalable Vector Graphics format (SVG). Vincent co-founded and led the Batik project at Apache, an open source Java toolkit for manipulating, viewing or transcoding SVG content. Vincent contributed to the development of the Scalable Vector Graphics specification and its version for mobile devices, SVG Tiny. He chaired the Compound Documents Format (CDF) effort in W3C. Vincent is the author of the "Java 2D API Graphics" book and has a passion for graphical design.

Keynote Abstract

This session showcases the many different ways to use SVG for creating interactive, animated and visually attractive web content.

This year, the session will feature "wow!" development done with SVG on the web, some new demos by the presenters, as well as a revised version of the SVG Wow! web site.

A range of open web standards that integrate and complement SVG will be examined, such as HTML5, CSS3 with highlights on filter effects, 3D, audio and video as well as some surprises.

Welcome to SVG Open 2011

Patrick DenglerPatrick Dengler (Microsoft, Senior Program Manager)

Patrick Dengler is a member of W3C SVG Working Group. He has been at Microsoft working on technologies ranging from developer tools and frameworks, extensibility and web technologies spanning products such as Visual Studio, Office, Microsoft Business Solutions, Windows and Internet Explorer. He has focused on delivering graphics, including SVG, into Internet Explorer. Patrick holds an undergraduate degree from UC Berkeley and a MS in Computer Science from University of Washington.

Keynote Abstract

This session will introduce the theme of SVG Open: "Where SVG meets the web." It has been only a few months since Internet Explorer 9 shipped support for SVG and the opportunities to incorporate SVG into the standards based web are coming to fruition. Patrick will do a brief kick off for the conference and show some new features that have been introduced to date in Internet Explorer 10.

Google Docs: Building Full Scale SVG Applications

Igor KopylovIgor Kopylov (Google, Software Engineer)

Igor Kopylov is a software engineer at Google, where he's been working since completing his M.Eng in computer science at the Massachusetts Institute of Technology. He is passionate about graphics and web development, and working with SVG has given him the opportunity to bring the two together. His recent work on Google Docs has been focused on SVG performance and cross-browser compatibility.

Keynote Abstract

Google Docs is one of the leaders in showcasing the capabilities of modern web applications. SVG is already the foundation of the Google Docs drawing editor, and is increasingly becoming a central technology for the entire product suite. Successfully incorporating SVG into an application used by millions of people has pushed the limits of what’s currently possible with the technology.

This talk will focus on how SVG can be used to implement major features in an office productivity suite. In Docs, we use SVG to provide a scalable and consistent text editing experience, a full-featured table implementation, and a complex animation framework. As we added SVG support, the Docs team ran into many hurdles, including the limitations of current browser implementations, the interactions between different web technologies, and ambiguities in the spec itself. The talk will discuss those challenges and how we were able to overcome them.

WiseMapping: 5 years of development with SVG.

Paulo VeigaPaulo Veiga (WiseMapping, Founder)

Paulo Veiga received the Computer Science degree in 2004 from Universidad de Buenos Aires, Argentina. He founded WiseMapping in 2007 while working at Fuego Inc. Fuego Inc was acquired by BEA and then BEA by Oracle. At present, he is Senior Developer Manager at Oracle in Buenos Aires, Argentina. His team is responsible for backend and integration services for the Business Process Management Suite.

Pablo LunaPablo Luna (WiseMapping, Founder)

Pablo Luna founded WiseMapping in 2007 while working at Fuego Inc. He is passionate about technologies and this is what drove him to start using SVG in it's early days. In 2004 he graduated from Universidad Favaloro, Argentina as Software Science Engineer. Since then he has worked for a number of companies including Fuego Inc, BEA, Oracle, Tendril Inc, and MuleSoft.

Keynote Abstract

Is SVG mature enough for creating advance editors? .

Nowadays the proof lies in the hundreds of good applications which make use of SVG, but 5 years ago, when we started working on WiseMapping, there was no way of being certain.

WiseMapping was the first web mind mapping tool that fully leveraged the power of SVG. The goal of this keynote is to share our experience of the last 5 years working with SVG (and his evil cousin VML). We will briefly overview the architecture, and look into the obstacles we faced and our plans for the future.