# ajstrick81/x-ray-mirror architecture

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

- Interactive diagram: https://gitdiagram.com/ajstrick81/x-ray-mirror
- Repository: https://github.com/ajstrick81/x-ray-mirror

## Overview

X-Ray Mirror is a single-file browser app that presents an anatomy-mirror experience using camera access and in-browser face and hand tracking. The README also documents an embedded 3D anatomy mesh and external requests for rendering, tracking, and runtime assets. No source excerpts were provided, so the graph keeps the app’s internal stages together rather than inferring their call sequence.

Main entry points: [`index.html`](https://github.com/ajstrick81/x-ray-mirror/blob/main/index.html) (X-Ray Mirror)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_app["Browser app"]
  node_mirror["X-Ray Mirror<br/>[index.html]"]
end

subgraph group_io["Browser I/O"]
  node_camera["Camera"]
end

subgraph group_assets["External assets"]
  node_asset_hosts["Asset hosts"]
end

node_user(("User"))

node_user -->|"uses"| node_mirror
node_mirror -->|"requests access"| node_camera
node_mirror -->|"requests runtime assets"| node_asset_hosts

click node_mirror "https://github.com/ajstrick81/x-ray-mirror/blob/main/index.html"

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_mirror,node_user toneBlue
class node_camera toneAmber
class node_asset_hosts toneMint
```

## Components

### Browser app

- [X-Ray Mirror](https://github.com/ajstrick81/x-ray-mirror/blob/main/index.html): `index.html`

### Browser I/O

- **Camera**

### External assets

- **Asset hosts**

### Other components

- **User**

## Connections

- User → X-Ray Mirror: uses (evidence: `README.md`)
- X-Ray Mirror → Camera: requests access (evidence: `README.md`)
- X-Ray Mirror → Asset hosts: requests runtime assets (evidence: `README.md`)