# itsfahreza/teachable-machine-demo architecture

> Architecture diagram of the GitHub repository itsfahreza/teachable-machine-demo, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-11-12). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/itsfahreza/teachable-machine-demo
- Repository: https://github.com/itsfahreza/teachable-machine-demo

## Overview

This is a browser-based Teachable Machine demo: users choose Capture or Live mode, the page loads a model and metadata, and the interface presents classification probabilities. The tree is a compiled SvelteKit asset bundle rather than source-oriented application code; most chunks are minified framework or application bundles whose individual domain responsibilities cannot be established from the excerpts. The graph therefore preserves the indexed core bundles without assigning them speculative roles. Relationships are limited to the sampled page's dynamic model-loader call and imports listed in the source index.

Main entry points: [`_app/immutable/entry/payload.DSmR2FwN.js`](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/entry/payload.DSmR2FwN.js) (Runtime payload), [`_app/immutable/chunks/ThWEG7Jr.js`](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/ThWEG7Jr.js) (Svelte runtime), [`_app/immutable/chunks/JSjE9vjr.js`](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/JSjE9vjr.js) (Kit runtime bundle), [`_app/immutable/chunks/Gt3gUOMQ.js`](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/Gt3gUOMQ.js) (Page runtime helpers)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_product["Demo interface"]
  node_demo_page["Capture and Live page<br/>[2.BweMOPR8.js]"]
  node_model_loader["Model loader<br/>[CKyT8ZzN.js]"]
end

subgraph group_application["Application bundles"]
  node_app_baf["Application bundle BAF<br/>[BAFfq5Ts.js]"]
  node_app_bq["Application bundle BqX<br/>[BqXvbB-W.js]"]
  node_app_cp["Application bundle CP<br/>[CP_sTTRU.js]"]
  node_app_dn["Application bundle Dn<br/>[Dn83i8BZ.js]"]
end

subgraph group_framework["Runtime framework"]
  node_page_runtime["Page runtime helpers<br/>[Gt3gUOMQ.js]"]
  node_app_bwa["Module interop<br/>[BWaJ3C7D.js]"]
  node_app_ch["Kit runtime helpers<br/>[CHdhMEZM.js]"]
  node_app_co["Kit runtime bundle<br/>[COh9gMBQ.js]"]
  node_app_dgl["Kit runtime bundle<br/>[DGLqGeW7.js]"]
  node_app_dcl["Asset preload helper<br/>[DclECHGd.js]"]
  node_app_dl["Kit runtime helper<br/>[Dl5eYJS3.js]"]
  node_app_gl["Kit runtime bundle<br/>[GLGFWknM.js]"]
  node_app_js["Kit runtime bundle<br/>[JSjE9vjr.js]"]
  node_app_p5["Kit runtime bundle<br/>[P5BCzbJO.js]"]
  node_app_th["Svelte runtime<br/>[ThWEG7Jr.js]"]
  node_app_vq["Kit runtime helper<br/>[VQmx5occ.js]"]
  node_app_zz["Kit runtime helper<br/>[Zz7__J_-.js]"]
  node_payload["Runtime payload"]
end

node_user(("Browser user"))

node_user -->|"uses modes"| node_demo_page
node_demo_page -->|"loads model"| node_model_loader
node_demo_page -->|"imports helpers"| node_page_runtime
node_app_baf -->|"imports payload"| node_payload
node_app_baf -->|"imports helpers"| node_app_dgl
node_app_baf -->|"imports helpers"| node_page_runtime
node_app_bq -->|"imports helpers"| node_app_th
node_app_bq -->|"imports helpers"| node_app_zz
node_app_bq -->|"imports helpers"| node_app_js
node_app_bq -->|"imports payload"| node_payload
node_app_cp -->|"imports helpers"| node_app_th
node_app_cp -->|"imports helpers"| node_app_dgl
node_app_cp -->|"imports helpers"| node_app_gl
node_app_cp -->|"imports payload"| node_payload
node_app_dn -->|"imports helpers"| node_app_th
node_app_dn -->|"imports helpers"| node_app_vq
node_app_dn -->|"imports helpers"| node_app_p5
node_app_dn -->|"imports payload"| node_payload
node_app_ch -->|"imports helpers"| node_page_runtime
node_app_ch -->|"imports payload"| node_payload
node_app_co -->|"imports payload"| node_payload
node_app_co -->|"imports helpers"| node_page_runtime
node_app_co -->|"imports helpers"| node_app_ch
node_app_dgl -->|"imports payload"| node_payload
node_app_dgl -->|"imports helpers"| node_page_runtime
node_app_gl -->|"imports helpers"| node_app_th
node_app_gl -->|"imports payload"| node_payload
node_app_js -->|"imports helpers"| node_app_th
node_app_js -->|"imports payload"| node_payload
node_app_p5 -->|"imports helpers"| node_app_th
node_app_p5 -->|"imports payload"| node_payload
node_app_vq -->|"imports helpers"| node_app_p5
node_app_zz -->|"imports helpers"| node_app_js
node_app_dl -->|"imports helpers"| node_app_js
node_app_bwa -->|"imported by page"| node_demo_page

