DiagramlyBlogPricingProfileOpen canvas

Blog · release

Six looks, cheat-sheet blocks and a grid you fill cell by cell

Diagramly now draws in six looks, adds emphasis marks, drops ready-made cheat-sheet blocks onto the canvas as plain nodes, and publishes one-page explainers.

3 min readreleasecheat-sheetslooks

A diagram and a cheat sheet are the same thing drawn differently: boxes, arrows, lists and tables, arranged so a reader gets the idea in one glance. Diagramly's canvas now covers both. Here is what changed.

Six looks

The Look pill in the header switches the whole canvas between six hand-drawn styles. Hover a look to preview it live; click to apply. Exports, published pages and embeds all keep the look.

  • Paper: warm dots, soft fills, the default.
  • Notebook: ruled lines, a red margin, blue ink.
  • Blueprint: deep blue grid, white chalk lines, a title block in the corner.
  • Chalkboard: dark slate, hachure fills, chalk colours.
  • Whiteboard marker: thick coloured outlines on white.
  • Ink & neon: thin neon outlines with a glow on near-black.

Every colour in every look was measured for contrast, text against whatever sits behind it, so a chalkboard label on a hatched box is as readable as a paper one.

Emphasis marks

Select a shape and open Emphasis in the toolbar. Any node can be the hero (thicker stroke, a lifted shadow), carry a highlighter streak behind its label, a numbered badge, a rubber stamp such as DONE or RISK, a strip of washi tape, pencil shading, or a check, cross or warning mark. They are small, but they are how a cheat sheet says "this is the part that matters".

Cheat-sheet blocks

Open Insert (the ✦ tool) and the first tab is Sections: ready-made blocks that drop onto the canvas as ordinary nodes, under whatever you have selected.

  • Bullets, Steps, Checklist and Best practices (a card with a stamp).
  • Flow and Vertical flow: boxes with arrows, stage captions and side notes.
  • Parallel group, Compare table, Pros / cons, Worked example, Cards and Takeaway.

Nothing about a block is special afterwards. Every box, card and arrow in it is a normal node: move it, recolour it, double-click to edit it, delete half of it. Or skip the panel and type in the sketch line:

## Retrieval strategies
- Dense (embeddings)
- Sparse (BM25)
- Hybrid: both, then rerank

## starts a block; - makes bullets, 1. steps, [ ] a checklist, A -> B -> C a flow, A, B, C a parallel group, | a | b | a table, + / - pros and cons, > a takeaway, and ## Title ! a best-practices card.

A grid you fill cell by cell

The Grid block (also in Data & APIs) is a plain comparison table. Pick its size with the rows and columns steppers in the toolbar, then double-click any cell and type. Tab moves to the next cell, Enter to the row below (adding one after the last), Esc finishes.

Captions, and publishing a sheet

Every node can carry a caption under it: double-click the caption text to edit it, or use + caption in the toolbar. When the sheet is done, Share → Publish gives it a page of its own; tick This is a cheat sheet and it also appears on /cheatsheets, next to the ones on RAG architectures, Docker, Git, SQL joins and HTTP status codes. Offer it as a template and anyone can start from it.

The Cheat sheet template on the canvas is a full three-column example (Hybrid RAG) built only from these blocks.