You can find an example of such a thing in Awash in Data (https://concord.org/awash-in-data). I did this using R “bookdown,” the same system Grolemund and Wickham use in Use R for Data Science. (In fact, I found out about that system from looking at the book and thinking, “it would be great to do an e-book about CODAP and have it look kinda like this.”)
I bet that one could do a similar thing in Jupyter, but I haven’t tried it.
It’s pretty easy to do on Canvas if that’s your LMS. Here’s how to do it:
- Make your CODAP document and share it, then click the “Embed” tab in the sharing box and copy the “embed” code that appears.
- In Canvas, editing a page or assignment, use the “Insert” menu and choose “Embed” (currently a cloud-y icon). Paste the embed code into the box that appears.
- At this point, when you go to student view, you’ll see that the CODAP window is way way way too small. So switch from Rich Text to the HTML editor. Find the CODAP code. There, change
width
and height
to better values, like at least 800 and 600, or more if your students have enough screen space.
Hope this helps! Keep asking if it’s not enough!