Integrating New Visualizations with Pentaho Using the Viz API Nick - - PowerPoint PPT Presentation

integrating new visualizations with pentaho using the viz
SMART_READER_LITE
LIVE PREVIEW

Integrating New Visualizations with Pentaho Using the Viz API Nick - - PowerPoint PPT Presentation

Integrating New Visualizations with Pentaho Using the Viz API Nick Keune, Pentaho Embedded & Advanced Analytics SE, Hitachi Vantara Ben Hopkins Pentaho Senior Product Manager, Hitachi Vantara Agenda In this session, we will cover:


slide-1
SLIDE 1

Integrating New Visualizations with Pentaho Using the Viz API

Nick Keune, Pentaho Embedded & Advanced Analytics SE, Hitachi Vantara Ben Hopkins Pentaho Senior Product Manager, Hitachi Vantara

slide-2
SLIDE 2

Agenda

In this session, we will cover:

  • Overview of the new Viz API, and how it enables new chart integration

and reusability

  • How it has been improved and why it is valuable for developers
  • Technical deep dive and demo of visualization integration examples
slide-3
SLIDE 3

Viz API Overview

slide-4
SLIDE 4

What is the Visualization API?

  • Viz API 3.0 is a layer that allows Analyzer, CTools, and Data Explorer (PDI) to use

visualizations in a unified, pluggable way

  • Built on top of other Platform JavaScript APIs that ensure seamless data access

and provide visualizations with validation, theming, and other features

  • In Viz API, each visualization is constituted by:

– Model(s), which identifies the visualization and defines it in terms of its data requirements (such as bar size, category, measure) – View(s), which implements the actual rendering using chosen technologies (e.g. HTML, SVG, D3), and handle user interaction and other actions

slide-5
SLIDE 5

Viz API Diagram

Analyzer CDF/CDE DE (PDI) Viz Framework 3.0

“Containers” Pentaho OOB (CCC) D3 Fusion Charts and others… Visualizations (Libraries shown)

Configurations (File)

slide-6
SLIDE 6

Why Does It Matter to Pentaho Customers?

  • Easier to integrate 3rd party

visualizations and develop your

  • wn charts
  • Visualizations, styles, and

configurations are reusable across Analyzer, CTools, PDI Viz API 3.0

slide-7
SLIDE 7

Why Does It Matter to Pentaho Customers?

  • In 7.1, Pentaho defined

a new global look and feel for default charts using Viz API 3.0

  • Applies to Analyzer,

CTools, and PDI

New Legend, Fonts New Color Palette +Scrolling

slide-8
SLIDE 8

What’s New and Improved for Developers?

  • Clear separation between what Visualization controls vs. what Container

controls – less hacking Analyzer!

  • Usage of Maven for packaging makes it possible to manage content and

dependencies in an automated fashion as you develop

  • Easier to test and validate everything is working – before deploying the

visualization to Pentaho live

  • More complete documentation and SDK with samples you can download –

including D3 bar chart integration tutorial

  • …but note Viz API 3.0 is still a ‘beta,’ meaning it may change in a future release
slide-9
SLIDE 9

Example Use Case – Healthcare

  • Organization: Cancer center of large

health research institute

  • Problem: Needed specific chart for

proper analysis across patient groups, better supporting precision medicine

  • Solution: CTools dashboard with

custom Viz API chart that calls PDI endpoints

  • Benefits: New visualization for PoC

developed in a few days

slide-10
SLIDE 10

Context – What Role Does the Visualization API Play?

slide-11
SLIDE 11

Running and Supporting Custom Visualizations

Authenticate Authorize Interactive Web Page Query Dataset HTML Data (json) Blending/Federation Quality/Validation Data Orchestration Authentication/Authorization Logging, Auditing, Versioning Caching, Multitenancy, Scaling Binding Data to HTML Registering Actions Styling Classes Web Server Rendering Java Script

Figure 2: Functional considerations for Production Visuals on a web page

Data Source

slide-12
SLIDE 12

Your Custom Visualizations, Pentaho’s Platform

Focus on the design and behavior of your custom visual, trust in Pentaho to streamline the data, application, server and object considerations.

slide-13
SLIDE 13

Demo Code; Results

slide-14
SLIDE 14

Ability of Viz 3.0 API

Capabilities

  • Makes a “First Class Object” inside DE, PAZ, CDE; just like ootb Charts

– Does all this with native HTML5 elements, directly in DOM (not via <iframe>)

  • Integrate with Pentaho data backend, user context, visual presentation
  • Hooks to shared globalization, localization, branding configurations
  • Dynamic data bindings, Robust presentation logic, Packaged server side
  • Events bubble through the existing contract: Analyzer API gets view.action
slide-15
SLIDE 15

Ability of Viz 3.0 API

Considerations

  • MVC framework
  • API requirements – base object inheritance
  • Dependency on RequireJS
  • Driven by structure of data, which can vary between CDE & PAZ/DE
  • In future may extend the Data API (so it can do post query data

manipulation via API methods)

slide-16
SLIDE 16

Summary

What we covered today:

  • Overview of the new Viz API, and how it enables new chart integration

and reusability

  • How it has been improved and why it is valuable for developers
  • Technical deep dive and demo of visualization integration examples
slide-17
SLIDE 17

Next Steps

Want to learn more?

  • Viz API tutorial and sample for download – github page titled “Visualization API”

– pentaho.github.io/pentaho-platform-plugin-common-ui/platform/visual/

  • Viz API Detailed documentation – doc page titled “Visualization API”

– help.pentaho.com/Documentation/7.1/0R0/070/javascript-apis/platform/pentaho.visual

  • PentahoWorld Session: “Hands-on Training: Creating Responsive Dashboard

Layouts with Ctools”

  • PentahoWorld Session: “Dev-by-Dev: Using the 8.0 Visualization API to Create

Custom Visualizations”

slide-18
SLIDE 18