OgH Data Visualization Special Part II

Maps and Hierarchy Viewers

OgH Thema Bijeenkomst ; November 12th 2014 Utrecht Netherlands

ADF & MAF Data Visualization

Hierarchy Viewers

Use Cases

Other use cases : family tree

Introduction to Hierarchy Viewers

Possible layouts

Creating a hierarchy viewer

• Drag and drop collection as hierarchy viewer

• Checkbox for childnodes

Hierarchy Viewer Control

• Pan Control

• Zoom to Fit

• Zoom Control

• Hide or Show

• Panel Selector

• Layout Selector

• ControlPanelBehavior

• Hidden

• InitCollapsed

• InitExpanded

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

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.

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

Customizing the Appearance of a Hierarchy Viewer

• Node controls properties

• showExpandChildren

• showNavigateUp

• shape

• Same Level Navigation

• levelFetchSize

Other use cases : tournament

Maps

Geograpical Maps

Map Theme

• themeName="MAP_STATES_NAME“

• themeName="MAP_COUNTRIES_NAME“

• themeName="MAP_CONTINENTS_NAME"

Map Theme

• themeName="MAP_STATES_NAME“

• themeName="MAP_COUNTRIES_NAME“

• themeName="MAP_CONTINENTS_NAME"

Map Theme

• themeName="MAP_STATES_NAME“

• themeName="MAP_COUNTRIES_NAME“

• themeName="MAP_CONTINENTS_NAME"

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>

Thematic Map

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

Thematic Map – Upcoming Features

• NBox Mashup

Thematic Map – Upcoming Features

• StatusMeter Mashup

Thematic Map – Custom base map

• Visualize information and support interaction in a wide variety of visual contexts

Thematic Map – Custom base map

• Points and basemap in XML file

Luc Bors, AMIS, The Netherlands

Luc.Bors@amis.nl

LucBors@gmail.com

Follow me on : @lucb_