Tips and tricks for using the Observable editor

Mike Bostock

Observable

Pro tips: Inserting cells

Pro tips: Navigating cells

Pro tips

As you may well be aware, `webp` is not supported in every browser. Please use this technique instead: https://www.joshwcomeau.com/performance/embracing-modern-image-formats/

Michaël Guitton

Or consider using TinyPNG (https://tinypng.com/) to shrink image attachments…

> ⌘cmd-clicking

or alt-dragging, which is super useful to change multiple aligned lines

Fabian Iwand

It appears that double-clicking only works if you're clicking a bit to the left of the + sign.

Nacho Caballero

Inserting a cell.webp

Duplicating a cell (down).webp

Duplicating a cell (up).webp

Inserting a cell (double click).webp

Merging cells (shift-click).webp

Inserting a cell (shift-command-enter).webp

Splitting a cell (option-enter).webp

Merging cells (option-delete).webp

Splitting a cell (shift-option-enter).webp

Inserting a cell (typing).webp

Inserting a cell (command-enter).webp

Merging cells (control-option-d).webp

Splitting a cell (multiple option-enter).webp