Building viewer
The building in 3D with the sun, sharing the table's selection.
The property's building in 3D, with the sun (ADR 0041). The model is the converter's output: a labelled glTF and a JSON of storeys, unit footprints and facade panels. The panels show each unit, coloured by its status token. Season and time of day move the sun for the building's own location.
It loads on intent (ADR 0030): three.js and the model download only after the button is pressed. The building poster that should stand in before that is not built yet. The scene is always light, in both colour modes; the controls under it follow the mode.
It shares one selection with the units table. Hover or focus a row to light its unit; pick a unit in the scene to mark its row. Each row's Show in 3D button loads the viewer if needed and turns the camera to that unit; the column only appears once a viewer is on the page. The first view frames the live units, not the whole building. The two find each other only through the drawing reference (ref). The canvas is one tab stop: arrow keys turn, plus and minus zoom, Escape clears.
The model is Hannemanns Hus, the first client file. Only the six homes in the table are live; the rest of the building is plain geometry.
Viewer and table
The building in 3D
See where each home sits, and how the sun falls on it through the day and the year.
Available
Midgårdsvej 3, 2., 19
- Area
- 56 m²
- Rooms
- 2 rooms
- Floor
- 2 / 6
- Rent
- 8.400 kr/md.
Reserved
Midgårdsvej 3, 3., 22
- Area
- 63 m²
- Rooms
- 2 rooms
- Floor
- 3 / 6
- Rent
- 9.100 kr/md.
Available
Midgårdsvej 3, 4., 27
- Area
- 78 m²
- Rooms
- 3 rooms
- Floor
- 4 / 6
- Rent
- 11.200 kr/md.
Available from 1 Dec 2026
Midgårdsvej 3, 6., 34
- Area
- 104 m²
- Rooms
- 4 rooms
- Floor
- 6 / 6
- Rent
- 15.800 kr/md.
Select a home in the building to see its status.
6 homes
| Address | Type | Size | Rooms | Floor | Rent | Status | Show in 3D |
|---|---|---|---|---|---|---|---|
| Midgårdsvej 3, 1., 4 | Apartment | 42 m² | 1 room | 1 / 6 | 6.950 kr/md. | Available | |
| Midgårdsvej 3, 2., 19 | Apartment | 56 m² | 2 rooms | 2 / 6 | 8.400 kr/md. | Available | |
| Midgårdsvej 3, 3., 22 | Apartment | 63 m² | 2 rooms | 3 / 6 | 9.100 kr/md. | Reserved | |
| Midgårdsvej 3, 4., 27 | Apartment | 78 m² | 3 rooms | 4 / 6 | 11.200 kr/md. | Available | |
| Midgårdsvej 3, 5., 31 | Apartment | 84 m² | 3 rooms | 5 / 6 | 12.400 kr/md. | Let | |
| Midgårdsvej 3, 6., 34 | Penthouse | 104 m² | 4 rooms | 6 / 6 | 15.800 kr/md. | Available from 1 Dec 2026 |
No homes match those filters.
Props
| Prop | Type | Required |
|---|---|---|
| heading | string | yes |
| intro | string | — |
| headingLevel | 1 | 2 | 3 | 4 | 5 | 6 | — |
| model The converter's two files (ADR 0041 §2). | { glb: string; data: string } | yes |
| units | ViewerUnit[] | yes |
| timeZone The building's own time zone and the page's locale, for the clock. | string | yes |
| locale | string | yes |
| labels | { load: string; loading: string; error: string; canvas: string; season: string; summer: string; equinox: string; winter: string; time: string; /* "{unit}" and "{status}" are filled live. */ selected: string; none: string; north: string; /* The unit list's accessible name. */ list: string; /* The unit page link's accessible name; "{unit}" is filled. */ open: string; /* The unit panel: fact names, back to the list, the unit page button, and * the carousel's name. */ area: string; rooms: string; floor: string; rent: string; close: string; more: string; media: string; } | yes |
| class | string | — |
| Field | Type | Required |
|---|---|---|
| ref The drawing reference: the link between the model and the unit. | string | yes |
| label | string | yes |
| status | "available" | "reserved" | "let" | "coming-soon" | "placeholder" | yes |
| statusLabel | string | yes |
| areaLabel | string | yes |
| roomsLabel | string | yes |
| floorLabel | string | yes |
| priceLabel | string | yes |
| href The unit's page. | string | yes |
| floorPlan The unit panel's carousel: the floor plan first, then the photos. | ViewerPhoto | — |
| photos | ViewerPhoto[] | — |