2

3spots

Spotted on the web: blogging tools, RSS, social software, social bookmarking, web and web 2.0.

TagClouds Obervations, font sizes and colors

DOWN ⇣

Do you use ?

Some people may not like , I personally find them interesting, useful and aesthetically appealing even if they are not precis information. They can have different useful purposes, ma.gnolia icon for example uses it when adding a bookmark which I find a good idea as the most used ones are quickly accessible and as for the other tags, well I search though all the small ones ignoring the big ones.

ma.gnolia's bookmarklet tag cloud

But it may appear as lacking size contrast, that's the problem with most if them.

Now that companies, schools, specially libraries, have started using social bookmarking systems there will be a lot of clouds to style. It's started, soon I'll be styling one. So I've been in quest and peeping around. I remember seeing nice ones in blogs but when searching specifically for them... guess what?
Ha! I can't find them! :>
So if you happen to have created an original tag cloud, please leave a comment and the URL.

I had thought all services using tags had a global cloud for most active or most used tags, like at del.icio.us icon or connotea icon ... I even thought they all had a special page just for that. In fact most of them only have user tag clouds if not at all. So from today, I decided to bookmark the interesting ones using the tags ' + '. (and not '' in one word, unless it already been created by others, I'm not for making my tag list too long. Also when searching, would you type 'tag cloud' or tagcloud?)

Here are some keyword clouds I've crossed when searching.
(hover over the images to see where they come from and click on them to go there.):

blinklist tagcloud connotea tag cloudkeywordcloud yahoo news tag cloud tagcloud.com tagcloud web2.0 tag cloud hatena tag cloud newzingo's web 2.0 mind cloud
Also ZoomTags has some different color examples.

Now what can we notice here? They are all in alphabetical order, not by .
But which looks the best?
The (6th thumbnail) and 's(1st thumbnail) looks best to me. The tag sizes have a lot of contrast and use several colors.

For the tag sizes the more the calculations curve is stronger the more tag size contrast. In a graph it would look something like this, where the red line represents more size contrast:

Tag Cloud text size graphe
You can clearly understand this using generator. The less space between the smallest and biggest tag size the more boring. (here's BlinkList's, I'm not sure you can see it if your not registered.)

As for blinklist icon 's colors, if you peep in to the source code you will see that each letter is a different color (text generated using ).
An other nice way they use them is like if it represented the users thoughts:

blinklist_toughts user tag cloud
It shows what the user have been bookmarking recently, in what field of keywords his thoughts are.

connotea icon 's (2nd thumbnail) color use is nice too, it goes from bright red thought faded colors to blue. The redder the tags the more active, the bigger text the most used. Today was an 'avian flue' tag day. They use a global tag cloud on the main entry page, good looking and useful.

The 3rd image is by Mike Nott. I did not find any but I suspect it's based on search engines as the words: 'news', 'free', 'software' are the biggest.

Hover effects can bring a nice feeling too, not just only colors. If you hover over the tag cloud in my sidebar the tags become bold, I find it makes them feel dynamic(?) I had tried to also change their sizes but here, in a sidebar, I thinks it's too small.


But do we actually use Tag Clouds?
I found 83degrees icon : web2.0 software. Which uses it as a navigation menu.(via rashmi, thanks to zeevveez, see comments. )
Are the Tag Clouds on blogs used? Or are they just decoration? In the case of the one in the sidebar, I think of it as a 'though cloud' but I don't use the hyperlinks, do you?

I did not find any so I create a poll just for that. Please consider answering:


quimble icon Do you use Tag Clouds?


Other Tag-Cloudy stuff:

1000tags 1000tags.png icon have a nice tags cloud: "A project that aims to put to the test in its simplest form the viability of tagging as a way to advertise."

theadcloud have a tag cloud with city names: "theadcloud is a community-driven website where you can post free local classified ads on cities." (via TechCrunch)

3spots tag cloud02 The : Generates a tag cloud from a URL you enter. For this blogs it showed the HTML entity •bullet and the small triangle I use in my sidebar biggest....(?)

ning stupid things tag cloud ning icon 's all things stupid wish list by jenny. I like this one, it may not be very useful but it's quite funny. The actual biggest tags are: Internet Explorer and george w. bush.

googlecloud
let's you create your own Google tag cloud.

zoomclouds.com logo ZoomClouds: By zoomgroups.com logooomGroups A service that creates custom tag clouds from RSS/Atom feeds with a generator. Thanks you!(see comments)

You may also want to see:

⇡ UP


?

2/24/2006 | New | Edit | Add a comment

Links to this post:

sphere talkdigger whonu del.icio.us icerocket

Trackback URL: http://haloscan.com/tb/ycc2106/114082127387035880

Comments:

Blogger zeevveez
Since you've asked for original tag clouds here's mine:
I copied it from Blinklist to Photoshop and added a cloud filter.
You can also read what I wrote about Tag Clouds on my Blog.
http://qtsaver.blogspot.com/2006/02/tag-cloud.html
Blogger ycc2106
Nice links! Thank you, I'll update the post. :)
Anonymous RBA
You can use ZoomClouds (www.zoomclouds.com) to design your own on the fly, and if you want, actually use the service to take care of picking up the terms, keeping your cloud up to date and so on... Let me know how you like it!

Disclaimer: I am the lead engineer behind ZoomClouds.
Blogger ycc2106
Wow very nice generator! Thanks for the tip!
I'll update this post. :)
Anonymous Anonymous
A good plan is to calculate the quartiles for each obs.
The advantage of this is you can get 4 eqaul sized groups no matter how items you have tagged.

The is a cool SQL trick to do this at http://expertanswercenter.techtarget.com/eac/knowledgebaseAnswer/0,295199,sid63_gci978935,00.html

Where he mentions a version for percentiles. You can easily modify it to get 5 groups, 6 groups....

dave the G
Anonymous Jayme
That's too cool.

Add a comment



feedsharked blogtopsites keotag Blog Directory MyBlogLog <A HREF CLOUD>
Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License unless permitted.
AND PLEASE DO NOT HOTLINK UNLESS MENTIONNED!!!