We envision a future where architects in the Philippines have seamless access to a comprehensive visual representation of architecture standards.
Future architects and designers have to learn and understand thousands of regulatory requirements that oftentimes overlap with each other. With no platform where these concepts are consolidated visually, there is much confusion, errors, and inefficiencies in both academic and professional settings.
VIZCODE is a comprehensive, user-friendly, visually oriented tool that integrates all pertinent codes and standards, simplifying the learning process and improving the quality, safety, and efficiency of our architects.
Go in-depth topic by topic with detailed visual aids.
See the differences between codes in a table view.
Test your memory recall through interactive questions.
We take pride in partnering with some of the country’s leading organizations, extending exclusive discounts and benefits to their members as part of our commitment to supporting their success.
We are a small team of Filipino architects and engineers with a passion for design and education.
Let’s get started!
On the Home Page, choose a topic from our Library, Isolation Mode, Comparison Mode, or Game Mode (Coming Soon)! Click on the topic title, or the building with the matching color.
Note: This site is best viewed on Desktop/Laptop.
Quickly browse sections and switch between content for a smoother experience using arrow keys:
Left = Previous Topic / Right = Next Topic
Quickly browse sections and switch between content for a smoother experience using arrow keys:
Up = Previous Variation / Down = Next Variation
Respect, Protect, and Grow Together:
Let’s keep VIZCODE thriving—please don’t reproduce or share our content. Your name may appear in anti-piracy measures, so let’s work together to protect and grow our community!
Disclaimer on Scope:
VIZCODE is intended as a supplementary resource, not a replacement for comprehensive code review. Our focus is on topics that lend themselves to visual representation, providing an accessible way to engage with key concepts.
Disclaimer on Diagrams:
The diagrams presented here reflect our interpretation of architectural codes. While codes can be understood in various ways, our aim is to offer a visual aid to support your understanding.
Gray Text in Diagrams:
The gray text represents sample figures or extra references added for context. These are not part of the official code but are provided to help visualize the concepts better.
Colored Text in Diagrams:
The colored text highlights information, figures, or values directly from the code. These are key elements that are part of the official standards.
Footnote/Symbol in Diagrams:
This symbol indicates disclaimers, exceptions, or additional important information from the code. It highlights key details that provide added context or clarify specific aspects.
Empty Baseplate in Comparative Mode:
An empty baseplate in comparative mode means that no provision is stated in the specific code for that section
