Wordcloud in Canvas

[erlend_thune]

One of our instructors wanted wordclouds in Canvas. I've made a solution using Word Cloud Generator (GitHub - jasondavies/d3-cloud: Create word clouds in JavaScript. ) and Google spreadsheet to store the words. To use the functionality, follow the steps described here: PfDK.github.io/modules/wordcloud at master · PfDK/PfDK.github.io · GitHub 

[Bobby2]

You clever thing  @erlend_thune 

I'm going to give it a go. 

Thanks for the share.  

[lstickdo]

Very cool. We will be using it. 

[Boekenoogen]

This is a very nice tool. I will pass this on to others to see what kind of usage we can get out of this tool.

[ally_williams]

This is great! Thanks for sharing

[chasedimarco]

I wanted to post my experience in case anyone else has some of the difficulties I did. Here are some troubleshooting tips:

In Connect a Google web app to the spreadsheet, the first part ("Tools->Script editor") brought up an error message.

I figured I would try on FireFox since Chrome has been blocking a lot of my content and I can't figure out why (probably conflict with privacy/ad block extension). It seemed to work there. So I continued on. The rest of this section seemed fine with one adjustment. Number 4 (Finally, press "Deploy".) I think should be "Update" now.

So far, so good. I concatenate the URL as described in Display your Wordcloud section. I paste it into the browser and....

Loading screen of death. It just stuck here. I tried moving back over to Chrome, but it did the same thing with the additional text box asking if I wanted to Translate from Norwegian. After playing around with the URL for a while, I found there was an unneeded space. After deleting that, it seemed to bring up the test Workcloud.

I embedded it into the page, and the same error seemed to have occurred. I figured there was probably another space or other syntax error somewhere, but I'm not great at finding them. I just used an embed generator to spit out the correct code. This seemed to work fine. I'm hoping the extra code it added won't cause any problems down the line.

(style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="400px" width="600px" allowfullscreen></iframe>)

Hopefully that will help anyone else that runs into some of these issues!

[Bobby2]

You just taught me a 'thing' thank you  @chasedimarco . I knew about iframe generators but not embed code generators. Armed and dangerous now. 

[rachel_smith]

Hi Everyone,

I LOVE this "hack", and I have been using it in my online classes for several semesters.   Thanks so much for creating it 🙂

One Plea... Can you update the instructions now that Google has updated their script interface?  I was able to fix my broken link today since the button to access the Legacy editor is still there, but I'm assuming access to the old editor will go away at some point, and then.... I will be totally lost!

Thank you so much!

[lvrandle]

Hello, Is there any way to control the size of the text? Mine is really small. And on the phone, I can hardly see the words. Thanks!

[DeletedUser]

Can you give a full description of Wordcloud? I think I might use it for my school!

[103191]

Hi @erlend_thune 

May I know if this solution is still works?