Software is eating the world and embedded analytics has grown in popularity over the last few years as a way to get simple, over-the-counter and distraction-free insights in front of software users. Before you start on your embedding journey it’s important to get the basics right to ensure you have the foundation for a successful delivery of over-the-counter data to your users. When it comes to embedded analytics, it’s easy to see the advantages of providing more intuitive insights (the “why”), but much harder to plan the “how.” This webinar will provide you with the best practices and essentials needed to deliver reporting and dashboards to your users with our award-winning JavaScript API, TIBCO Jaspersoft® Visualize.js™. Topics Covered: Jaspersoft® Visualize.js basics – instantiation, authentication, rendering, parameters Advantages over iFrames and REST APIs Where to find examples and samples Demos and Q&A session

2. © Copyright 2000-2017 TIBCO Software Inc. 2
What are we talking about?
Then
Your app
Analytics
Consumer
Now
Embedded BI
Put answers
in context
Increase
adoption of BI
Give consumers
actionable data

3. what is
visualize.js?

4. © Copyright 2000-2017 TIBCO Software Inc.
What is visualize.js?
Not
Integrated
RESTful API iFrame
Integration
visualize.js
Separate portal for
reporting & analytics
Mass reporting &
administration
Integration as
separate app
Seamless, in-page
analytics
AnalyticsApplication
Visualize.js is a JavaScript API that allows you to embed and dynamically
interact with reports and dashboards. It is used for building interactive BI
experiences inside apps that give both power and control!

5. What power and control?
FixedSize
Auto-
resize
Embed
Sorting, Controls,
Conditional
Formatting,
Exporting
Interact
ListenerHandler
Events
© Copyright 2000-2017 TIBCO Software Inc.

6. why should
my company
care?

7. You now sell to Users, they care about UX
Perpetual License
Sold to C-Level
Subscription License
Sold to Users

8. Everyone now uses data
LinkedIn
“Who’s viewed your profile?”
Strava
“How many miles have you
cycled?
Mint.com
“How much are you
spending?”

9. Analysts say…
In the next three to five years,
embedded BI that is contextual,
actionable, and prescriptive will
become the new norm for
operational and tactical insights.
Source:
The New Generation Of Embedded BI Will Close The Insights-To-Action Gap April 2017

10. Visualize.js rockstar! inQuba: Customer experience mgmt

11. Visualize.js rockstar! Waggle: Smart learning platform

12. why should
developers
care?

13. Build better, faster
Scalability
Security
Programmatic control
of user experience
No hand coding of
visualizations
and data access

14. Analysts say…
Achieving seamless BI integration
involves several technologies,
starting with frameworks to embed
BI components into JavaScript
apps
Source:
The New Generation Of Embedded BI Will Close The Insights-To-Action Gap April 2017

15. getting started
with
visualize.js

16. From Data to Delivery
Connect to & manage
your platform
Server
Connect to
your data
Data Tier Output
Author Beautiful
Reports & Dashboards
Inside any app
or process
Delivery
Your app

17. Services
Tier
Embedded Architecture with Jaspersoft
Data TierWeb Server
Tier
Jaspersoft
Repository
Jaspersoft
ie. Node.js,
Java

18. Demo Topics
Topic 1 Invoking Library & Basic Embed
Topic 2 Input Controls
Topic 3 Hyperlinks & Drill Down
Topic 4 Dashboards

19. What can I do with visualize.js?DEMO DEMO

20. Community
Where to go next?
Docs Fiddles & GitHub Next Events:
Embedded BI
Tour – city
near you!
Learn From
the Masters
Series

21. Appendix

22. The Jaspersoft Platform
An embeddable analytics platform designed for
applications and processes
Jaspersoft Studio
World’s most widely
used report designer
JasperReports Server
Powerful reporting and analysis service
Reports Dashboards Self-service
Jaspersoft ETL
Data integration for improved
reporting & analysis
JasperReports Java Library
World’s most widely
Java reporting library
Open Source and Commerical

23. Embedded design and implementation with visualize.js
• What user experience do you want?
• What branding/look and feel standards?
• What web frameworks are you using?
• Angular, React, jQuery, Laravel, Symphony, ASP.NET…
• Jaspersoft as a Service in your architecture
• Development processes and skills
• Web front end
• Visualization development
• Data access

24. Other visualize.js API features
• Set up and authentication
• Access to visualization control metadata
• Leverage to create/use your own controls
• Access the visualization catalog (repository)
• More coming!
• Used collaboratively with other Jaspersoft APIs:
• REST
• HTTP (Jaspersoft web user interface)
• Authentication: server side

25. Jaspersoft with visualize.js provides….
• Consistent and productive tools and processes to develop and deploy
data visualizations into your web application/portal
• Vast array of customizable visualizations, and the ability to add your own
• Build visualizations with secure, scalable connectivity to your data and backend
processes
• Powerful APIs allow complete control of the interactive user experience
• Output in “pixel perfect” document and data formats: HTML, PDF, Word, Excel,
CSV and more
• Scalable deployment
• If needed: self service visualization and report development for your
application users
• Embedded in the application
• Reduces need for custom visualization development to satisfy endless requests
for new and changed information

26. Current visualize.js API
• Set up and authentication
• Render reports and dashboards
• Control interactivity
• Access to controls metadata
• create or use your own controls
• Access the visualization catalog (repository)
• More coming!
• And other web services options: REST API

27. Programmatic Control of Parameters

28. Programmatic Control of Object Placement

29. Programmatic Control of Content
• Dynamically control UI elements for
tables/crosstabs (example: highlight
units > 3)
• Change Chart Types

30. Jaspersoft with visualize.js empowers web applications
• Tools and processes to develop and deploy visualizations
• No hand coding of visualizations and data access
• Integration with programmatic control of the user experience
• Scalability
• Security
• Self service visualization and reporting
• Your audience can build their own information experience within
your application
• End frustration and backlog!
• Optional