Notes
More tools
Add embeds, audio and video, code, timers, polls, progress bars, charts, formulas, people, palettes, mind maps, Mermaid diagrams, the AI assistant and mirrors.
Basics
Adding a node from More tools
To add one of these nodes, open More tools, the ⋯ button in the toolbar, and drag a tool from it onto the board. It holds the tools that aren't in your toolbar, starting with Embed, Media, Code, Timer, Poll, Progress, Chart, Person, Palette, Mind map, Mermaid diagram, Formula, AI assistant, Mirror and Huddle. To keep a tool in the toolbar instead, turn it on in Settings. Huddle is covered in Meetings and huddles.
Select one of these nodes to edit it. Its own controls appear at the top of the Node Settings panel, where hovering over an icon shows its name, and the controls every node shares follow them, as Nodes describes. All of them have the card color swatch except code and mind map nodes. Every change saves with the board as you make it, so there's no Save button.
Several of these nodes read other nodes through connections: charts read a table, formulas and progress bars add up what's connected to them, and the AI assistant reads the text of what's connected. To connect two nodes, see Boards.
Embeds
Embedding a web page or video
An Embed node shows a live web page on the board. A new one asks you to Embed a link: paste a URL, then choose Embed or press Enter. If Notes can't use the link, it says That link can't be embedded.
These sites get a player or viewer sized to fit, and the node resizes to match: YouTube (videos, Shorts, playlists and links with a start time), Vimeo, Loom, Figma, Google Docs, Sheets and Slides, Google Maps, Spotify, CodePen, CodeSandbox and Miro. Any other https address embeds as a Website. Addresses that start with http are opened as https.
Select the node to use what's inside it, such as playing a video or scrolling a document. Its top bar shows the site and has the pencil (Change link) and Open in new tab. Its panel has:
- Embed link: paste a different URL and choose Save. The box names the site it recognizes, or says Not embeddable.
- Reset to provider size: puts back the size that suits the site.
- Open in new tab.
- Remove embed: clears the link so the node asks for a new one.
Media
Audio and video
A Media node plays audio or video. A new one shows Add audio or video, with three ways to fill it:
- Upload: pick an audio or video file of up to 5 MB.
- Record: records a voice memo from your microphone, for up to 3 minutes, with the time shown as you go. Choose Stop to keep it or Discard to throw it away. Your browser asks for the microphone first.
- Paste an mp4 or mp3 address that starts with http or https, then choose Add. Addresses ending in an audio format, such as .mp3, .wav or .m4a, play as audio, and anything else plays as video.
Audio shows a play button, its name and a bar you drag to move through it. Video shows the video with its own controls: select the node to use them. Uploaded files and recordings are stored in the board, so everyone who can open the board can play them.
The panel has Replace source, which empties the node so you can add something else, Loop playback, and Download, which saves an uploaded file or recording. For a pasted address, Download reads Open source and opens it in a new tab, and Play as video or Play as audio switches how it plays.
Code
Code snippets
A Code node holds a snippet of code with syntax highlighting and line numbers. Select it, click inside and type. Tab indents by two spaces, Shift Tab removes them, and Esc stops editing. An empty snippet shows // Empty snippet.
While the node is selected, its top bar has a file name box and a language menu. The languages are JavaScript (the default), TypeScript, JSX, Python, JSON, HTML, CSS, SQL, Bash, Go, Rust, Java and Plain text. Its top bar also has Wrap lines and Copy code, which says Code copied.
The panel has the same Language menu, plus Hide line numbers or Show line numbers, Wrap lines, Copy code and Download as file. The download uses the file name you typed, or snippet with the language's extension. Code nodes have no card color.
Timers
Timers, pomodoros and countdowns
A Timer node counts time on the board, in one of four modes you pick under Mode in its panel:
- Timer (the default): counts down a duration, 5 minutes to start.
- Pomodoro: focus and break cycles. Focus lasts 25 minutes, a short break 5 and a long break 15, with a long break after every 4 focus sessions.
- Stopwatch: counts up from zero.
- Countdown: shows the days, hours, minutes and seconds until a date and time.
Use Start, Pause and Reset on the node. A paused timer shows Resume, and a finished one shows Restart. A pomodoro stops at the end of each phase and starts the next one on Start; Skip phase moves on early. A countdown has no buttons: it runs until its date.
Duration in the panel sets the time: hours, minutes and seconds for a timer, with shortcuts from 1 to 60 minutes, or the four pomodoro lengths and Reset cycles, or the date and time for a countdown. Changing the mode or duration resets the timer. Label names it, Accent color colors its ring, and Mute chime silences the sound it plays when time is up.
The timer is saved with the board, so it keeps counting after a reload and everyone who opens the board sees the same time. In a live session, a host can keep timers to the hosts, and the node then reads The host runs this timer.
Polls
Polls and dot voting
A Poll node asks a question and counts votes. Select it to type the question and its options: a new poll has Option A and Option B. Add option, or Enter in an option, adds one, and the × beside an option removes it.
To vote, click an option. Voting mode in the panel sets how votes work:
- Single choice (the default): one vote each. Click your option again to take the vote back.
- Multiple choice: pick any number of options.
- Dot voting: spend a number of dots, 3 to start (from 1 to 20 under Dots per voter), and stack them on any options. The minus beside your dots takes one back, and the poll shows how many you have left.
Changing the mode resets the votes. Each option shows its count and percentage and, unless the poll is anonymous, the initials of up to three voters. Votes are saved with the board, so everyone who opens it sees the same results.
The panel also has Anonymous, which stops recording voters' names, and these controls, which also appear on the selected node: Hide results until you reveal them, Close poll to stop voting until you reopen it, and Reset votes. In a live session, hidden results stay visible to hosts, a host can keep these controls to the hosts, and viewers see Voting is paused by the host.
Progress
Progress bars
A Progress node shows how far along a goal is, as a percentage. Select it to type the goal's title. In its panel:
- Style: Bar (the default) or Ring.
- Source: Manual (the default) tracks a value against a target, and Connected rolls up the nodes connected to it.
- Target: for a manual goal, the Current value and the Target, which start at 0 and 10. With the node selected, the minus and plus beside the value change it by one.
- Bar color, and Show milestones, which marks 25%, 50% and 75% and counts how many the goal has passed.
A connected goal counts the to-do lists, columns and other progress nodes connected to it. Each to-do item, and each to-do card in a column, counts as one step that's done once it's checked, and each connected progress node counts as one step at its own percentage. The caption shows what it counted, like 3 of 8 done. With nothing connected, it reads Connect to-dos, columns or goals.
Charts
Charts
A Chart node draws a bar, line, area, pie or donut chart from a table. Its panel has:
- Chart type: Bar (the default), Line, Area, Pie or Donut.
- Data source: Connected table (the default) reads a table node you connect to the chart. Inline data keeps a small dataset on the chart itself: choose Edit data to fill in the Chart data dialog, using Add row and the plus to add a column, then choose Save data.
- Title, Show legend or Hide legend, and for bar and area charts, Stack series.
In the data, the first column labels each category, and every column of numbers becomes a series, up to eight. Numbers can include commas and symbols such as $, € and %. A pie or donut chart uses the first series and shows up to six slices, grouping the rest as Other.
A new chart with no table connected reads Connect a table, with Use sample data to start from example figures. Hover over the chart to see values, and use the table icon in its corner (Show data table) to see the numbers it's drawing.
Formulas
Formulas
A Formula node calculates a number from the nodes connected to it. It reads:
- a table: every number in it, or only the column named in its Table column setting;
- a to-do list: how many items are checked;
- a column: how many cards it holds;
- a note, text node or comment: the first number in its text;
- another formula: its result, when the connection runs from that formula into this one.
The function icon in the panel opens Operation: Sum (the default), Average, Minimum, Maximum, Count, Percent done (checked to-dos out of all to-dos, across connected to-do lists and columns) and Custom expression. A custom expression names the connected nodes A, B, C and so on, in the order they were connected, and can use + - * / % ^ and round, floor, ceil, abs, min, max and sqrt, like (A + B) / C. While the node is selected, it lists each input with its letter.
The # icon opens Format: Number, Currency (US dollars) or Percent, with 0 to 6 Decimals and a Unit of up to 12 characters, like hrs. Select the node to rename it (Total to start). When it can't calculate, it says why: Connect nodes to compute, No numbers found, or Circular reference when formulas feed into each other in a loop.
People
People cards
A Person node is a contact card. Select it to type a name, role and team, and an email address, which becomes a mail link. On an empty card, Use me fills it from your own profile: your name, email, picture and time zone. The panel's Fill from my profile does the same, and needs you to be signed in.
- Status: Available (the default), Busy, Away or Out of office. You can also click the status on the selected card.
- Avatar: the address of a picture. Leave it empty to show initials.
- Timezone: pick or type a time zone, like
Europe/Berlin, or choose Use my timezone. The card then shows the person's local time and its offset. - Links: Add link adds a label and URL, shown on the card and opened in a new tab.
Palettes
Color palettes
A Palette node keeps a set of colors, starting with five. Click a color to copy its hex code. Select the node to name the palette and each color, and to change the colors: each one has arrows to move it left or right, a pipette (Edit color) and an × to remove it, and the plus adds a color.
The panel has:
- Switch to strip or Switch to grid: shows the colors as a strip of bands or a grid of swatches.
- Add color.
- Generate shades: pick a base color, an optional name prefix and 5, 7, 9 or 11 shades, then choose Append to add them or Replace to replace the palette.
- Copy all colors: copies every color as a line of text, with its name if it has one.
Mind maps
Mind maps
A Mind map node starts a mind map with a Central topic. Each topic is a node of its own, joined to its parent by a connection. To build the map, select a topic and press:
Tabto add a child topic,Enterto add a topic beside it, under the same parent,F2, or start typing, to edit it. Double-clicking also edits it.EnterorEscfinishes, andTabfinishes and adds a child.
Each first-level branch gets its own color, and deeper topics take their branch's color. A topic with children shows a minus to collapse them, and a collapsed topic shows how many it hides, like +3. The panel has:
- Branch color: recolors the topic and everything under it. On the central topic, it recolors that topic only.
- Add child topic, Collapse children or Expand children.
- Auto-layout subtree: lines up the topic's visible branches in a tidy tree, leaving the topic where it is.
Topics size themselves to their text, can't be resized and have no card color.
Diagrams
Mermaid diagrams
A Mermaid diagram node draws a diagram from text written in Mermaid, a diagram language documented at mermaid.js.org. A new one starts with a sample. Select it to edit the code: the node shows Split (code beside the diagram, the default), Code or Preview, chosen from its top bar or Editor layout in the panel. When it isn't selected, it shows the diagram only.
The diagram redraws as you type and follows the app's light or dark theme. If the code has a mistake, the node shows the error and keeps the last diagram that worked. Tab in the code adds two spaces.
Templates in the panel replaces the code with a starter diagram: Flowchart, Sequence, Gantt, Class, State, ER, Pie, Mind map or Timeline. Notes confirms it, with Undo to put your code back.
AI
AI assistant
An AI assistant node reads the text of the nodes connected to it, such as notes, to-do lists, tables, columns, comments and links, and writes a result. Its header counts how many nodes are connected. To use it:
- Connect the nodes you want it to read to the AI assistant node.
- Select the node and pick an action: Summarize (the default), Cluster into themes, Brainstorm new ideas, list Action items, or Custom, where you write your own prompt.
- Choose the button in the node's header, which is named after the action. For a custom prompt, you can press
Ctrl Enter(⌘ Enteron Mac) instead.
The result appears in the node, in the language of what it read, often with a list of Themes, Action items or other items. Spawn as notes adds each item as a note to the right of the node, connected to it. Clear output in the panel removes the result. Running again replaces it.
The assistant reads up to 20,000 characters from the connected nodes, and a custom prompt can be up to 2,000 characters. Without connected nodes, only a custom prompt runs. You need to be signed in and able to edit the board, and if a run fails, the node shows why.
Mirrors
Mirrors
A Mirror node shows a live, read-only copy of a node from another board, or from elsewhere on the same board. To set it up, choose Choose source, pick a board, then pick a node on it. Both lists have a search box. On a project board you pick from the project's boards, and on a personal board from your personal boards, starting with Home. A mirror can't show another mirror.
The mirror shows the source's content: a note or text, a to-do list, a table (its first 12 rows), a link, an image, a comment, a column or code. A board, document, sketch or file shows its name. Notes checks the source every 30 seconds and whenever you come back to the tab, and the footer says when it last synced. Refresh checks straight away. If the source node is deleted, the footer says Source node was removed.
Go to board opens the source board. With the node selected, Change picks a different source. The panel has Mirror source, Go to source board and Unlink source, which empties the mirror.
Reference
Keyboard shortcuts
Tabadds a child topic to the selected mind map topic, andEnteradds a topic beside itF2edits the selected mind map topic, andEnterorEscfinishesTabindents in a code or Mermaid node, andShift Tabremoves the indent in a code nodeEscstops editing a code nodeCtrl Enter(⌘ Enteron Mac) runs an AI assistant's custom promptEnterin a poll option adds another optionEnterembeds the link you pasted in an Embed node, andEsccancels a change of link