SVG 3D Tag Cloud jQuery plugin Example

A very small and CSS-less jQuery plugin for drawing a 3D, interactive, SVG based and fully customizable sphere tag cloud from an array of html links.

by Niklas Knaack

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/NiklasKnaack/jquery-svg3dtagcloud-plugin/master/js/jquery.svg3dtagcloud.js"></script>
<div id='tagcloud'></div>

CSS

@import url(//fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext);

body {
  background-color: #000;
}

JavaScript

var entries = [ 
   
    { image: 'http://nkunited.de/ExternalImages/icons/Basket.png', width: '50', height: '50', url: 'http://jquery-plugins.net/', target: '_top', tooltip: 'Lorem ipsum' },
    { image: 'http://nkunited.de/ExternalImages/icons/Briefcase.png', width: '50', height: '50', url: 'http://jquery-plugins.net/', target: '_top', tooltip: 'Dolor sit amet' },
    { image: 'http://nkunited.de/ExternalImages/icons/Brush.png', width: '50', height: '50', url: 'http://jquery-plugins.net/', target: '_top', tooltip: 'Consetetur sadipscing' },
    { image: 'http://nkunited.de/ExternalImages/icons/Calendar.png', width: '50', height: '50', url: 'http://jquery-plugins.net/', target: '_top', tooltip: 'Sed diam' },
    { image: 'http://nkunited.de/ExternalImages/icons/Camera.png', width: '50', height: '50', url: 'http://jquery-plugins.net/', target: '_top', tooltip: 'At vero' },
    { image: 'http://nkunited.de/ExternalImages/icons/Cassette.png', width: '50', height: '50', url: 'http://jquery-plugins.net/', target: '_top', tooltip: 'Nonumy eirmod' },
    { image: 'http://nkunited.de/ExternalImages/icons/Clock.png', width: '50', height: '50', url: 'http://jquery-plugins.net/', target: '_top', tooltip: 'Stet clita' },
    { image: 'http://nkunited.de/ExternalImages/icons/Cloud_Download.png', width: '50', height: '50', url: 'http://jquery-plugins.net/', target: '_top', tooltip: 'Justo duo' },
    { image: 'http://nkunited.de/ExternalImages/icons/Cloud_Upload.png', width: '50', height: '50', url: 'http://jquery-plugins.net/', target: '_top', tooltip: 'Ut wisi enim' },
    { image: 'http://nkunited.de/ExternalImages/icons/Coffee.png', width: '50', height: '50', url: 'http://jquery-plugins.net/', target: '_top', tooltip: 'Minim veniam' },
    { image: 'http://nkunited.de/ExternalImages/icons/Comments.png', width: '50', height: '50', url: 'http://jquery-plugins.net/', target: '_top', tooltip: 'Quis nostrud' },
    { image:...