ui5con-2019-d3js

UI5con 2019 - Integrating D3.js Visualizations via Custom Controls - Live

📊 open slides | 🎥 watch recording | ⚗️ run the custom control | 🔎 browse the code

Abstract

In this session, we will explore the concepts for integrating D3.js with OpenUI5 via Custom Controls. This includes lifecycle and data binding. To demonstrate these concepts, we will randomly pick a public D3.js sample visualization during the session and integrate it live into an existing application.

The D3.js visualizations that we randomly selected was the Bubble Chart by Mike Bostock.

Preview

Run the Custom Control

$ npm install
$ npm start

Run the Presentation with reveal.js

$ npm install
$ npm run slides

Misc

• console code snippets to analyze D3.js Gallery: console.js
• Atom code snippets: snippets.cson