Easy PHP Word Cloud +How to

**romaan** · 29th February 2012

Hi,

I would like to share easy way to make word tag cloud using PHP,

I got the main logic for word cloud from Google Word Cloud code

as its noob friendly so I would like make it as easy as I can,

First you have to to make a CSS for your words

Code:

<style type="text/css">
.word-cloud {font-family: arial; font-size: 10px; }
.word-cloud-1 {font-size: 10px; color: #acc1f3; }
.word-cloud-2 {font-size: 14px; color: #86a0dc; }
.word-cloud-3 {font-size: 18px; color: #607ec5; }
.word-cloud-4 {font-size: 22px; color: #264ca2; }
.word-cloud-5 {font-size: 26px; color: #133b97; }
.word-cloud-6 {font-size: 32px; color: #002a8b; }
.word-cloud-7 {font-size: 36px; color: #071a41; }
.word-cloud-8 {font-size: 40px; color: #081122; }
.word-cloud-9 {font-size: 44px; color: #000000; }
</style>

so the smallest word size is 10px and largest is 44px

Code:

$factor = 0.5;
$starting_font_size = 10;
$tag_separator = '&nbsp; &nbsp;';
$max_count = count($response);

in PHP you have to defined the factor and and max response, where $reponse is a two dim array having word and its count like

Code:

$response = array ( 0 => array (
                                 'Word' => 'PS3',
                                 'Count' => '50'
                                ) ,
                            1 => array (
                                 'Word' => 'ISO',
                                 'Count' => '50'
                                ) 
                         );

Now the calculation and display part

Code:

foreach($response as $key => $value )
{
        $weight = $value['Count'];
	$tag = $value['Word'];
	$x = round(($weight * 100) / $max_count) * $factor;
        $font_size = $starting_font_size + $x;
 	
	$class = 'class="word-cloud-1"';

	if($font_size <=20)
		$class = 'class="word-cloud-1"';
	else if($font_size <=30)
 		$class = 'class="word-cloud-2"';
	elseif($font_size <=50)
 		$class = 'class="word-cloud-3"';
	elseif($font_size <=65)
 		$class = 'class="word-cloud-4"';		
	elseif($font_size <=80)
 		$class = 'class="word-cloud-5"';
	elseif($font_size <=100)
 		$class = 'class="word-cloud-6"';
	elseif($font_size <=150)
 		$class = 'class="word-cloud-7"';
	elseif($font_size <=220)
 		$class = 'class="word-cloud-8"';
	else
		$class = 'class="word-cloud-9"';
			
	
          echo "<span ".$class.">".$tag."</span>".$tag_separator;
}

Code can be more optimize, as I use too many variables to explain in details, and used too many if conditions..

Sample Output :