jan-overwaul.de · Playground

Code.
Experiments.

Demos, Prototypen und PHP/JS-Werkzeuge — offen zum Ausprobieren.

Zeit & Kalender

Clock Countdown Timer

Universelles Klapp-Display: Uhr, Countdown, Timer und zyklischer Text
konfigurierbar

JS SVG Ziffernblatt

Ziffernblatt für Uhrzeit, Zeitzonen und Lernsituationen: 12- und 24-Stunden-Blätter, römische Ziffern, Zeiger auf Wunsch mit der Maus verstellbar

SVG Shadow DOM IANA-Zonen

JS · Sterbetafel

Lebenswochen Kalender

Jede Woche deines Lebens — ein Quadrat. Vergangenheit, Gegenwart, Zukunft. Basierend auf der aktuellen Sterbetafel

Memento Mori JS

Grafik & Muster

PHP · GD · SQLite

Wallpaper Renderer

Zufällige oder gezielte JPEG-Ausgabe mit freiem Resizing, RAW-Pixelstreams für MCUs & Displays, Dithering, Gamma und Kategorie-Filterung

RGB565 1BIT Dither

Guilloche-Muster

PHP · Ajax · SVG

Guilloche Generator

Rosetten, Zierbänder und Wellenmuster rein prozedural erzeugen - Ausgabe als SVG oder Bild

Polarkoordinaten Seed SVG · PNG

Fotografie

JS Shadow DOM Editor

360°-Drehansicht aus Einzelbildern: ziehen, zoomen, Vollbild, Multi-Row und Points of Interest

360 Zoom Editor

JS SVG Shadow DOM

Lamellenblende mit echter Mechanik: starre Lamellen um feste Drehpunkte, bedienbar wie ein Blendenring

Daten & Graphen

Adjacency List
Tree Editor

Hierarchische Baumstrukturen visuell verwalten. Einfügen, verschieben, umbenennen, Meta-Spalten

ECharts PDO CTE

JS · Graphentheorie

Knoten und Kanten interaktiv erzeugen, gerichtete Multigraphen mit Gegenkanten und Algorithmen wie Dijkstra oder MST direkt visualisieren.

Cytoscape.js Dijkstra GraphML

Audio & Signal

JS · Web Audio

Einbettbare SVG-Klaviatur, per Shadow DOM gekapselt — mit Themes, Tastatur-Steuerung und eigenem Sound-Hook

SVG Shadow DOM smplr

JS · Web Audio · DSP

Morse-Werkstatt

Morsesignale aus Datei oder Mikrofon dekodieren: alles im Browser

AudioWorklet Goertzel Otsu

Wissenschaft

JS · Astrophotographie

Interaktiver Himmelskatalog: Objekte per RA/Dec positionieren, Sichtfeld einzeichnen, eigene Aufnahmen verwalten

Astronomie JS Aladin Sky Atlas

JS · 3D-Chemie

Molekül Viewer

SMILES-Strings als interaktive 3D-Modelle: Stick, Sphere, Line oder Polar-Modus mit δ+/δ−-Färbung und H-Brücken-Anzeige

RDKit.js 3Dmol.js SMILES

Alle 118 Elemente in Kurz- und Langform, Aggregatzustand per Temperaturregler, 3D-Orbitale und Zerfallsketten bis zum stabilen Kern

Chemie Orbitale Nuklidkarte