Interactive Visualization
2D and 3D Visualization App
A browser-based 2D and 3D visualization application for fire code compliance evaluation using HTML5 Canvas, ThreeJS, and interactive room-editing tools.
Project Overview
About this project
This project was a browser-based 2D and 3D visualization application developed to help engineers and architects evaluate fire code compliance based on the National Fire Code of Canada.
The application allows users to create rooms of arbitrary shapes, place structural objects within the space, and manipulate those objects interactively through a visual editor. The goal was to provide a more intuitive and visual workflow for configuring spaces and evaluating compliance-related requirements.
The project combined front-end application development, geometry handling, interactive editing tools, visualization systems, and compliance-oriented calculations into a single browser-based platform.
01
What I Developed
I developed a browser-based front-end application featuring a 2D room editor using HTML5 Canvas and a 3D visualization system using ThreeJS. Users can create custom-shaped rooms, place and manipulate structural objects, adjust object properties such as rotation and transformation, and visualize the configured environment in real time.
The interface included usability-focused editing features such as snap alignment, rotational alignment, layer toggling, and bilingual language switching to make the application easier and more efficient for engineers and architects to use.
Need something similar?