Label Sphere

My first Google Gadget is at the top of the left column of my blog. I've seen label clouds around and they all used flash so I decided to write one in JavaScript. I figured it would be a good learning experience. This gadget uses JavaScript and jQuery to rotate divs around a single point. Depth is represented by changing the font size and opacity. You can add my gadget to your blogger layout by adding a new gadget and searching for either "Alex Dioso" or "Label Sphere".

I've also updated my .vimrc for use with JavaScript.

Comments

Jan Rifkinson said…
I love the idea of the label sphere & added the gadget to my blog except I see only a single line with all the labels jumbled one on top of the other. I'm no techie so I don't know what -- if anything -- I did wrong but I'd sure like to get the sphere thing up & running on my blog http://janrifkinson.blogspot.com/

Thanks
February 18, 2010 at 8:45 AM
Alex said…
Hi Jan, thank you for notifying me of this. The problem is that I developed the label sphere using Google Chrome and I didn't test any other browsers. I will let you know when it is fixed.
February 18, 2010 at 9:23 AM
Alex said…
Hi Jan, thanks again for notifying me of the bug in the Label Sphere. I believe I've fixed the problem, I tested it in Google Chrome 4, Firefox 3.6, and Internet Explorer 8.
February 19, 2010 at 4:11 PM
Aaron said…
It's not fixed for all browsers though. Many of my test environments have thrown up flags, including versions of Firefox prior to 3.6.

You need to build it to be more cross platform.
February 27, 2010 at 1:15 PM
Unknown said…
sip keren gan...
http://discbox.blogspot.com
March 31, 2010 at 2:48 PM
Alex said…
Hi Aaron, thanks for the tip. I'll have to improve my testing techniques.
April 11, 2010 at 9:05 PM
Anonymous said…
Great widget. I got really frustrated with the popular flash version as it never really worked properly or consistently. Yours is not as pretty as the flash one but at least it's reliable and works!
Thanks!
April 22, 2010 at 1:27 PM
The Blackmer Family said…
Thanks for a great gadget -- just added it to my blog. Question: is there a way I can get it to use all my labels? I have 17 or so right now, but the sphere shows only 10, even though I have the maximum number of labels set to 25.
June 2, 2010 at 9:58 AM
Alex said…
Thank you for your comment "Jarred, Angela, and Nathan". I will have to look into the problem you mention. It looks like the label sphere is only showing 10 labels for me as well. I'll post an update if I'm able to fix it.

Also I'll be updating the label sphere soon to allow for custom fonts and colors.
June 20, 2010 at 10:08 PM
Micah said…
Very nice! Thing is, I've been trying desperately to find one that is just a list (like the one you have lower left of your page), preferably alphabetical. Do you have one like that or know where I can find one?
July 1, 2010 at 11:27 AM
Alex said…
Ruth: The list of labels on the lower left of my page is the basic Label gadget. If you edit your profile and add a new gadget, the Label gadget is under Basics. And it does have an alphabetical sort option :-)
July 20, 2010 at 11:14 PM
Leonardo Marcio Fotografia said…
Estou usando o Sphere, porem me retorna "No Labels", onde errei?
August 13, 2010 at 12:19 PM
@kamato said…
i can i use/have html for ''label sphare?...tq..
August 26, 2010 at 2:32 AM
Cool Dude said…
Great widget sir. Thanks to share. But i want little changes. I just want to change its color. Will you tell me that how can i change its color? I have used this widget on my games blog. http://gamesfreeplayonline.blogspot.com/
Thanks in advance.
September 6, 2010 at 9:52 PM
Jayaraj said…
Dear Sir,
First i must thank u for providing such a Gadget. But the Label Sphere is not working in my blog. I am using Mozilla Firefox browser in Ubuntu. I have installed flash and Java. I am not able to add List of Labels to the Gadget.
What am i supposed to do ?
Thank you.
My Blog :
http://haindavabharat.blogspot.com/
January 13, 2011 at 2:47 AM
Jayaraj said…
Thank You Sir ....
Now my Label Sphere is workin ...
February 20, 2011 at 9:31 PM
Saya Garapan said…
This comment has been removed by the author.
May 24, 2011 at 10:23 AM
Anunturi Buzau said…
Great gadget. I post it on my blog Anunturi Buzau

Congratulation!
June 11, 2011 at 1:22 PM
BATTIST said…
Thanks very useful gadget! But What to if there is a big number of labels? will it work correct, like on my [url=http://best-betting-strategies.blogspot.com/]blog[/url]
June 4, 2013 at 10:44 AM
Valentina Boncheva said…
This comment has been removed by the author.
April 13, 2015 at 10:06 AM
Unknown said…
It was a great gadget but now blogspot doesn't allow to add it :( It there a way to fix it? Eager to use it on my blog. Thanks.
April 13, 2015 at 10:08 AM
Post a Comment

Popular posts from this blog

Run-time and design-time selection of a ViewModel using XAML

I've been working on a WPF project in Visual Studio 2010 and I came across a problem where Visual Studio would crash when I used the Document Outline while editing an XAML in the Design view. There seems to be several ways of solving this but all the methods seem to involve code either as a separate class such as a ViewModelLocator or in a code-behind using GetIsInDesignMode.
Here is a solution that uses (mostly) XAML. First, create a new ViewModel class that is a stub or mock. This class will also allow you to have some design-time data that won't crash Visual Studio. Then implement the following XAML to select between your main ViewModel and your mock ViewModel. The Blend XML Namespace ("d") is marked as Ignorable (only available during design-time) then AlternateContent is used to select the MockViewModel if the "d" namespace is available (design-time) and fallback to the MainViewModel (run-time).
Read more

Update to Label Sphere

I've finally had some free time to work on the Label Sphere. The new version should correctly color the labels according to your blog's color scheme on Chrome, Firefox, and IE 8. The new version has not been added to the Blogger gallery yet, but when it does get added I will post an update. To use the new version, add a new gadget to your blog, select "Add your own" and use the following URL

http://alexdioso.github.com/LabelSphere/LabelSphere.xml

I've also released the gadget under the GPL here

https://github.com/alexdioso/LabelSphere
Read more

Label Sphere v2

A reader pointed out that my Label Sphere wasn't working as advertised. I took a look at both our blogs and they both looked fine, then I realized it must be a browser issue. I looked again with Firefox and sure enough the labels were all stacked on each other at the bottom of the gadget. I made the mistake of only testing in one browser (Google Chrome).
The issue with Firefox was that the label container was collapsing, then JavaScript got a very small height for the container which resulted in a very small sphere. To keep the container from collapsing I added the following to the style of the container (as stated in the link):
overflow: hidden;
width: 100%;

For the sake of completeness I checked the Label Sphere using IE8 on my gf's computer (the only IE I can get on Arch Linux is IE6 and I've decided I don't want to support IE6) and sure enough IE8 had a JavaScript error about "Object doesn't support this property or method". This error occurred while…
Read more