Erläutern Sie den Code mithilfe von ASCII-Grafiken

Anmerkung des Übersetzers: Normalerweise ein Freitag-Artikel am Dienstagmorgen ... warum nicht?



Die meisten Menschen sind Visuals. Sie verwenden Bilder, um dem Problem auf den Grund zu gehen. Im Gegensatz dazu basieren die gängigen Programmiersprachen auf der Darstellung von Texten. Die resultierende Lücke zwischen Text und Grafiken wird mit ASCII-Bildern gefüllt, die mit Textzeichen gezeichnet und in den Programmquellcode eingefügt wurden. Ich verehre sie! Einmal habe ich auf Twitter geweint und sie haben mir viel mehr Beispiele geschickt, als ich erwartet hatte. Vielen Dank an alle Beteiligten. Dieses Thema lieferte einige hervorragende Beispiele, die ich gesammelt und in Kategorien eingeteilt habe. Für jedes Bild wird ein Link zum entsprechenden Repository angegeben.

Datenstrukturen

Eine der häufigsten Verwendungen von ASCII-Kunst im Code ist die Veranschaulichung der Datenstruktur.

Erstes Beispiel aus dem LLVM-Quellcode:


Quellcode

Position der Felder in der Datenstruktur in Jikes RVM:


Quellcode

Drehen Sie einen Baum in Musl:


Quellcode

Zweiwege-Warteschlange in Rust:


Quellcode

Schnelle Compiler-Interna:


Quellcode

Elementlayout im Malloc-Header:


Quellcode

Zustandsautomaten

Javascript Profiling:


Quellcode

RPC in Cloud Spanner:


Quellcode

E / A-Stream-Zustände:


Quellcode

Domänenlogik

Kontrollfluss im dekompilierten NWScript-Programm:


Quellcode

ECC Insides:


Quellcode

Zahlenformatierung:


Quellcode

Quantenschaltung:


Quellcode

Ausgleichen von Speicherverwaltungsaufgaben im Kernel des Betriebssystems:


Quellcode

Typkompatibilität (dies ist ein besonders beeindruckender Fall, da hier ASCII-Grafik Code ist!)


Quellcode

DBF-Dateiformat:


Quellcode

Nachschlagetabelle für die Bildverarbeitung:


Quellcode

Farbfunktion Form:


Quellcode

URL-Struktur:


Quellcode

Ein kurzer Hinweis zum Abbrechen von Vorgängen in Emacs:


Quellcode
Anmerkung des Übersetzers: Der Link enthält noch viele ähnliche Diagramme

Geometrie

Höhenkontrolle im Apollo-Bordcomputer (!!!):


Quellcode

Segmentierung des Bildes:


Quellcode

Nethack-Bumerang-Flugbahnen:


Quellcode

Zeichnen von Elementrändern in CSS:


Quellcode

Quadrantenbaum:


Quellcode

Maschinengeschwindigkeitsregelung:


Quellcode

Scrollen von Webseiten:


Quellcode

Ich hoffe es hat euch gefallen!

Zusätzliches Beispiel des Übersetzers:

Diagramminterpolationswerte:


Quellcode