Making a Great Desmos gif

Hi! It’s Halloween, and I’m loving the #mathoween graphs people are posting. Ever wonder how people are creating beautiful gifs of their graphs?

There’s gifsmos.com, but I haven’t found the image quality to be quite what I’ve been looking for.

Here’s my method for making pretty gifs:

  1. Take a screen recording with your slider speed set to 1x and only forward looping. (I have used both screencastify (on my PC) and QuickTime (on my Mac). I prefer QuickTime, but both are fine.) Make sure to take a little more than a full loop of your slider (more than 4 seconds.)
    slider loop
  2. Save the video file to your computer.
  3. Go to this site: ezgif.com and upload your video. It accepts most video formats.
  4. Since you set your slider speed to 1x, it should take exactly 4 seconds for your animation to loop back to its start. So specify start and end times to your gif that are exactly 4 seconds apart. (I usually just use 0 and 4, but you could use 5.2 and 9.2 or any start and end times that are 4 s apart.)ezgif settings
  5. Make any adjustments you may want using the menu they provide. I often crop, resize, and/or adjust the speed.
    ezgif options
  6. Download your gif by pressing the save button all the way to the right.
  7. All done!

Hope this helps you with your gif-making endeavors!

Advertisements

Stay Put! (When Labels Go Bad…)

It really has been way way way too long since I’ve written a blog post.  A lot has been happening in my life: namely a new child. And she is lovely. So lovely. But in the months leading up to her birth, life got uber crazy busy, and in the weeks after her birth, it was a challenge to get time for a shower, much less to write a blog post.

But, as things do, life has settled a bit, and lately, I’ve been doing some fun graphing. I hope to get back into blogging by writing some short posts on little hacks I use to make my graphs more beautiful, or more usable in a custom activity on teacher.desmos.com.

Today’s topic? Label positioning.

One of the things that I both love and hate (ok, maybe more like “am a little annoyed by”) is the auto-positioning labels in Desmos.

Why I love them: They automatically place themselves rather nicely, and get out of each others’ way as you move things around. For diagrams where there are a lot of moving parts that have labels, this is amazing.

Why I sometimes want to have them stay put instead: there are times when a graph looks WAY nicer if the placement of the labels is exact and unchanging.

So. Here’s how to take your labels from scattered, random placement to a beautiful layout (when that sort of thing matters).

label position 5

Here’s the hack. It’s so simple.

Did you know that when you turn off a point that is labeled, the label will remain positioned centered over that point? So if you want to have a label stay at a specific location, just put a point at that spot, then leave the label on, but turn the point off.

So in the first graph above, I only graphed each of those 8 points once. Each is labeled, but the labels place themselves automatically, leading to a scattered appearance.

label hack 0

In the second, I actually have 16 points graphed…8 which you can see around the circle, and 8 just outside that, where I’ve turned the labels on, but the points themselves off.

label hack

It’s a simple hack, but a great one.

Want to do the same for a movable point?  Same deal:

label hack 2

That’s it from me!  Happy graphing!

A Graphing and Learning Journey

After a little archaeologic research, I can tell you that my earliest saved Desmos graph is from March 26, 2014.  That’s just over three years ago.

I remember thinking then what a game changer Desmos was. I was stoked about how this could potentially transform teaching.  The graphs!  They were dynamic! And you could graph even non-functions. And the graphs were pretty!  I was truly in love and I thought about how finally (FINALLY!) my students could visualize the beauty and wonder of math in a way they had never been able to before.

This was going to change things for my students. I was 100% sure of it.

And I wasn’t wrong. But that’s not what I’m here to tell you about. 

What I never imagined was the profound impact using Desmos would have on my own mathematical understanding.

Through making more and more involved and intricate graphs, I have discovered myself learning how to do things I never ever imagined I would be able to.  And how did I learn it? Through a little bit of research combined with a whole lot of thinking, graphing, and playing.

Bear with me here for a quick walk down memory lane:

2014: A year of using Desmos to do teacher-y things I would normally have just used a TI calculator to do.  (plus a little more than TI does…like an awesome movable tangent line! Go Desmos!)

2015: A year of getting a little more creative with my graphs. A fish? With chomping teeth? Wowza. That’s some pretty sweet stuff. And check out the shading on that beach umbrella. Is it any wonder Desmos is my latest favorite thing?

2016: The year everything changed.

 

This pentagon construction? This is the graph that changed everything. This graph taught me more about using and writing parametric equations than I ever learned from a mathematics course.

Pentagon Construction (2)

And since then, I have continued to learn about parametric equations, about writing and composing functions, and about using sliders & lists to get some beautiful graphs:

cross sections - proportional rectangles

Ellipse

Heart Chain Reflect over Circle

Light Art

Lissajous

Non-Function AsymptotesParametric Butterfly

If you had told me in March of 2014, when I had saved my first graph, that in 3 years’ time I would be writing the equations for graphs like these, I would never have believed you.  And yet, it happened.

Desmos is not only a powerful learning tool for our students, it is a powerful learning tool for us, the teachers.

If you’re a math teacher, I challenge you to begin getting inspired to create graphs. There is so much to learn, all of which can enrich your content knowledge and help you to become a better teacher for your students! If you’re not a math teacher, but just like graphing for fun, keep at it!!!!!!!

