swipswaps / ui5con-2019-d3js

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

Home Page:https://www.slideshare.net/MaximilianLenkeit/ui5con-2019-integrating-d3js-visualizations-via-custom-controls-live

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

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

https://www.slideshare.net/MaximilianLenkeit/ui5con-2019-integrating-d3js-visualizations-via-custom-controls-live

License:MIT License


Languages

Language:JavaScript 50.3%Language:CSS 39.8%Language:HTML 9.9%