Ramesh Manickavel
CA Technologies
31-March-2017
© 2017 CA. ALL RIGHTS RESERVED.
Ramesh Manickavel - Principal Agile Program Manager and Adjunct Faculty @ Ca Technologies
+91-8978070606 ramesh.manickavel@gmail.com
2
Art of Storytelling
3
A picture is worth a thousand words
4
5
Source: https://tax.thomsonreuters.com/blog/the-importance-of-visual-content-marketing-infographic-2/
Types of Analytics
Reports
Correlation
Prediction
6 Recommendation
Steps prior to Data Visualization
Problem Definition
Data Collection
Data Analysis
7 Interpretation
Visualization Tools
For Developers For Non-Developers
– D3.js – Datawrapper
– FusionCharts – Tableau
– Chart.js – Raw
– Google Charts – Timeline JS
– Highcharts – Infogram
– Leaflet – Plotly
– dygraphs – ChartBlocks
Source: https://thenextweb.com/dd/2015/04/21/the-14-best-data-visualization-tools/
8
Tableau
http://public.tableau.com
9
Save the ‘DataSet_IPE_2017.xlsx’ locally. This workbook has
two sheets ‘Placement’ and ‘Orders’ data
We will be using ‘Placement’ data primarily
Open Tableau -> Connect -> Excel -> ‘DataSet_IPE_2017.xlsx’
and drag ‘Placement’ sheet
10
Your playground is here…
11
Line Chart/Graph
12
Line Chart/Graph
• Drag ‘Year’ from Dimensions to Columns
• Drag ‘Placed Students’ from Measures to Rows
• Enable ‘Show mark labels’ in Marks card
• You can edit ‘Title’ and other attributes to customize
13
Line Chart/Graph
14
Line Chart/Graph
16
Area Chart
• Drag ‘Year’ from Dimensions to Columns
• Drag ‘Placed Students’ from Measures to Rows
• Drag ‘Branch’ from Dimensions to Marks -> Color
• Enable ‘Show mark labels’ in Marks card
• You can edit ‘Title’ and other attributes to customize
17
Bar Chart/Graph
18
Bar Chart/Graph
• Convert ‘Year’ into Discrete
• Drag ‘Year’ into Columns
• Drag ‘Total Students’ from Measures to Rows
• Drag ‘Placed Students’ from Measures to Rows
• Click ‘side-by-side bars’ to change the
• Enable ‘Show mark labels’ in Marks card
• You can edit ‘Title’ and other attributes to customize
19
Bar Chart/Graph
20
Bar Chart/Graph
• Drag ‘Year’ from Dimensions to Columns
• Drag ‘Placed Students’ from Measures to Rows
• Drag ‘Branch’ from Dimensions to Marks -> Color
• Change the chart type to ‘Bar’
• Enable ‘Show mark labels’ in Marks card
• You can edit ‘Title’ and other attributes to customize
21
Pie Chart
22
Pie Chart
• Drag ‘Year’ from Dimensions to Filters
• Drag ‘Branch’ from Dimensions to Marks -> Color
• Change the chart type to ‘Pie’
• Drag ‘Company A’ from Measures to Marks -> Angle
• Enable ‘Show mark labels’ in Marks card
• You can edit ‘Title’ and other attributes to customize
• Press Ctrl + Shift + B to increase the size of the pie
23
Text Table
Summarize the data in tabular form
24
Text Table
• We will be using ‘Orders’ data for this
• Drag ‘Order Date’ from Dimensions to Columns
• Drag ‘Sub-Category’ from Dimensions to Columns
• Drag ‘Profit’ from Measures to Marks -> Text
• You can edit ‘Title’ and other attributes to customize
25
Highlight Table
Summarize the data in tabular form & highlight in color range
26
Highlight Table
• Drag ‘Order Date’ from Dimensions to Columns
• Drag ‘Sub-Category’ from Dimensions to Columns
• Drag ‘Profit’ from Measures to Marks -> Text
• Select ‘highlight tables’ from right window and set the
appropriate color range
• You can edit ‘Title’ and other attributes to customize
27
Heat Map
Comparing Categorical Data Using Color
28
Heat Map
29
Heat Map
• Drag ‘Branch’ from Dimensions to Columns
• Drag ‘Year’ from Dimensions to Columns
• Drag ‘Placed Students’ from Measures to Marks -> Color
• Change the Marks type from ‘Automatic’ to ‘Circle’
• Change the color scheme on right window card as you wish
• You can edit ‘Title’ and other attributes to customize
30
Tree Map
Displaying hierarchical data in nested rectangles
31
Tree Map
Displaying hierarchical data in nested rectangles
32
Tree Map
• Drag ‘Placed Students’ from Dimensions to Marks -> Size
• Drag ‘Placed Students’ from Dimensions to Marks -> Color
• Drag ‘Branch’ from Dimensions to Marks -> Label
• Drag ‘Year’ from Dimensions to Marks -> Label
• Change the Marks type from ‘Automatic’ to ‘Square’
• Change the color scheme on right window card as you wish
• You can edit ‘Title’ and other attributes to customize
33
Dashboard
34
From Menu, click Dashboard -> New Dashboard
Set the layout & size
Place the sheets and other widgets (images, URLs)
35
36
Assignment
Story is a sequence of visualization that work together to convey information
Reference: http://onlinehelp.tableau.com/current/pro/desktop/en-us/stories.html
Sample:
37
Links
38
Thank You & All The Best!
39