It's been great to see that a lot of users are publishing live Many Eyes visualizations on their own blogs and web-sites. Users have been telling us that it's a great way to engage their readers.
We've also heard that some of the controls don't appear on the live visualizations. After a little bit of investigating, we've found that changing the width and height dimensions of the live visualization can impact whether the controls appear partially, completely, or not at all. Until we get to making changes to the code to address this, we thought it might be a good idea to provide an easy work-around.
Steps to ensuring the Live Visualizations you share provide full interactivity:
- Under every visualization you'll see a "share this" button. Click that button.
- There is a string that appears under "Live visualization" which you can copy and paste into your blog or website.
- Make sure you select the "small" radio button (which is the default).
- Copy the string.
- Paste the string into a text editor (Notepad, for example).
- You'll see a string that looks like this (but somewhat longer)... "<script type=... .js?width=425&height=350"></script>"
- At the end of the string is the default width and height settings, which in the small live visualizations default to "width=425&height=350".
- Change those dimensions to the optimal dimensions shown for each visualization type in the list below.
- Paste the modified string into your blog/website.
|Stack Graph for Categories||527||450|
|Treemap for Comparisons||527||484|
|Word Cloud Generator||425||350|
And be sure to let us know when you use this feature!