Braille Dot Bitmap Renderer

Render text as a grid of Unicode Braille dot characters

Ad placeholder (leaderboard)

Draw text with Braille dots

The Unicode Braille block (U+2800–U+28FF) contains 256 characters, one for every possible arrangement of dots in a 2-wide by 4-tall cell. That makes Braille characters a handy, compact way to draw bitmaps in plain text — each character packs eight pixels. This tool renders your text on a pixel grid and then encodes that grid as Braille characters you can copy and paste.

How it works

Each supported character is stored as a 5×5 pixel font, where 1 is a filled dot and 0 is blank. The letters are laid out left to right with a one-pixel gap to form one wide pixel grid. The grid is then scanned in 2×4 blocks; for each block the renderer sets the corresponding dot bits and adds them to the base code point:

cell = 0x2800
for each set pixel (col, row) in the 2x4 block:
    cell |= DOT_BIT[row][col]
character = String.fromCharCode(cell)

The Unicode dot-bit layout is not sequential — the left column is bits 1, 2, 4, 64 top-to-bottom and the right column is bits 8, 16, 32, 128 — so the tool uses that exact mapping to produce valid Braille glyphs.

Tips and notes

Display the result in any Unicode-aware context; unlike ASCII art it does not strictly require a monospace font, though monospace keeps multi-line output tidiest. Keep inputs short, since each character is five pixels wide and the combined bitmap can get wide quickly. If you see empty boxes instead of dots, your font lacks Braille glyphs — switch to a font like Segoe UI Symbol, Noto Sans, or DejaVu Sans.

Ad placeholder (rectangle)