3D Viewer

The xeokit-based 3D viewer is the heart of the BIM AVA platform.

Toolbar

The floating toolbar provides access to all viewer functions:

Panel Controls

• Explorer - Show/hide model structure
• Properties - Show/hide properties panel

Tools

• Selection - Standard selection mode
• Tools Menu - Opens tools dropdown:
  • Measure - Measure distances
  • Coordinates - Measure coordinates
  • Section Plane - Cut through model
  • Collision Detection - Detect collisions
  • Model Comparison - Compare versions
• Eraser - Hide by clicking
• Show All - Show all elements
• Fit All - Fit camera to entire model

Annotations

• Annotations - Opens annotation menu:
  • Import Geodata - Import GeoJSON/Shapefile/KML
  • Annotation Mode - Create new annotations
  • Info - Filter info annotations
  • Warning - Filter warning annotations
  • Error - Filter error annotations

Move Toolbar

Grab the drag handle and move the toolbar via drag & drop.

View Modes

Orbit Mode (Default)

Rotate the model around a center point:

Action	Control
Rotate	Left mouse button drag
Pan	Right mouse button drag
Zoom	Mouse wheel

Navigation Shortcuts

Key	Function
V	Fit all in view
Z	Zoom to selected elements
R	Reset view (show all + fit)

Selection

Single Selection

Click on an element to select it. The element will be:

• Highlighted in color
• Marked in Explorer
• Shown in Properties panel

Multi-Selection

• Ctrl + Click - Add/remove element from selection
• Ctrl + Drag - Rectangle selection (Marquee)
• Ctrl + A - Select all visible elements
• X - Clear selection

Visibility

Key	Function
H	Hide selected elements
I	Isolate selected elements (hide everything else)
A	Show all elements (reset visibility)
R	Reset view (show all + fit)

Explorer Panel

The left panel shows the model structure:

Hierarchy

• Models - Top level
• Storeys - Floors
• Categories - IFC types (Walls, Slabs, etc.)
• Elements - Individual components

Basic Functions

• Checkbox - Show/hide element in viewer
• Click - Select element
• Triangle - Expand/collapse category

Search and Filter

Use the search field at the top of the Explorer panel:

Search by:

• Element Name - e.g., "Wall EG 001"
• IFC Type - e.g., "IfcWall", "IfcSlab", "IfcWindow"
• GlobalId - Unique IFC GUID

Live Filtering

Search filters the tree structure in real-time. Only matching elements and their parent nodes are shown.

Filter by IFC Type

To show all elements of a specific type:

1. Enter the IFC type in the search (e.g., IfcWall)
2. The tree shows only walls
3. Use the checkbox next to the category to show/hide all walls

Common IFC Types:

• IfcWall - Walls
• IfcSlab - Slabs and floor plates
• IfcWindow - Windows
• IfcDoor - Doors
• IfcBeam - Beams
• IfcColumn - Columns
• IfcStair - Stairs
• IfcRoof - Roofs
• IfcSpace - Rooms

Element Navigation

From Viewer to Explorer:

• Click on an element in the 3D viewer
• The element is automatically marked in Explorer
• The tree scrolls to the element and expands the hierarchy

From Explorer to Viewer:

• Click on an element in Explorer
• The element is selected in the viewer
• The camera automatically flies to the element (fly-to animation)

Properties Panel

The right panel shows details of the selected element:

• Basic Information - Name, Type, GlobalId
• Geometry - Area, Volume, Bounding Box
• Property Sets - IFC attributes (Psets)
• Materials - Assigned materials
• Quantity Sets - Quantities (QTOs)

Copy Properties

Click on a value to copy it to the clipboard.

ViewCube

The ViewCube in the bottom left corner enables quick view changes:

• Click on face - View from that side (Front, Top, Left, etc.)
• Click on edge - Diagonal view
• Click on corner - Isometric view
• Compass - Align view to north

Performance Tips

Optimize Large Models

• Right-click on element → Isolate Similar - Shows only elements of the same IFC type
• Show floors individually instead of all at once
• Use the Isolate function (I) for detail views
• Filter in Explorer by IFC type or element name

See Also

• Keyboard Shortcuts - Complete overview of all shortcuts
• Mobile & Touch - Touch gestures for tablets and smartphones
• Quick Search - Find elements instantly
• Advanced Filters - Property-based filtering
• Section Planes - Cut through the model
• Measurement Tool - Measure distances