Design and Implementation of a 4D Web Application for Analytical Visualization of Smart City Applications
Contemporary development of computer hardware and software, WebGIS and geo-web services as well as the availability of semantic 3D city models, facilitate flexible and dynamic implementation of web applications. The aim of this paper is to introduce 4D CANVAS, a web-based application for dynamic vis...
| Main Authors: | , , , |
|---|---|
| Format: | Article |
| Language: | English |
| Published: |
MDPI AG
2018-07-01
|
| Series: | ISPRS International Journal of Geo-Information |
| Subjects: | |
| Online Access: | http://www.mdpi.com/2220-9964/7/7/276 |
| _version_ | 1818587229083140096 |
|---|---|
| author | Syed Monjur Murshed Ayah Mohammad Al-Hyari Jochen Wendel Louise Ansart |
| author_facet | Syed Monjur Murshed Ayah Mohammad Al-Hyari Jochen Wendel Louise Ansart |
| author_sort | Syed Monjur Murshed |
| collection | DOAJ |
| description | Contemporary development of computer hardware and software, WebGIS and geo-web services as well as the availability of semantic 3D city models, facilitate flexible and dynamic implementation of web applications. The aim of this paper is to introduce 4D CANVAS, a web-based application for dynamic visualization of 3D geospatial data for improved decision making in smart city applications. It is based on the Cesium Virtual Globe, an open-source JavaScript library developed with HTML5 and WebGL. At first, different data formats such as JSON, GeoJSON, Cesium Markup Language (CZML) and 3D Tiles are evaluated for their suitability in 4D visualization applications. Then, an interactive Graphical User Interface (GUI) is built observing the principle of cartographic standards to view, manage, understand and explore different simulation outputs at multiple spatial (3D surface of buildings) and temporal (hourly, daily, monthly) resolutions. In this regard, multiple tools such as aggregation, data classification, etc. are developed utilizing JavaScript libraries. As a proof of concept, two energy simulations and their outputs of different spatial and temporal resolutions are demonstrated in five Asian and European cities. Finally, the 4D CANVAS is deployed both in desktop and multi-touch screens. The proposed application allows easy integration of any other geospatial simulation results, thereby helps the users from different sectors to explore them interactively in 4D. |
| first_indexed | 2024-12-16T09:05:32Z |
| format | Article |
| id | doaj.art-02161dcaa438461e84115f79c2cb9a98 |
| institution | Directory Open Access Journal |
| issn | 2220-9964 |
| language | English |
| last_indexed | 2024-12-16T09:05:32Z |
| publishDate | 2018-07-01 |
| publisher | MDPI AG |
| record_format | Article |
| series | ISPRS International Journal of Geo-Information |
| spelling | doaj.art-02161dcaa438461e84115f79c2cb9a982022-12-21T22:37:04ZengMDPI AGISPRS International Journal of Geo-Information2220-99642018-07-017727610.3390/ijgi7070276ijgi7070276Design and Implementation of a 4D Web Application for Analytical Visualization of Smart City ApplicationsSyed Monjur Murshed0Ayah Mohammad Al-Hyari1Jochen Wendel2Louise Ansart3Group of Smart & Sustainable Cities, European Institute for Energy Research, 76131 Karlsruhe, GermanyFaculty of Information Management and Media, Karlsruhe University of Applied Sciences, 76133 Karlsruhe, GermanyGroup of Smart & Sustainable Cities, European Institute for Energy Research, 76131 Karlsruhe, GermanySchool of Computer Science and Electrical Engineering, CentraleSupélec, 91190 Gif-sur-Yvette, FranceContemporary development of computer hardware and software, WebGIS and geo-web services as well as the availability of semantic 3D city models, facilitate flexible and dynamic implementation of web applications. The aim of this paper is to introduce 4D CANVAS, a web-based application for dynamic visualization of 3D geospatial data for improved decision making in smart city applications. It is based on the Cesium Virtual Globe, an open-source JavaScript library developed with HTML5 and WebGL. At first, different data formats such as JSON, GeoJSON, Cesium Markup Language (CZML) and 3D Tiles are evaluated for their suitability in 4D visualization applications. Then, an interactive Graphical User Interface (GUI) is built observing the principle of cartographic standards to view, manage, understand and explore different simulation outputs at multiple spatial (3D surface of buildings) and temporal (hourly, daily, monthly) resolutions. In this regard, multiple tools such as aggregation, data classification, etc. are developed utilizing JavaScript libraries. As a proof of concept, two energy simulations and their outputs of different spatial and temporal resolutions are demonstrated in five Asian and European cities. Finally, the 4D CANVAS is deployed both in desktop and multi-touch screens. The proposed application allows easy integration of any other geospatial simulation results, thereby helps the users from different sectors to explore them interactively in 4D.http://www.mdpi.com/2220-9964/7/7/2764D visualization3D city modelssmart cityenergy simulationCesium |
| spellingShingle | Syed Monjur Murshed Ayah Mohammad Al-Hyari Jochen Wendel Louise Ansart Design and Implementation of a 4D Web Application for Analytical Visualization of Smart City Applications ISPRS International Journal of Geo-Information 4D visualization 3D city models smart city energy simulation Cesium |
| title | Design and Implementation of a 4D Web Application for Analytical Visualization of Smart City Applications |
| title_full | Design and Implementation of a 4D Web Application for Analytical Visualization of Smart City Applications |
| title_fullStr | Design and Implementation of a 4D Web Application for Analytical Visualization of Smart City Applications |
| title_full_unstemmed | Design and Implementation of a 4D Web Application for Analytical Visualization of Smart City Applications |
| title_short | Design and Implementation of a 4D Web Application for Analytical Visualization of Smart City Applications |
| title_sort | design and implementation of a 4d web application for analytical visualization of smart city applications |
| topic | 4D visualization 3D city models smart city energy simulation Cesium |
| url | http://www.mdpi.com/2220-9964/7/7/276 |
| work_keys_str_mv | AT syedmonjurmurshed designandimplementationofa4dwebapplicationforanalyticalvisualizationofsmartcityapplications AT ayahmohammadalhyari designandimplementationofa4dwebapplicationforanalyticalvisualizationofsmartcityapplications AT jochenwendel designandimplementationofa4dwebapplicationforanalyticalvisualizationofsmartcityapplications AT louiseansart designandimplementationofa4dwebapplicationforanalyticalvisualizationofsmartcityapplications |