Embedding Graphs with HTML

Avatar
Team Desmos
Follow

HTML Embed Code - what's this?!

The HTML embed code allows you to add the image of your graph into a blog, website (such as a wikispace) by copying and pasting it into a widget. 

When you click the Share button, you'll see an option to select Embed.

embedicon.png

By clicking the embed code, all the text in the box will be highlighted. Next, you can right click inside the box, select Copy from your browser's drop down menu.

Paste this code into source code your webpage (by clicking Control + V or right click and select Paste) and Save the page to view it in your browser. 

Note: The dimensions of your Desmos graph image will be 200 pixels by 200 pixels once displayed on your webpage. 

Questions? Email calculator@desmos.com

Have more questions? Submit a request

9 Comments

Date Votes
  • -1
    Avatar
    Andrew Hardy

    tried this, but sometimes cuts off the window when embedded, so some of my graph is not showing in the embedded image

  • -1
    Avatar
    Eepsmedia

    Hi!
    This embed is a link. Can I actually embed the calculator? I'd love to include dynamic graphs in an iBook; their "widget" mechanism looks like it would work. Alas, when I try it with this embed code, when you click, the user gets shunted off to the browser. I'd love to stay in the book (where my instructions are).

    Any ideas?

  • 1
    Avatar
    Eepsmedia

    Let me answer my own question: use an iframe, with the URL you get from desmos as the src attribute. This works great.

  • -1
    Avatar
    T Glenn Blakney

    this solution worked great! thank you so much! took a little trial and error, since I'm not really very good at programming, but I managed. really appreciate it!

  • 0
    Avatar
    IAnthonyIsAwesome

    In the embedded code, you should be able to change the number in the "width="200px"" to a different number to change the width.It should be the same with height.

  • 0
    Avatar
    Синиша Стаматовић

    In the code when I embedding

    <iframe frameborder="0" height="500px" src="https://www.desmos.com/calculator/awfzos5e8c?embed" style="border: 1px solid #ccc;" width="500px">
    </iframe>

     

    in the code missing </iframe>. Please correct this. Thank's.

  • 1
    Avatar
    Mrwuclassroom

    So when I embedded the graph it doesn't show the input panel....did I just not make it big enough or the embedded image does not include the input panel to make changes to the graph?

  • 0
    Avatar
    Samuel Sharpe
    Edited by Samuel Sharpe
  • 0
    Avatar
    Robert Foth

    Is there way for a saved graph to be updated with information and not change the embed code? Every instance we save it seems to generate a new link, but would I would like to happen is that the link stays the same. 

Please sign in to leave a comment.
Powered by Zendesk