A Brief Intro to Desmos

by Serge Ballif — on

cover-image

What is this calculator I’ve been hearing about?

Desmos is the graphing calculator I could only dream of having when I went through high school. It has a beautiful layout, it solves equations (numerically), it works with lists, and it can plot implicit functions and inequalities. It can be used for algebra, modeling, statistics, and even calculus. Best of all, it’s freely available to use in a web browser or as a mobile app. How good do I think it is? Well, if somebody gave me a free TI graphing calculator I would just sell it on EBay or give it away, because the Desmos app on my phone is superior. The contest isn’t even close.

The best way to learn Desmos is to go to desmos.com and try the calculator out. You’ll be amazed at it’s capabilities. There are plenty of tutorials to help you on your journey.

In this post I will highlight some of my favorite capabilities of Desmos with minimal explanations. Throughout these examples, be sure to notice that calculator just begs for you to experiment and make changes as you go.

What Can the Desmos Calculator do?

Let’s take a look at some of the popular calculator features.

Sliders

Below is the graph of a parabola with it’s vertex at the origin.

The second equation shows an error because of the unknown variable $a$. Click the button by the text “add slider” to give $a$ a value. Then clicking the play button next to $a$ will let you see the effect that $a$ has on the graph. Notice that the format is very inviting for students to experiment and try things. It’s easy to type your own formulas into the blank cells to experiment or to get a better feel for how a parabola can be transformed by a parameter (e.g. $y=x^2+a$, $y=(x-a)^2$, or $y=(ax)^2$).

Tables

Below is a table of data.

Notice that the 2nd column values were entered manually, while the 3rd column values were computed from the 1st column. The points plotted via the 2nd column are set to be draggable, so you can drag them around to change the values. You can add additional values to the first two columns or add another column. Try adding a 4th column with the expression $\left|x-3\right|$ by first clicking inside the table and then clicking inside the top cell of the 4th column.

Lists

Each of the table columns in the example above are lists. We can also define a list of values.

Notice how the list $m$ can be used to plot multiple slopes of a line with a single command. The list $L$ is used to plot points on the sine curve. Try plotting the points on a circle by plotting $(\cos(L),\sin(L))$.

Parametric Curves

Most curves in the plane are not functions in the traditional sense because they fail the vertical line test. However we can write the variables $x$ and $y$ as functions of a third variable $t$. Below we look at the plot of the parametric functions \(\begin{align*} x(t)=\cos(3t), 0\le t \le 2\pi\\ y(t)=\sin(5t), 0\le t \le 2\pi\\ \end{align*}\)

I sneeked a parameter $a$ into the calculator so that we can actually watch the curve being drawn. Click the play button to the left of $a$ to see the curve in action.

Inequalities

Desmos will plot inequalities for you.

Open the folder to see the formulas that produced the shaded circles. Try to add a few more circles.

Draggable Points

Desmos lets you create points that you move. You can even specify that the point should be on a specific curve.

Drag the black point around to see how it is glued to the curve $y=f(x)$. You’ll notice that I have included some shading using inequalities. Desmos has it’s own special notation for conditionally restricting output: place the condition insided of curly braces such as ${2<x < a}$ in the graph above.

If you scroll to the bottom of the expression list you will see a function $A(x)$ that is disabled. Click on the circle to the left of this function to enable it. Calculus students will recognize the function $A(x)$ as a net signed-area function starting at $x=2$ (whose output is the lavender area minus the yellow area). The ability to hide plots is particularly useful for large projects. Try redefining $f(x)$ to be $f(x)=\sin \left(x^2\right)$ to see how it changes the graph.

Curve Fitting

Desmos makes it easy to come up with models to match a collection of data. The table below shows some points plotted along with the curve that Desmos fit to the points.

To get the curves we just notice that the points look like they fit a parabola, so we would guess that formula would be of the form $y=ax^2+bx+c$. Then we replace “$y$” with “$y_1$” and “$x$” with “$x_1$” so that Desmos will refer to the table to get its values. Finally we replace “$=$” with “$\sim$” so that Desmos knows you want to fit a curve approximation. That’s where we get the code:

\(y_1\sim ax_1^2+bx_1+c\).

Try changing some of the values in the table to see what parabola gives the best approximation.

Points of Interest

Desmos is also a great tool for solving equations, finding intercepts, or maximizing or minimizing curves. For example, suppose we wanted to maximize the area of a rectangle in the first quadrant under the green curve below.

The area of each rectangle is base $\times$ height or $x\cdot f(x)$, so we defined the area function $A(x)=x\cdot f(x)$. Drag the black point back and forth along the curve. You can view the actual area by looking at the expression in cell 2. To get the maximum area we can just look at the plot of $A(x)$. Click the circle to the left of $A(x)$ to un-hide the graph. Click on the graph of $A(x)$ and you will see some gray dots appear at points of interest (such as intercepts, points of intersection, or maximum values). Click the point on the top to see the maximum possible area of a rectangle under the curve.

Note that the font and line width are larger in this example. That’s because the calculator is set to projector mode (using the wrench icon in the upper right corner).

Just the Tip of the Iceberg

I hope these examples have given you some small appreciation of the features that make Desmos so much fun to use and so effective as a teaching tool. This post could go on for a considerable length describing the cool features of Desmos, but I will stop here and encourage you to go try it out for yourself. Once you have tried out the calculator you’ll be ready to learn about teacher.desmos.com and the huge repository of activities that have been created and curated.

In my next post I plan to describe how Desmos is transforming the way that math is taught and experienced in the college classroom.

Comments