noknok Display Planner

Display

Orientation

Zoom

pixel grid region outlines

Background (d.clear colour)

Regions — drag on the display to add one

Select a region and use ←↑→↓ to nudge it (Shift = 8 px), Del to remove it.

d.print() area

I also use d.print() on this display

print() repaints full-width bands from the top; regions in that band get wiped. The planner shades it and warns.

Layout file

Your layout is also kept in this browser automatically. Save the .json to keep it with your project or share it.

Drag a rectangle on the display to create a region, or click one to edit it. Each region becomes a d.region() line; its content becomes a d.set() line.

Checks

—

Python code — paste after d = c.display[0]

Verified against noknok.py 1.9 — the preview is drawn with the same rules the Pico and the module use (fonts, wrapping, clipping).

1:1 (≈ real size on a monitor)

2:1

4:1

tint on

Left-drag draws, right-drag erases. Icons are 1-bit masks: “#” pixels are drawn in whatever colour you pass to d.icon() / d.set().