click node_demo_page "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/nodes/2.BweMOPR8.js"
click node_model_loader "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/CKyT8ZzN.js"
click node_page_runtime "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/Gt3gUOMQ.js"
click node_app_baf "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/BAFfq5Ts.js"
click node_app_bq "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/BqXvbB-W.js"
click node_app_cp "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/CP_sTTRU.js"
click node_app_dn "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/Dn83i8BZ.js"
click node_app_bwa "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/BWaJ3C7D.js"
click node_app_ch "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/CHdhMEZM.js"
click node_app_co "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/COh9gMBQ.js"
click node_app_dgl "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/DGLqGeW7.js"
click node_app_dcl "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/DclECHGd.js"
click node_app_dl "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/Dl5eYJS3.js"
click node_app_gl "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/GLGFWknM.js"
click node_app_js "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/JSjE9vjr.js"
click node_app_p5 "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/P5BCzbJO.js"
click node_app_th "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/ThWEG7Jr.js"
click node_app_vq "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/VQmx5occ.js"
click node_app_zz "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/Zz7__J_-.js"
click node_payload "https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/entry/payload.DSmR2FwN.js"

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_demo_page,node_model_loader,node_user toneBlue
class node_app_baf,node_app_bq,node_app_cp,node_app_dn toneAmber
class node_page_runtime,node_app_bwa,node_app_ch,node_app_co,node_app_dgl,node_app_dcl,node_app_dl,node_app_gl,node_app_js,node_app_p5,node_app_th,node_app_vq,node_app_zz,node_payload toneMint
```

## Components

### Demo interface

- [Capture and Live page](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/nodes/2.BweMOPR8.js): `_app/immutable/nodes/2.BweMOPR8.js`
- [Model loader](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/CKyT8ZzN.js): `_app/immutable/chunks/CKyT8ZzN.js`

### Application bundles

- [Application bundle BAF](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/BAFfq5Ts.js): `_app/immutable/chunks/BAFfq5Ts.js`
- [Application bundle BqX](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/BqXvbB-W.js): `_app/immutable/chunks/BqXvbB-W.js`
- [Application bundle CP](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/CP_sTTRU.js): `_app/immutable/chunks/CP_sTTRU.js`
- [Application bundle Dn](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/Dn83i8BZ.js): `_app/immutable/chunks/Dn83i8BZ.js`

### Runtime framework

- [Page runtime helpers](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/Gt3gUOMQ.js): `_app/immutable/chunks/Gt3gUOMQ.js`
- [Module interop](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/BWaJ3C7D.js): `_app/immutable/chunks/BWaJ3C7D.js`
- [Kit runtime helpers](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/CHdhMEZM.js): `_app/immutable/chunks/CHdhMEZM.js`
- [Kit runtime bundle](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/COh9gMBQ.js): `_app/immutable/chunks/COh9gMBQ.js`
- [Kit runtime bundle](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/DGLqGeW7.js): `_app/immutable/chunks/DGLqGeW7.js`
- [Asset preload helper](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/DclECHGd.js): `_app/immutable/chunks/DclECHGd.js`
- [Kit runtime helper](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/Dl5eYJS3.js): `_app/immutable/chunks/Dl5eYJS3.js`
- [Kit runtime bundle](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/GLGFWknM.js): `_app/immutable/chunks/GLGFWknM.js`
- [Kit runtime bundle](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/JSjE9vjr.js): `_app/immutable/chunks/JSjE9vjr.js`
- [Kit runtime bundle](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/P5BCzbJO.js): `_app/immutable/chunks/P5BCzbJO.js`
- [Svelte runtime](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/ThWEG7Jr.js): `_app/immutable/chunks/ThWEG7Jr.js`
- [Kit runtime helper](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/VQmx5occ.js): `_app/immutable/chunks/VQmx5occ.js`
- [Kit runtime helper](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/chunks/Zz7__J_-.js): `_app/immutable/chunks/Zz7__J_-.js`
- [Runtime payload](https://github.com/itsfahreza/teachable-machine-demo/blob/main/_app/immutable/entry/payload.DSmR2FwN.js): `_app/immutable/entry/payload.DSmR2FwN.js`

### Other components

- **Browser user**

## Connections

- Browser user → Capture and Live page: uses modes (evidence: `_app/immutable/nodes/2.BweMOPR8.js`)
- Capture and Live page → Model loader: loads model (evidence: `_app/immutable/nodes/2.BweMOPR8.js`)
- Capture and Live page → Page runtime helpers: imports helpers (evidence: `_app/immutable/nodes/2.BweMOPR8.js`)
- Application bundle BAF → Runtime payload: imports payload (evidence: `_app/immutable/chunks/BAFfq5Ts.js`)
- Application bundle BAF → Kit runtime bundle: imports helpers (evidence: `_app/immutable/chunks/BAFfq5Ts.js`)
- Application bundle BAF → Page runtime helpers: imports helpers (evidence: `_app/immutable/chunks/BAFfq5Ts.js`)
- Application bundle BqX → Svelte runtime: imports helpers (evidence: `_app/immutable/chunks/BqXvbB-W.js`)
- Application bundle BqX → Kit runtime helper: imports helpers (evidence: `_app/immutable/chunks/BqXvbB-W.js`)
- Application bundle BqX → Kit runtime bundle: imports helpers (evidence: `_app/immutable/chunks/BqXvbB-W.js`)
- Application bundle BqX → Runtime payload: imports payload (evidence: `_app/immutable/chunks/BqXvbB-W.js`)
- Application bundle CP → Svelte runtime: imports helpers (evidence: `_app/immutable/chunks/CP_sTTRU.js`)
- Application bundle CP → Kit runtime bundle: imports helpers (evidence: `_app/immutable/chunks/CP_sTTRU.js`)
- Application bundle CP → Kit runtime bundle: imports helpers (evidence: `_app/immutable/chunks/CP_sTTRU.js`)
- Application bundle CP → Runtime payload: imports payload (evidence: `_app/immutable/chunks/CP_sTTRU.js`)
- Application bundle Dn → Svelte runtime: imports helpers (evidence: `_app/immutable/chunks/Dn83i8BZ.js`)
- Application bundle Dn → Kit runtime helper: imports helpers (evidence: `_app/immutable/chunks/Dn83i8BZ.js`)
- Application bundle Dn → Kit runtime bundle: imports helpers (evidence: `_app/immutable/chunks/Dn83i8BZ.js`)
- Application bundle Dn → Runtime payload: imports payload (evidence: `_app/immutable/chunks/Dn83i8BZ.js`)
- Kit runtime helpers → Page runtime helpers: imports helpers (evidence: `_app/immutable/chunks/CHdhMEZM.js`)
- Kit runtime helpers → Runtime payload: imports payload (evidence: `_app/immutable/chunks/CHdhMEZM.js`)
- Kit runtime bundle → Runtime payload: imports payload (evidence: `_app/immutable/chunks/COh9gMBQ.js`)
- Kit runtime bundle → Page runtime helpers: imports helpers (evidence: `_app/immutable/chunks/COh9gMBQ.js`)
- Kit runtime bundle → Kit runtime helpers: imports helpers (evidence: `_app/immutable/chunks/COh9gMBQ.js`)
- Kit runtime bundle → Runtime payload: imports payload (evidence: `_app/immutable/chunks/DGLqGeW7.js`)
- Kit runtime bundle → Page runtime helpers: imports helpers (evidence: `_app/immutable/chunks/DGLqGeW7.js`)
- Kit runtime bundle → Svelte runtime: imports helpers (evidence: `_app/immutable/chunks/GLGFWknM.js`)
- Kit runtime bundle → Runtime payload: imports payload (evidence: `_app/immutable/chunks/GLGFWknM.js`)
- Kit runtime bundle → Svelte runtime: imports helpers (evidence: `_app/immutable/chunks/JSjE9vjr.js`)
- Kit runtime bundle → Runtime payload: imports payload (evidence: `_app/immutable/chunks/JSjE9vjr.js`)
- Kit runtime bundle → Svelte runtime: imports helpers (evidence: `_app/immutable/chunks/P5BCzbJO.js`)
- Kit runtime bundle → Runtime payload: imports payload (evidence: `_app/immutable/chunks/P5BCzbJO.js`)
- Kit runtime helper → Kit runtime bundle: imports helpers (evidence: `_app/immutable/chunks/VQmx5occ.js`)
- Kit runtime helper → Kit runtime bundle: imports helpers (evidence: `_app/immutable/chunks/Zz7__J_-.js`)
- Kit runtime helper → Kit runtime bundle: imports helpers (evidence: `_app/immutable/chunks/Dl5eYJS3.js`)
- Module interop → Capture and Live page: imported by page (evidence: `_app/immutable/nodes/2.BweMOPR8.js`)