#1 Edited by KZeni (87 posts) -

This augments the chat with a word cloud. It pulls the most frequently used words from the current chat messages (so they're relevant). It refreshes when the button is clicked, or it will update automatically when Live Cloud is enabled. Also, it's entirely client-side so it's adding a new view for your chat. It was rather neat to see games/things to do being suggested by the chat while watching the stream & it served as an unstructured poll of the chat as things rose to the top.

Check it out.

You can go here to give it a try: http://kzeni.com/gb-chat-cloud.html (no code required)

Also, there's a bookmarklet on the bottom of that page that you can use to apply the tag cloud to GB chat (it has the code in the link so you can apply it to the chat when you're on the page & click on the bookmarklet). That means you can use giantbomb.com/chat, click the bookmarklet you saved, and enjoy this feature.

As a bonus... Vinny's pushups, Drew's pushups, and just before Alexis' pushups.

It removes common words (not totally refined yet), and it hides any words less than 10% the frequency of the most frequently used word (so it doesn't become a mile long & gives emphasis when there's something being used a lot). Also, resizes when your mouse is/isn't over it so it doesn't take up room in chat when you're not using it.

Made it for fun, but feel free to use it! I took the quick route when it came to the chat's tabs (as in, I totally ignored them, lol) so that would probably need to be addressed (could be a simple adjustment). Wanted to share this neat little thing. It was mentioned off-hand, but it honestly is interesting to see!

I've since edited this so there's now an auto-refresh toggle! Should mention it's always expanded to show all words when enabled.

The actual code.

This was built to work if you simply copy & paste this code into your browser's console: https://gist.github.com/KZeni/7294999 (the CSS would otherwise be done a different way, of course). The ignored (common) word list would be improved too, but that comes with refinement (for example, "yes" & "no" are common but they were decidedly left in as they can come into play during chat polls).

#2 Edited by Salabrin (44 posts) -

This is pretty cool man! Good job :D

#3 Posted by Mendelson9 (402 posts) -

Awesome, works in Chrome. Ctrl + Shift + I to bring up Console, then copy/paste code directly in and hit enter.

#4 Edited by BeachThunder (11989 posts) -

How does one do this in FF?

#5 Posted by MB (12510 posts) -

There's also this

http://giantbomb-wordcloud.ma.pe/

Moderator
#6 Posted by KZeni (87 posts) -

@beachthunder: Firefox has its Console accessible by right-clicking on the page & going to "Inspect Element" to show the developer tool. There's a "Console" tab on the panel/window that opened. There's a text box at the bottom of that console view where you can paste the code in & press enter. Should update the page right then & there.

#7 Posted by BeachThunder (11989 posts) -

@kzeni said:

@beachthunder: Firefox has its Console accessible by right-clicking on the page & going to "Inspect Element" to show the developer tool. There's a "Console" tab on the panel/window that opened. There's a text box at the bottom of that console view where you can paste the code in & press enter. Should update the page right then & there.

Ah, of course. I remember doing that for Cookie Clicker :P

#8 Edited by KZeni (87 posts) -

Know what? Setting up a standalone page is no problem at all. You can just go here to use it: http://kzeni.com/gb-chat-cloud.html (no coding required). I've updated the main post.

I simply saved the chat page's source, added the script to it, and uploaded it. You can still use the console trick if you want to be on the official GB chat page.

*EDIT* I've updated both the code snippet & the live demo page so that there's an auto-refresh button now. Also, did some refinement to the ignored words.

*EDIT #2* I've added a bookmarklet to the demo page so you can apply this to the official chat with a single click. Restructured the original post as well to include these updates.