VIDI is a visualization tool

1. PROJECT
VIDI - Data visualization modules
IT for business intelligence
DATE
BY-
07/04/12
ISHAN AWADHESH-10BM60033
SAGAR-10BM60075

2. VIDI (Tutorial)
! Suite of Drupal data-visualization modules
! Used for-
! Changes in data values over time
! Relate data to geographical maps
! Display static datasets

3. Visualizations
! Timeline
• Built as a Drupal Views 2 style
plug-in.
• Based on the Timemap.
• Allows to load one or more
datasets onto both a map and a
timeline simultaneously
• Displays data represented in the
timeline as markers on Google
map."

4. !
Visualizations
Tag Map
• Tagmap is a Drupal Views2 style plugin
• Displays geo-coded tag cloud over Google
Map
• There are two possibilities:
◦ To display taxonomy terms
◦ To display previously imported external data
• Provides admin settings page for some basic
options
• User can use cluster-marker to refine the
display
• Main purpose is to visually present location
related data where exact geographical
borders are not available
• The module can accept numerical data either
from an external source or from counting
nodes (through taxonomy)

5. Visualizations
! GVS Modules
• Built as Drupal Views 2 style plug-in
• Uses Google Visualization API to display
different types of charts: Pie, Bar, Column,
Gauge, GeoMap, IntensityMap, Area,
MotionChart and Scatter plot
• Users can choose the fields (data), chart
type and some options that they want to be
displayed

6. !
Visualization
Content Type
KML (Keyhole Markup Language)
• Creates a new content type based on the Google Earth API
• Displays .kml files the Google Earth API
• For several .kml files it is possible to choose between them via a drop-down box

7. Categories of Data Sets
! Time Data
! Geo Data
! Comparative Data

8. Time Data
! Motion Chart
! Timeline Map
! Timeline Map with Path
! Annotated Timeline

9. Motion Chart
! Adynamic chart to explore several indicators over
time. The chart is rendered within the browser
using Flash
! Example-
! Names of Players
! Their Number of Goals and Matches with time

10. Data
• atasets must contain a column having time values: year, month, or date
D
Player
Date
matches
goals
Loca1on
Messi
01-­‐01-­‐2012
5
7
Argen1na
Ronaldo
01-­‐01-­‐2012
5
5
Portugal
Gomez
01-­‐01-­‐2012
2
1
Germany
Messi
01-­‐02-­‐2012
5
7
Argen1na
Ronaldo
01-­‐02-­‐2012
5
6
Portugal
Gomez
01-­‐02-­‐2012
5
1
Germany
Messi
01-­‐03-­‐2012
7
13
Argen1na
Ronaldo
01-­‐03-­‐2012
8
10
Portugal
Gomez
01-­‐03-­‐2012
7
10
Germany

11. Output
Click This Link to see output in motion
http://bit.ly/10BM60033_vidi_motionchart
• Scatter Graph
Bar Graph

12. Timeline Map
! Timeline
map allows loading one or more datasets
onto both a map and a timeline simultaneously.
! Example-
! Names of Persons
! Starting & Ending Date
! Latitude & Longitude of their places of Birth

13. Data
• atasets must contain a column that contains the geographic latitude & longitude
D
start
end
la1tude
longitude
1tle
03-­‐03-­‐1839
19-­‐05-­‐1904
20.58
72.55
Jamsetji
Tata
10-­‐04-­‐1894
11-­‐06-­‐1983
28.37
75.6
GD
Birla
DhiruBhai
28-­‐12-­‐1932
06-­‐07-­‐2002
20.81
75.13
Ambani
10-­‐06-­‐1948
07-­‐04-­‐2012
26.15
87.52
Subrata
Roy

14. Output

15. Timeline Map with Path
! This
is a variant of the Timeline map enabling
drawing paths between markers on the map.
! Example-
! Names of Persons
! Start Date
! Latitude & Longitude of their places of Birth

16. Data
• atasets must contain a column that contains the geographic latitude & longitude
D
Start
La1tude
Longitude
Title
03-­‐03-­‐1839
20.58
72.55
Jamsetji
Tata
10-­‐04-­‐1894
28.37
75.6
GD
Birla
DhiruBhai
28-­‐12-­‐1932
20.81
75.13
Ambani
10-­‐06-­‐1948
26.15
87.52
Subrata
Roy

17. Output

18. Geo Data
! Tag Map
! Intensity Map
! Geo Map
! Timeline Map
! Timeline Map with Path
! KML on Google Earth

19. Tag Map
! Allows to see tags on a map
! Example-
! Names of the IPL teams
! Their States
! Ranking in 2011

20. !
Data
Datasets must contain a column that contains the geographic latitude & longitude
Team
Rankings
Latitude
Longitude
Delhi Daredevil
10
28.40
77.13
Mumbai Indians
3
18.58
72.49
Rajasthan Royals
6
26.55
75.49
Pune Warriors
9
18.32
73.52
Kochi Tuskers
7
9.58
76.14
Kolkata Knight Riders
4
22.34
88.22
Royal Challegers Banglore
2
12.59
77.35
Chennai Super Kings
1
13.5
80.17
Deccan Chargers
8
17.22
78.28
Kings XI Punjab
5
30.44
76.47

21. Output

22. Intensity Map
! A color coded map showing intensity
! Different
color or shades represent intensity or
changes
! Given Example-
! Differencesin GDP of countries by both PPP
and Per Capita

23. !
Data
The first column should be a text, and contain country ISO codes
Country
$ GDP(PPP)
$ GDP(per Capita)
US! 15064
48417
CN! 11316
21592
IN! 4469
1527
JP! 4395
45774
DE! 3089
44558
RU! 2376
13236
BR! 2309
12917
GB! 2253
39604
FR! 2216
44401
IT! 1828
37046

24. Output

25. Geo Map
! Mapof a country, continent or region with colors &
values assigns to specific area
! Given Example-
! Popularity of IPL Teams

26. !
Data
Dataset must include either country ISO codes or latitude/longitude positions
Latitude
Longitude
Popularity
28.40
77.13
100
18.58
72.49
800
26.55
75.49
500
18.32
73.52
200
9.58
76.14
400
22.34
88.22
700
12.59
77.35
900
13.5
80.17
1000
17.22
78.28
300
30.44
76.47
600

27. Output

28. Comparative Data
! Pie Chart
! Gauge Chart
! Bar Chart
! Area Chart
! Column Chart
! Line Chart
! Scatter Chart

29. Business Value
! The meaning of the data can be found out by Infographics,
where design meets data.
! A simple visualization like color, size or orientation makes the
comprehension almost instant.
! Colors can be used to show correlation, size can be used to
show quantity, orientation can be used to show trends etc.
! The power of design can be used to communicate all sorts of
information, processes, hierarchy, anomaly, chronology – in a
better way.
! Better communication through innovation as one’s message
is only as good as one’s ability to share it. VIDI makes this
possible through the various visualizations it offer

30. Drawbacks
! The
visualization wizard is a lot easier to use than
the embed code
! One
need to save the visualization and go to the
"My VIDI" page to get embed code that actually
works
! The host's servers can not handle large traffic

31. Thank You