# mrnemo31/mapa-proex2024 architecture

> Architecture diagram of the GitHub repository mrnemo31/mapa-proex2024, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-27). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/mrnemo31/mapa-proex2024
- Repository: https://github.com/mrnemo31/mapa-proex2024

## Overview

This is a small static website for an interactive ProEx2024 presentation map and schedule. Visitors use location controls to view projects, presentation places, and time slots. The sampled JavaScript shows schedule data, button handlers, and DOM rendering; the HTML excerpts were not available, so page-to-script wiring and navigation are not asserted.

Main entry points: [`js.js`](https://github.com/mrnemo31/mapa-proex2024/blob/main/js.js) (Schedule renderer), [`jsp1.js`](https://github.com/mrnemo31/mapa-proex2024/blob/main/jsp1.js) (Floor handlers), [`jsbb.js`](https://github.com/mrnemo31/mapa-proex2024/blob/main/jsbb.js) (Library handlers), [`index.html`](https://github.com/mrnemo31/mapa-proex2024/blob/main/index.html) (Home page)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_pages["Site pages"]
  node_index["Home page<br/>[index.html]"]
  node_map["Interactive map<br/>[mapa.html]"]
  node_library["Library page<br/>[biblioteca.html]"]
  node_floor["First floor<br/>[primeiroandar.html]"]
end

subgraph group_schedule["Schedule behavior"]
  node_mapdata["Area schedules<br/>[js.js]"]
  node_maphandlers["Area handlers<br/>[js.js]"]
  node_maprender["Schedule renderer<br/>[js.js]"]
  node_floorplans["Floor schedules<br/>[jsp1.js]"]
  node_floorhandlers["Floor handlers<br/>[jsp1.js]"]
  node_floorrender["Floor renderer<br/>[jsp1.js]"]
  node_librarydata["Library schedules<br/>[jsbb.js]"]
  node_libraryhandlers["Library handlers<br/>[jsbb.js]"]
  node_libraryrender["Library renderer<br/>[jsbb.js]"]
end

subgraph group_assets["Visual assets"]
  node_images["Image assets"]
  node_styles["Page styling<br/>[style.css]"]
end

node_visitor(("Visitor"))
node_browser["Browser DOM"]

node_visitor -->|"opens"| node_index
node_visitor -->|"opens"| node_map
node_visitor -->|"opens"| node_library
node_visitor -->|"opens"| node_floor
node_mapdata -->|"provides schedules"| node_maprender
node_maphandlers -->|"calls"| node_maprender
node_maphandlers -->|"reads buttons"| node_browser
node_maprender -->|"updates DOM"| node_browser
node_floorhandlers -->|"calls"| node_floorrender
node_floorhandlers -->|"reads buttons"| node_browser
node_floorrender -->|"updates DOM"| node_browser
node_libraryhandlers -->|"calls"| node_libraryrender
node_libraryhandlers -->|"reads buttons"| node_browser
node_librarydata -->|"provides schedules"| node_libraryrender

click node_index "https://github.com/mrnemo31/mapa-proex2024/blob/main/index.html"
click node_map "https://github.com/mrnemo31/mapa-proex2024/blob/main/mapa.html"
click node_library "https://github.com/mrnemo31/mapa-proex2024/blob/main/biblioteca.html"
click node_floor "https://github.com/mrnemo31/mapa-proex2024/blob/main/primeiroandar.html"
click node_mapdata "https://github.com/mrnemo31/mapa-proex2024/blob/main/js.js"
click node_maphandlers "https://github.com/mrnemo31/mapa-proex2024/blob/main/js.js"
click node_maprender "https://github.com/mrnemo31/mapa-proex2024/blob/main/js.js"
click node_floorplans "https://github.com/mrnemo31/mapa-proex2024/blob/main/jsp1.js"
click node_floorhandlers "https://github.com/mrnemo31/mapa-proex2024/blob/main/jsp1.js"
click node_floorrender "https://github.com/mrnemo31/mapa-proex2024/blob/main/jsp1.js"
click node_librarydata "https://github.com/mrnemo31/mapa-proex2024/blob/main/jsbb.js"
click node_libraryhandlers "https://github.com/mrnemo31/mapa-proex2024/blob/main/jsbb.js"
click node_libraryrender "https://github.com/mrnemo31/mapa-proex2024/blob/main/jsbb.js"
click node_images "https://github.com/mrnemo31/mapa-proex2024/tree/main/imagens"
click node_styles "https://github.com/mrnemo31/mapa-proex2024/blob/main/style.css"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_index,node_map,node_library,node_floor,node_browser toneBlue
class node_mapdata,node_maphandlers,node_maprender,node_floorplans,node_floorhandlers,node_floorrender,node_librarydata,node_libraryhandlers,node_libraryrender toneAmber
class node_images,node_styles toneMint
class node_visitor toneIndigo
```

## Components

### Site pages

- [Home page](https://github.com/mrnemo31/mapa-proex2024/blob/main/index.html): `index.html`
- [Interactive map](https://github.com/mrnemo31/mapa-proex2024/blob/main/mapa.html): `mapa.html`
- [Library page](https://github.com/mrnemo31/mapa-proex2024/blob/main/biblioteca.html): `biblioteca.html`
- [First floor](https://github.com/mrnemo31/mapa-proex2024/blob/main/primeiroandar.html): `primeiroandar.html`

### Schedule behavior

- [Area schedules](https://github.com/mrnemo31/mapa-proex2024/blob/main/js.js): `js.js`
- [Area handlers](https://github.com/mrnemo31/mapa-proex2024/blob/main/js.js): `js.js`
- [Schedule renderer](https://github.com/mrnemo31/mapa-proex2024/blob/main/js.js): `js.js`
- [Floor schedules](https://github.com/mrnemo31/mapa-proex2024/blob/main/jsp1.js): `jsp1.js`
- [Floor handlers](https://github.com/mrnemo31/mapa-proex2024/blob/main/jsp1.js): `jsp1.js`
- [Floor renderer](https://github.com/mrnemo31/mapa-proex2024/blob/main/jsp1.js): `jsp1.js`
- [Library schedules](https://github.com/mrnemo31/mapa-proex2024/blob/main/jsbb.js): `jsbb.js`
- [Library handlers](https://github.com/mrnemo31/mapa-proex2024/blob/main/jsbb.js): `jsbb.js`
- [Library renderer](https://github.com/mrnemo31/mapa-proex2024/blob/main/jsbb.js): `jsbb.js`

### Visual assets

- [Image assets](https://github.com/mrnemo31/mapa-proex2024/tree/main/imagens): `imagens`
- [Page styling](https://github.com/mrnemo31/mapa-proex2024/blob/main/style.css): `style.css`

### Other components

- **Visitor**
- **Browser DOM**

## Connections

- Visitor → Home page: opens
- Visitor → Interactive map: opens
- Visitor → Library page: opens
- Visitor → First floor: opens
- Area schedules → Schedule renderer: provides schedules
- Area handlers → Schedule renderer: calls
- Area handlers → Browser DOM: reads buttons
- Schedule renderer → Browser DOM: updates DOM
- Floor handlers → Floor renderer: calls
- Floor handlers → Browser DOM: reads buttons
- Floor renderer → Browser DOM: updates DOM
- Library handlers → Library renderer: calls
- Library handlers → Browser DOM: reads buttons
- Library schedules → Library renderer: provides schedules