Getting Started: Desmos Notebook

Desmos Notebook combines text, expressions, sliders, and graphs in a single dynamic environment, with the power of the Desmos graphing tools built in. Get started with the tips in this article, or check out the Notebook User Guide.

 

Desmos Notebook is quite new! This means that you can expect bugs, surprises, and missing features. We’ll be adding new capabilities in the coming weeks and months and might accidentally break some of your saved notebooks as we do. Please reach out to us at feedback@desmos.com with any bug reports or feature requests.

 

Creating Your First Notebook

When you open Desmos Notebook, you’ll arrive at the editor of a blank notebook. From here, you can explore your thinking in text, expressions, graphs, and sliders.

Typing in the Notebook

To add text, click the page and start typing. You can format your text using the controls in the formatting bar, which provides options for bold or italics. There, you can also undo and redo actions.

You can insert inline math into your text by typing ` or clicking Inline Math. When typing inline math, you can use keyboard shortcuts to add fractions, exponents, and other common symbols.

Screenshot of a text item on a page showing the sentence “The area of a circle is pi*r^2” with “area” in bold and “circle” in italics.

Item Menu

Open the Item menu to search for and add expressions, graphs, references to variables, and special characters \ and `.

The options available in the menu automatically update depending on what you select on the page. For example, if you select text or an expression line, the menu will include an option to add references to any notebook variables.

Screenshot of item menu showing options to insert an Expression, Graph, 3d Graph, or Geometry item, a notebook variable a with a value of 3, and special characters \ and `.

Adding Expressions

To add an expression, open the Item menu and select Expression. Or, use the keyboard shortcut Ctrl+Return on Windows or Cmd+Return on Mac.

You can use an expression to perform calculations or define variables and functions. You can then reference these variables and functions from other expression lines or within graphs.

Screenshot of three expression lines showing (1/2)(6)^2 evaluated to 18, f(x)=x^2-1, and f(2) evaluated to 3.

Adding Graphs

You can add Desmos Graphing, Geometry, and 3D graphs to your notebook in the editor. To do so, open the Item menu and select the desired type of graph. Or, use the keyboard shortcuts:

  • 2D Graph: Ctrl+Alt+2 (Windows) or Ctrl+Cmd+2 (Mac)
  • 3D Graph: Ctrl+Alt+3 (Windows) or Ctrl+Cmd+3 (Mac)
  • Geometry: Ctrl+Alt+G (Windows) or Ctrl+Cmd+G (Mac)

When you select a graph, you will be able to edit its expression list in the Notebook sidebar. You can also click Graph Settings to adjust that graph’s settings. To zoom or pan a graph, click the graph and then View Fullscreen.

Screenshot of f(x)=x^2-1 in an expression line and y=f(x) plotted in a graph item with its expression list open in the notebook sidebar and “View Fullscreen” tooltip visible on the expand icon.

You can also import saved graphs from the Desmos Graphing, Geometry, or 3D Calculator. First, paste the URL of the intended graph into the search bar of the Item menu. Then, click the thumbnail that appears.

Rearranging Items

If you add multiple graphs, expression lines, or sliders to your notebook, you can drag their handles to rearrange their order.

You can also add columns to your notebook to place text, graphs, sliders, and expressions side by side.

Select Columns to insert a column to the left or right of your current cursor selection. Each column takes up half the width of the notebook, and the height will adjust to the included content. You can then drag items to organize them within columns.

Animation of the editor showing three items (an expression line, a graph, and a 3D graph) being rearranged by inserting a column then dragging a graph using its handle.

 

Defining and Connecting Variables

The Notebook Variables menu displays all the variables defined in the notebook along with their current values.

When you define a variable in an expression in the notebook, it immediately appears in this menu. Click Variable Options to change the color associated with the variable or go to the expression line where that variable is defined.

Screenshot of the Notebook Variables menu showing a variable a with a value of 3, and its Variable Options menu open with color choices, a checked “Hide this definition” option, an “Add Slider” button, and a “Go to Definition” button.

If you define a variable within a graph, it won’t automatically appear under Notebook Variables.

If you’d like to reference a graph variable in expression lines within the notebook or in other graphs, you can connect the variable to the notebook. To do so, open the graph with the variable and click Connect to Notebook.

Screenshot of a graph item’s expression list in the notebook sidebar showing f(x)=x^2+a and a slider for variable a set to 2.5 with a “Connect to Notebook” tooltip visible on the link icon.

To reference the value of a variable throughout your notebook, you can use a token. Tokens can appear in text and in calculations within expressions and graphs.

To add a token, go to the Notebook Variables menu and click the intended token. Or, open the Item menu and add it from there.

When you add a token, it will display the variable’s numerical value by default. Click the token and then Variable to display the variable name instead. You can toggle between the two options for each token in the notebook. You can also click Go to Definition to locate the expression or graph where the variable is defined.

Animation of the editor showing two expression lines (b=3 and h=5) and a text item showing “Area: A=bh” with tokens for b and h and the token menu displaying options for Variable or value and “Go to Definition” button.

 

Variable Sliders

Just like in other Desmos graphing tools, you can add and adjust variable sliders that instantly update any graphs or expressions that use the variable.

To add a slider for any variable, click Variable Options and then Add Slider. If you define a variable within an expression in the notebook, you can also click Add Slider within the expression line.

You can adjust slider settings to control their appearance and behavior. Click Slider Options to access these settings. You can add a label (which defaults to the name of the variable) or toggle the display of the slider value.

You can also adjust the upper and lower bounds and step size, which determine the values that your variable can take. If you define a variable in a graph and then connect it to your notebook, you can change its slider settings in the graph where it’s defined or in a slider in the notebook.

Screenshot of a slider item with its options menu open showing a range of 0 to 10, Label and Show Slider value checked, and a “Go to Definition” button.

 

Save, Share, and View Your Notebook

To save your Notebook, press Save. If you aren’t logged in, you will be prompted to log in or create an account before saving.

To access your saved notebooks, click Open File. You can organize your saved notebooks alongside your saved graphs.

Screenshot of untitled notebook with a Save button.

If you are logged in, you can also share a link to your notebook by clicking Share Notebook. Just like with graphs, you can share your saved notebook or a snapshot.

Screenshot of the “Share Your Saved Notebook” pop up showing a shareable link with an unchecked “Link opens in editor” checkbox, and a note that only you can edit the notebook but others can see your updates.

When you share a notebook, viewers will be able to drag sliders, move points, and interact with other items, but they won’t be able to edit any of the other contents.

Click Preview while in the editor to see how your shared notebook will appear to others.

To go to the editor from any shared notebook, click Open in Editor. You can also click Link Opens in Editor when you go to share the URL to have your notebook open in editor automatically.

Compare an example that automatically opens as a shared notebook to an example that opens in the editor.

Screenshot of a shared notebook preview titled “My First Notebook” showing an expression line, slider, and graph.

 

Learn More

Please write in with any questions or feedback to support@desmos.com.