ogh data visualization special part ii
DESCRIPTION
OgH Data Visualization Special Part II dvt-maps and hvTRANSCRIPT
![Page 1: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/1.jpg)
Maps and Hierarchy Viewers
OgH Thema Bijeenkomst ; November 12th 2014 Utrecht Netherlands
ADF & MAF Data Visualization
![Page 2: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/2.jpg)
Hierarchy Viewers
![Page 3: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/3.jpg)
Use Cases
![Page 4: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/4.jpg)
Other use cases : family tree
![Page 5: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/5.jpg)
Introduction to Hierarchy Viewers
![Page 6: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/6.jpg)
Possible layouts
![Page 7: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/7.jpg)
Creating a hierarchy viewer
• Drag and drop collection as hierarchy viewer
• Checkbox for childnodes
![Page 8: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/8.jpg)
Hierarchy Viewer Control
• Pan Control
• Zoom to Fit
• Zoom Control
• Hide or Show
• Panel Selector
• Layout Selector
• ControlPanelBehavior
• Hidden
• InitCollapsed
• InitExpanded
![Page 9: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/9.jpg)
Managing Nodes in a Hierarchy Viewer
• Isolate
• To isolate or resture the node
in the hierarchy
• PanelCards
• …… later
• Show Children
• Available for all nodes except
for leaf nodes
![Page 10: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/10.jpg)
3d Panning
• Configure 3D Tilt Panning
• Click and drag using the pan control in the control panel to initiate tilt panning after
a short period of regular panning.
• Click and drag the view one-third of the way across the viewport.
• Click and hold the cursor near the edge of the view to initiate tilt panning in that
direction.
![Page 11: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/11.jpg)
Using Panel Cards
• PanelCard
• To Display extra information for a node. Swith panelcards per node or, for all nodes
at once via the main control
• Play with transiation effects for extra animation
![Page 12: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/12.jpg)
Customizing the Appearance of a Hierarchy Viewer
• Node controls properties
• showExpandChildren
• showNavigateUp
• shape
• Same Level Navigation
• levelFetchSize
![Page 13: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/13.jpg)
![Page 14: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/14.jpg)
Other use cases : tournament
![Page 15: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/15.jpg)
Maps
![Page 16: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/16.jpg)
Geograpical Maps
![Page 17: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/17.jpg)
Map Theme
• themeName="MAP_STATES_NAME“
• themeName="MAP_COUNTRIES_NAME“
• themeName="MAP_CONTINENTS_NAME"
![Page 18: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/18.jpg)
Map Theme
• themeName="MAP_STATES_NAME“
• themeName="MAP_COUNTRIES_NAME“
• themeName="MAP_CONTINENTS_NAME"
![Page 19: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/19.jpg)
Map Theme
• themeName="MAP_STATES_NAME“
• themeName="MAP_COUNTRIES_NAME“
• themeName="MAP_CONTINENTS_NAME"
![Page 20: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/20.jpg)
Custom Pie
<dvt:map … >
<dvt:mapPieGraphTheme id="mapPieTheme1"
themeName="MAP_STATES_NAME"
pieRadius="10" ….>
<dvt:mapPieSliceSet>
<dvt:mapPieSliceItem color="#0000ff" id="slice1"/>
<dvt:mapPieSliceItem color="#00ff00" id="slice2"/>
<dvt:mapPieSliceItem color="#ff0000" id="slice3"/>
</dvt:mapPieSliceSet>
</dvt:mapPieGraphTheme>
![Page 21: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/21.jpg)
![Page 22: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/22.jpg)
Thematic Map
![Page 23: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/23.jpg)
Thematic Map - New Features
• Image markers (option to set the orientation)
• Smart data zooming
• Drill down
• Support for custom base maps
• Hide area layer
• Marker locations
can be updated
![Page 24: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/24.jpg)
Thematic Map – Upcoming Features
• NBox Mashup
![Page 25: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/25.jpg)
Thematic Map – Upcoming Features
• StatusMeter Mashup
![Page 26: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/26.jpg)
Thematic Map – Custom base map
• Visualize information and support interaction in a wide variety of visual contexts
![Page 27: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/27.jpg)
Thematic Map – Custom base map
• Points and basemap in XML file
![Page 28: OgH Data Visualization Special Part II](https://reader033.vdocuments.us/reader033/viewer/2022052304/5598b8f01a28abbc4a8b4572/html5/thumbnails/28.jpg)