Topics covered in this session: - Ways to visualize data with Jaspersoft - Developing a visualization template - Customizing charts using styles & chart properties - Creating expressions and data functions Using data for non-Jaspersoft visualizations

1. Visualizing Data
(Part 3 / 5) Data as a Feature webinar series
How to develop reports and visualizations
your users love

2. 2

3. 3
Hello from the project team!
3
Shane Swiderek
Product Marketing Manager, TIBCO
San Francisco, CA
Rachael Ross
Solutions Architect, projekt202
Seattle, WA
Chad Lumley
Senior UI Developer, projekt202
Seattle, WA
Crystal Phiripes
Program Manager, projekt202
Dallas area, TX
Sherman Wood
Director Solution Consulting WW, TIBCO
San Francisco, CA
Xavier Harrell
Sr. Experience Designer, projekt202
Dallas area, TX

4. 4
Agenda
4
Ways to visualize
data (demo)
Developing a
visualization (demo)
Productivity tips &
development best
practices (demo)
Injecting data into non-
Jaspersoft visualizations
(demo)

5. Web Developers don’t
understand “BI”
Your audience are Consumers!
Reports: Interactive and
distributed
Self Service: with
guard rails
Visualizations and
Dashboards
Deliver
Data for UX: APIs

6. Implementing Jaspersoft
Deploy & manage
your platform
Server
Cloud or on-premises
Open web development platform
Clustering, built-in multi-tenancy
Connect to
your data
Data Tier
Relational, Big Data, NoSQL
ETL, data virtualization, direct
Metadata layer, in-memory
engine
Inside any app
or process
Delivery
Javascript API
Extensive REST APIs
Mobile apps & SDKs
Your
apps
Output
Create beautiful
reports & visualizations
Pixel Perfect and
complex designs via IDE
Self-Service via browser

7. 7
Data Visualizations in Bikeshare

8. 8
Agenda
8
Ways to visualize
data (demo)
Developing a
visualization (demo)
Productivity tips &
development best
practices (demo)
Injecting data into non-
Jaspersoft visualizations
(demo)

9. 9
Agenda
9
Ways to visualize
data (demo)
Developing a
visualization (demo)
Productivity tips &
development best
practices (demo)
Injecting data into non-
Jaspersoft visualizations
(demo)

10. 10
Key Takeaways
10
Get complimentary
eBook from
Jaspersoft.com
• Visualizations used in a web app have a consistent
structure: data -> visualization
• Think about what you can reuse across visualizations
• Avoid hand coding data access for visualizations

11. 11
Get involved with the demo app
11
“How we built it” webinar
series
*Ongoing
Workshops and
documentation
* Coming soon
Guided demo app for on-
demand consumption
*Available on Jaspersoft.com
Access to source code for app
and dataset
* Available on Jaspersoft BikeShare GitHub repo

12. © Copyright 2000-2019 TIBCO Software Inc.

13. 13
Resources and info for creating
slides

14. Icons and stock images library
(feel free to use any of these in your slides)

15. Project sprint board
(for reference)

16. 16
Webinar content overview
Data as a feature
Create Answer-
generating apps that
users love
● Intro to data as a
feature
● projekt202
methodology & why
should you care?
● Live demo of
bikeshare app
Webinar #1 / 5
Getting started
How to set up your data
as a feature project
● Overview of our project
● Defining the user
experience
● Setting up app front-
end
● Preparing data to
support UX
Webinar #2 / 5
Visualizing Data
How to design reports
and visualizations your
users love
● Ways to visualize data
(Jaspersoft visualization
vs custom visualization)
● Intro to Studio
● Developing a
visualization template
with Jaspersoft
● Styling and chart
properties
● Expressions and data
control
● Data for non-Jasper
visualization (e.g. map)
Webinar #3 / 5
Your Data in Your
App
Best practices for
embedding interactive
reports and visualizations
in your app
Webinar #4 / 5
Managing the
experience & ad
hoc reporting
Handling security, multi-
tenancy, and self-service
reporting for your data-
as-a-feature app
Webinar #5 / 5
Presenters:
Shane and
Chad
Presenters:
Sherman and
Chad
Presenters:
Sherman and
Rachael
Presenters:
Sherman and
Chad
Presenters:
Sherman and
Rachael?

17. 17
● Ways to visualize data (Jaspersoft report vs visualization vs custom visualization) - SHERMAN
● Quick recap demo - SHERMAN
● Intro to Studio - SHERMAN OR RACHAEL
● Developing a visualization template with Jaspersoft - RACHAEL
● Styling and chart properties - RACHAEL
● Expressions and data control - RACHAEL
● Data for non-Jasper visualization (e.g. map) - SHERMAN
Working agenda

18. 18
Ways to visualize data
(SHERMAN) - 5 MIN
Overview of options with Jaspersoft
(jaspersoft visualization vs pushing data
into non-Jaspersoft viz)
DELETE THIS SLIDE
BEFORE RECORDING

19. 19
Intro to Studio (RACHAEL) - ~35
min (for entire demo)
DELETE THIS SLIDE
BEFORE RECORDING

20. 20
First steps in developing a
visualization (RACHAEL)
Developing a visualization template
with Jaspersoft (possibly use “stations in
need” column chart)?
DEMO
DELETE THIS SLIDE
BEFORE RECORDING

21. 21
Getting look of visualizations “just
so” (RACHAEL)
Styling and chart properties (basic and
advanced styling using Highcharts API)
DEMO
DELETE THIS SLIDE
BEFORE RECORDING

22. 22
Getting data in visualizations
“just so”
Expressions and data control (show
formulas, calculations, etc used in Studio to
control data exposed in the visualization)
DEMO
DELETE THIS SLIDE
BEFORE RECORDING

23. 23
Productivity tips and Studio best
practices (RACHAEL)
Composite elements and other features
in Studio that support reusability,
consistency, and overall productivity in
projects
DEMO
DELETE THIS SLIDE
BEFORE RECORDING

24. 24
Data for non-Jasper visualizations
- (SHERMAN) 5 MIN
How Jaspersoft can be used to feed
data into a third-party service to be
visualized (e.g. map)