The UpCodes diagrams library contains code illustrations developed by the technical team at UpCodes. 


Diagrams are connected to at least one code section. Code sections within code books are also tagged with a Diagram badge to indicate that this resource is available. 


Diagrams be accessed while viewing code sections as attachments below the sections, or in the Diagrams Library, available in the left toolbar.

Diagrams attached to Code Sections

  1. In the code viewer, click the Diagram badge next to the title of a code section. This will lead you to a list of thumbnails of diagrams available for that particular section, and open the Tool Palette for you.

  2. Alternatively, if available, you can find the diagram thumbnails at the bottom of the code sections.

  3. Click on the diagram thumbnail to open up the diagram viewer.


Diagrams in the Library

  1. Click Diagrams in the left toolbar

  2. Select the relevant jurisdiction using the dropdown menu under the Jurisdiction filter at the top of the page.

  3. Scroll down the list to look at jurisdiction-specific diagrams and click on the one you want to view. This will bring up the diagram viewer.


Diagrams in the Tool Palette

  1. When viewing a code section in the code viewer, click the Tool Palette button on the right-hand side of the screen.

  2. Click and expand Diagrams to view applicable illustrations directly.




Diagram Overview Text

UpCodes offers an easy-to-understand explanation of the codes along with UpCodes Diagrams. This text is called the Overview. The content of the overview is developed by UpCodes and is intended to serve as a guide to users in understanding the intent of the code. While the text is UpCodes' interpretation of the code, it is a conservative point of view of the code intent and should be used as a starting point in understanding the implications of the code section at hand.




Tips and Tricks



  • Use the Zoom In/ Zoom out buttons in the diagram window to scale up or down the illustration


  • Primary Section is the section that is directly relevant to the diagram. Related Sections are sections that are indirectly connected to the diagram.


  • Tags are filters you can use to narrow down diagrams that are related to the same topic.


  • Click on the Copy URL button to copy the diagram URL to your clipboard.



Suggest Diagrams


UpCodes accepts suggestions or requests for diagrams. We develop this content for no additional cost. You can send us a message along with a link to the related code section and a team member will reach back out to you when the diagram is available on our platform.


Alternatively, if you do not see a diagram attached to a code section you are viewing, 

open Tool Palette > Diagrams and click the Suggest a Diagram button.