# ziedll/temperature_converter architecture

> Architecture diagram of the GitHub repository ziedll/temperature_converter, 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/ziedll/temperature_converter
- Repository: https://github.com/ziedll/temperature_converter

## Overview

A small browser-based temperature converter: the user enters a value, chooses source and destination units, and clicks the button; the script converts the value and displays the result. The source excerpt shows the conversion and DOM interactions; the HTML and styling contents were not sampled.

Main entry points: [`index.html`](https://github.com/ziedll/temperature_converter/blob/main/index.html) (Converter controls), [`script.js`](https://github.com/ziedll/temperature_converter/blob/main/script.js) (Conversion logic)

## Diagram (Mermaid)

```mermaid
flowchart TD

node_user(("User"))
node_controls["Converter controls<br/>[index.html]"]
node_conversion["Conversion logic<br/>[script.js]"]

node_user -->|"enters value"| node_controls
node_user -->|"selects units"| node_controls
node_user -->|"clicks button"| node_controls
node_controls -->|"dispatches click"| node_conversion
node_conversion -->|"reads inputs"| node_controls
node_conversion -->|"writes result"| node_controls

click node_controls "https://github.com/ziedll/temperature_converter/blob/main/index.html"
click node_conversion "https://github.com/ziedll/temperature_converter/blob/main/script.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_user toneBlue
class node_controls,node_conversion toneTeal
```

## Components

### Other components

- **User**
- [Converter controls](https://github.com/ziedll/temperature_converter/blob/main/index.html): `index.html`
- [Conversion logic](https://github.com/ziedll/temperature_converter/blob/main/script.js): `script.js`

## Connections

- User → Converter controls: enters value
- User → Converter controls: selects units
- User → Converter controls: clicks button
- Converter controls → Conversion logic: dispatches click
- Conversion logic → Converter controls: reads inputs
- Conversion logic → Converter controls: writes result