Die Cumulus-Tagcloud von Roy Tank ist eine der beliebtesten 3D-Tagclouds. Da sich schon mehrfach die Frage stellte, wie diese TagCloud auch in die eigene HTML-WebSite integriert werden kann, hier das entsprechende HTML von Google:Word Cumulus demogoogle.load("visualization", "1");// Set callback to run when API is, Die
Die Cumulus-Tagcloud von Roy Tank(oeffnet in neuem Tab) ist eine der beliebtesten 3D-Tagclouds. Da sich schon mehrfach die Frage stellte, wie diese TagCloud auch in die eigene HTML-WebSite integriert werden kann, hier das entsprechende HTML von Google(oeffnet in neuem Tab):
`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html> <head> <title>Word Cumulus demo</title> <script src="http://www.google.com/jsapi"></script> <script src="http://word-cumulus-goog-vis.googlecode.com/svn/trunk/wordcumulus.js"></script> <script src="http://word-cumulus-goog-vis.googlecode.com/svn/trunk/swfobject.js"></script> <script > google.load("visualization", "1");`
// Set callback to run when API is loaded google.setOnLoadCallback(drawVisualization);
// Called when the Visualization API is loaded. function drawVisualization() {
// Create and populate a data table. var data = new google.visualization.DataTable(); data.addColumn('string', 'Tag'); data.addColumn('string', 'URL'); data.addColumn('number', 'Font size'); data.addRows(7); data.setCell(0, 0, 'Brazil'); data.setCell(0, 1, 'http://www.youtube.com/results?search_query=brazil+fifa+world+cup'); data.setCell(0, 2, 2+2.5*10); data.setCell(1, 0, 'Italy'); data.setCell(1, 1, 'http://www.youtube.com/results?search_query=italy+fifa+world+cup'); data.setCell(1, 2, 2+2.5*8); data.setCell(2, 0, 'Germany'); data.setCell(2, 1, 'http://www.youtube.com/results?search_query=germany+fifa+world+cup'); data.setCell(2, 2, 2+2.5*11); data.setCell(3, 0, 'Argentina'); data.setCell(3, 1, 'http://www.youtube.com/results?search_query=argentina+fifa+world+cup'); data.setCell(3, 2, 2+2.5*4); data.setCell(4, 0, 'Uruguay'); data.setCell(4, 1, 'http://www.youtube.com/results?search_query=uruguay+fifa+world+cup'); data.setCell(4, 2, 2+2.5*4); data.setCell(5, 0, 'France'); data.setCell(5, 1, 'http://www.youtube.com/results?search_query=france+fifa+world+cup'); data.setCell(5, 2, 2+2.5*5); data.setCell(6, 0, 'England'); data.setCell(6, 1, 'http://www.youtube.com/results?search_query=england+fifa+world+cup'); data.setCell(6, 2, 2+2.5*2);
// Instantiate our table object. var vis = new gviz_word_cumulus.WordCumulus(document.getElementById('mydiv'));`// Draw our table with the data we created locally. vis.draw(data, {text_color: '#00ff00', speed: 50, width:600, height:450}); } </script>
</head> <body> <big>FIFA World Cup: Country appearances in the final four</big> <div>Demo for the word cumulus google visualization.</div> <div id="mydiv"></div>`CodeTEXT</html> `
Diese Tagcloud kann individuell ans System angepasst werden und basiert auf Flash und JavaScript. Die Konfiguration kann komplett über JavaScript vorgenommen werden.
Cumulus als Plugin für CMS
» WP-Cumulus für WordPress(oeffnet in neuem Tab)
» Cumulus für Drupal(oeffnet in neuem Tab)
statische Tagclouds generieren
Das Generieren einer statischen Tagcloud ist auch mit verschiedenen Tools möglich. Schöne Tagclouds zaubert zum Beispiel auch der Tagcloud-Generator von www.wordle.net(oeffnet in neuem Tab) hervor:
