Embedding Interactive Graphs in Haiku

I’m a big fan of the online graphing calculator at Desmos.com. My students and I use it all the time instead of graphing calculators because it is so much faster, and it is easier to enter functions. And now I just figured out that teachers who use Haiku can embed interactive graphs into their Haiku pages!

First, create a function with sliders. For example, in the function pane, enter y = m*x + b. Desmos will automatically ask you if you want to create sliders for m and b, so click “All”.


Next, copy the embed code Desmos provides by clicking on the “Share” button at the upper right (you have log into Desmos to access the Share feature).


Now go to the Haiku page where you want to embed the graph. Click “Add Content Block” and choose “Embed the Web”. Paste the code into the yellow box:


Haiku will say it doesn’t recognize the code, but go ahead and click “OK”. Give it a title and place your content block where you wish, then hit “Save”. You should now see your Desmos graph in its own content block. When your students click on it, it will load a fully interactive grapher!




Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s