5 Development Environment and Tools The dashboard leverages JavaScript and D3.js to manage dynamic data handling and visualization efficiently. It manipulates the Document Object Model (DOM), handles user events, and renders interactive elements, allowing seamless and intuitive interaction with real-time data responses. The interactivity is facilitated through buttons, toggles, and filters, enabling users to reset settings and switch between different scenarios effortlessly. Backend data processing is handled by Java, which manages large datasets and performs real-time manipulations based on frontend inputs. Additionally, D3.js enhances the visual interactivity with techniques like brushing and linking, helping users visually explore and understand data relationships. The dashboard was developed in WebStorm, an integrated development environment (IDE) that specializes in JavaScript, HTML, and CSS, providing robust tools for coding, debugging, and testing. References Y Q Ang, Z M Berzolla and C Reinhart, “From concept to application: A review of use cases in urban building energy modeling, “Applied Energy, 279:1, 2020 S Nagpal, J Hanson and C F Reinhart, “A framework for using calibrated campus-wide building energy models for continuous planning and greenhouse gas emissions reduction tracking,“ Applied Energy, 241, pp. 82-96, 2019 National Renewable Energy Laboratory (NREL), EnergyPlus version 24.1.0, URL: https://energyplus.net/, last accessed May 2024 C F Reinhart and C Cerezo Davila, “Urban Building Energy Modeling – A Review of a Nascent Field,” Building and Environment, 97:196–202, 2016
RkJQdWJsaXNoZXIy MjA2MzQ5MA==