Typograms, Markdown-like renderer for ASCII diagrams

In plain words

Typograms is a renderer that lets users create ASCII diagrams using Markdown-like syntax. Designed for anyone who needs to quickly sketch visual representations in plain text, it simplifies diagram creation by applying familiar formatting conventions to ASCII art. The tool launched in 2022 and is available at code.sgo.to for developers and technical users seeking a lightweight alternative to graphical diagramming tools.

written from the facts on this page · September 2026

From the sources

Typograms (typographic diagrams) is a lightweight image format ( text/typogram ) useful for defining simple diagrams in technical documentation. Like markdown, typograms is heavily inspired by pre-existing conventions found in ASCII diagrams. A small set of primitives and rules to connect them is defined, which you can use to build larger diagrams . Typograms optimizes for editability and portability (e.g. plain text is easy to maintain, change, store and transmit), at the cost of expressivity (e.g. SVG is more expressive) and ergonomics (e.g. higher level tools produce diagrams faster). A polyfill is available that allows you use to use it in browsers. <body> <script…from code.sgo.to

• 
  Typogram2023 · typogram.co · ▲329

  Our free brand personality workshop kit helps founders take the creative first step in designing logo, branding and creating a brand kit for your new business.

• 
  TSDiagram – Diagrams as Code with TypeScript2023 · tsdiagram.com · ▲130

  Made an online tool for creating diagrams with TypeScript. I quite like it for thinking about how to shape my data, even if I end up using a different language in the end.

• AA
  AsciiSketch a free browser-based ASCII art and diagram editorJan 2026 · files.littlebird.com.au · ▲53
• 
  ASCII Art Paint2022 · github.com · ▲150

  Surprise your readers with an original post using text art

• MA
  Mermaid ASCII Diagrams2024 · mermaid-ascii.art · ▲234
• 
  ASCII Cats2021 · user.xmission.com · ▲97

  Artwork created using keyboard symbols and characters

• IV
  I've been paying for a rural Tanzanian's education for 10 years▲778

  Life & fun · 13d ago · tanzaniaeducationproject.org

• 
  Bigwords.page – Turn any screen into a sign. The URL is the app▲728

  Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.

  Life & fun · 14d ago · bigwords.page

• 
  SimCity, but with Permits▲671

  A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.

  Life & fun · 11h ago · permit.petercai.com

• 
  Guitoro, a virtual guitar you strum with your keyboard▲573

  Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.

  Life & fun · 7d ago · guitoro.com

• 
  See *almost* any carriers phone settings▲432

  Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.

  Life & fun · 11d ago · carrierexplode.com

• 
  The whole Solar System and every tracked satellite, live in the browser▲407

  Life & fun · 21d ago · space.bl2.net

• 
  Locofy.ai▲720

  Hey there, I am Honey - Co-founder at Locofy. We, along with other makers, have been building Locofy.ai to help massively accelerate the builders - the designers, developers, product managers & founders, and we're excited to share it today with the HN Community. Locofy.ai simply converts designs into production-ready frontend code for web and mobile apps. It adapts to your preferred design tools, tech stack, and workflows with ease and lets you launch upto 4x faster, while letting designers design the way they want and giving high-quality responsive code that developers love. With this…

  Dev tools · 2022 · locofy.ai

• PO
  Porting OpenBSD Pledge() to Linux▲571

  Life & fun · 2022 · justine.lol

• 
  PocketBase – Open Source realtime backend in one file▲563

  Open Source realtime backend in 1 file. Contribute to pocketbase/pocketbase development by creating an account on GitHub.

  Dev tools · 2022 · github.com

• 
  ruttl▲552

  Visual & Design Feedback Tool that helps you review design, content and report bugs on websites, applications, PDFs and images.

  Dev tools · 2022 · ruttl.com

• 
  Pipes puzzle (a.k.a. Net) on a hexagonal grid▲537

  Hello, HN - I wanted to share this puzzle game I made during my vacation. I'm rather fond of the pipes puzzle where your goal is to restore a scrambled network of connections by rotating tiles. It's usually played on a grid of squares and this all started when I decided to make a programmatic solver for that kind of puzzle. Then I realized that with some minor changes the solver could generate new puzzle instances. I thought about what kind of puzzle to make and someone suggested a hexagonal grid. Adapting the generator wasn't too hard but then I had to create a way to play this variant. So…

  Life & fun · 2022 · hexapipes.vercel.app

• 
  Parsnip – Duolingo for Cooking▲536

  We're building Parsnip to create a "tech tree" of cooking skills that allows anyone to level up on the building blocks of cooking knowledge while tracking their progress over time. It took us a few iterations to figure out the right product; here's the story of our latest pivot: [https:&#x2F;&#x2F;parsnip.substack.com&#x2F;p&#x2F;a-new-hope] The goal is to create a personalized way to learn any recipe on the Internet, then use this as a springboard to help home cooks of all levels solve the problem of repeated meal planning in a 10x better way:…

  Work · 2022 · parsnip.ai