Where can you get inspired?

  • Start following people on Twitter who are doing interesting mathy graphy things.
  • Check out Dan Anderson’s site: http://dailydesmos.com/.
  • Try some graphing challenges from learn.desmos.com.
  • Or? Look for inspiration in your daily life. Are you watching raindrops hit puddles? Maybe consider making ever-expanding concentric circles! Are you watching a bicyclist pedaling down the road? Try graphing the path the pebble takes!

For me, the next challenge is to make a tornado (at the request of a student.)  Keep an eye out for it on Twitter!

Happy graphing, people! And happy learning.


*link to the title graph.

Light Art

Changing the Domain of Polar Graphs

In today’s post: a work-around for specifying the domain of a polar functions. (hint: it involves a quick switch to parametric equations.)

What’s your favorite type of equation? I have always loved polar equations, but in the last year or so, parametric equations have taken polar’s place as #1.  This post may help to explain one of the reasons behind my change of heart.

Graphing polar functions is super fun. The curves polar functions generate are fun and unexpected. And when you graph them on Desmos, they’re simply stunning. But as of right now, you cannot specify the domain of a polar function on Desmos.  As far as I can tell, it will only draw polar graphs for values of θ from 0 to 12π radians:Polar Spiral

This suffices for many basic graphs, but even in the case of this spiral, it means that we aren’t seeing the whole picture.  For example, what happens when θ is negative? What about for larger values of θ? Continue reading

My Favorite Thing

It’s coming up on one year since I launched this blog, and in honor of the #MTBoSblogsplosion, I’m actually writing my 2nd post just this week.  It’s fitting that the prompt is “My Favorite Thing,” because that’s literally what this entire blog is all about.

I mean, don’t get me wrong, I have more than one favorite thing. I like cooking, baking, dancing, singing, mathing, drinking tea, breathing in the springtime air as the ground is just thawing.  I have lots of favorite things.

But ask my students what my favorite thing is and they will all, without hesitation, tell you it’s Desmos.  They’ve all come to expect that on Fridays I wear Desmos shirts.  And they pretty much think I spend all my free time playing on Desmos.  They also all know how to sing the Desmos song I wrote.  Well, it’s more of a “jingle.”  You can sing it too!  Here’s how you do it.  You sing in the highest note you can, with the most enthusiasm possible “Des-mooooos!”*

Adults also know Desmos is my favorite, but they’re skeptics and require some winning over (which usually just consists of them actually trying it). This fall I was fortunate enough to be a part of Desmos’s first ever Teacher Fellowship Cohort, where I had the opportunity to go out to Desmos HQ in San Francisco. People warned me: make sure it’s not like a time-share, where they’re just trying to sell you something. There are also people who think I’m just promoting Desmos so much because I must be getting something out of it.

Honey, please.

Desmos didn’t come find me. I sought them out. Continue reading

Illustrating Volumes of Solids with Known Cross Sections

My posts are few and far between these days.  I hope that changes soon, but for now, it’s just a post here and there when I can.  And today I can!  Let me share some fun Desmos-ing with you!

cross-sections-2

In this post:

  • A new Desmos feature: how to use labels!  
  • Attending to the clarity and usability of graphs.  
  • Fun cross-sectional solids graphs to play with!!  What could be better?

It’s no secret with my colleagues that I love Desmos.  For real. SO. MUCH.  And I love it when people ask me to help them look for Desmos graphs or activities for particular topics.

Which brings us to today. One of the calculus teachers I work with was asking me about whether I knew of any good Desmos graphs of rotational solids.  I sent him some awesome graphs made by Geoff Patterson.  Graphs that use such advanced math that my jaw drops with awe.  Seriously.  If you haven’t given his blog a look, do yourself a favor and check it out.  Pronto. Here’s a link: http://www.geoffofx.com/.

 

732203_orig
This picture is of one of Geoff Patterson’s creations. Image can be found at http://www.geoffofx.com/uploads/1/5/8/9/15895202/732203_orig.png

But what I didn’t know Continue reading

A Walking Machine

Hi everyone!  Due to an incredibly busy end to the school year and start to the summer, I’ve been MIA, with no new blog posts in a few months.  But I’m back.  This post is inspired by a gif my brother-in-law shared with me from Beautiful Engineering’s Facebook page.  Here it is:

tumblr_m2y9knsz7n1rsz0ajo1_500

In the comments, someone mentioned that it looked like one leg of a walking machine.

As soon as I saw it, I thought it looked like something I could create in Desmos.  So I did.  Here’s what I ended up with:

gifsmos

My best friends for this project were the Law of Cosines and parametric equations.

In order to trace the curve, I had to write nearly everything in function notation.  If you want to play around with any of the parameters, you can open the folders and try to make sense of it, but if there’s one thing I’m still learning, it’s how to make a Desmos graph that I can look back at later and understand.  For this graph in particular, what makes my work hard to follow is the fact that I wanted to make the yellow segments have variable lengths.  So each of their lengths is L1, L2, L3, etc. There was no good way to denote which length went with which segment, so I did what I could.  Either way, it was a lot of fun to put this together.

By changing some of the lengths of the segments involved, here are some of the other versions I ended up with.  Click the image to go to the graph.