Explicar o código usando arte ASCII

Nota do tradutor: normalmente um artigo de sexta-feira na manhã de terça-feira ... por que não?



A maioria das pessoas é visual. Eles usam imagens para chegar ao fundo do problema. Mas as principais linguagens de programação, pelo contrário, são baseadas na representação textual. O espaço resultante entre texto e gráficos é preenchido com imagens ASCII desenhadas usando caracteres de texto e inseridas no código-fonte do programa. Eu os adoro! Certa vez, gritei no Twitter e eles me enviaram muito mais exemplos do que eu esperava. Obrigado a todos os envolvidos. Este tópico apresentou alguns excelentes exemplos que eu coletei e coloquei em categorias. Para cada imagem, é fornecido um link para o repositório correspondente.

Estruturas de dados

Um dos usos mais comuns da arte ASCII no código é ilustrar a estrutura de dados.

Primeiro exemplo do código-fonte LLVM:


Código fonte

Localização dos campos na estrutura de dados no Jikes RVM:


Código fonte

Gire uma árvore no Musl:


Código fonte

Fila de mão dupla em Rust:


Código fonte

Internos do compilador Swift:


Código fonte

Layout do item no cabeçalho do Malloc:


Código fonte

Máquinas de estado

Perfil Javascript:


Código fonte

RPC no Cloud Spanner:


Código fonte

Estados do fluxo de E / S:


Código fonte

Lógica do domínio

Fluxo de controle no programa descompilado NWScript:


Código fonte

Interior do ECC:


Código fonte

Formatação numérica:


Código fonte

Circuito quântico:


Código fonte

Balanceando tarefas de gerenciamento de memória no kernel do sistema operacional:


Código fonte

Compatibilidade de tipos (este é um caso particularmente impressionante, porque aqui a arte ASCII é código!)


Código fonte

Formato de arquivo DBF:


Código fonte

Tabela de pesquisa para processamento de imagem:


Código fonte

Função de cor Forma:


Código fonte

Estrutura de URL:


Código fonte

Uma breve referência sobre o cancelamento de operações no emacs:


Código fonte
Nota do tradutor: ainda existem muitos gráficos semelhantes no link

Geometria

Controle de altitude no computador de bordo Apollo (!!!):


Código fonte

Segmentação da imagem:


Código fonte

Trajetórias do Nethack Bumerangue:


Código fonte

Desenhando bordas de elementos em CSS:


Código fonte

Árvore do quadrante:


Código fonte

Controle de velocidade da máquina:


Código fonte

Rolagem de página da Web:


Código fonte

Espero que tenham gostado!

Exemplo adicional do tradutor:

Valores de interpolação do gráfico:


Código fonte