Persons and Organizations (Original)

https://sf.relsci.com/Visualizations/davos (done with Raphael)

by Nivaldo

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/minified/jquery-ui.min.css">
<div id="_contentArea" style="background-color: #FFF;"></div>
<div style="width: 580px;">
    <div style="float: right;"> <a href="http://www.relsci.com" style="border: none;" target="_blank">
                <img src="https://sf.relsci.com/Content/Images/logolockup.png" alt="Relationship Science" title="Relationship Science" style="border: none;" />
            </a>

    </div>
</div>

JavaScript

$(document).ready(function () {
        var innerRad = 135.0;
        var outerRad = 220.0;
        var outerPad = 20.0;
        var center = outerRad + outerPad;

        var getPx = function (em) {
            var scopeTest = jQuery('<div style="font-size: ' + em + 'em; margin: 0; padding:0; border:0; font-family: ProximaNova-Regular;">test</div>');
            $('#_contentArea').append(scopeTest);
            var scopeVal = scopeTest.height();
            scopeTest.remove();
            return scopeVal;
        };

        var raph = Raphael('_contentArea', 595, 595);

        var centerFont = raph.raphael.svg ? '1.0em ProximaNova-Regular' : '20px ProximaNova-Regular';
        var companyFont = raph.raphael.svg ? '.7em ProximaNova-Regular' : '14px ProximaNova-Regular';
        var personFont = raph.raphael.svg ? '.7em ProximaNova-Regular' : '14px ProximaNova-Regular';
        var typeFont = raph.raphael.svg ? '.6em ProximaNova-Regular' : '12px ProximaNova-Regular';
        var centerPx = getPx(1.0);
        var companyPx = getPx(0.7);
        var personPx = getPx(0.7);
        var typePx = getPx(0.6);

        var data_array = [{'Source':'Muhtar Kent','Target':'World Economic Forum', 'Weight':10,'Type':'Directed','Relationship':'On Board'},{'Source':'Muhtar Kent','Target':'The Business Council', 'Weight':7,'Type':'Directed','Relationship':'Is Member'},{'Source':'Muhtar Kent','Target':'The Atlantic Council of the United States', 'Weight':7,'Type':'Directed','Relationship':'On Board'},{'Source':'Muhtar Kent','Target':'Council on Foreign Relations', 'Weight':6,'Type':'Directed','Relationship':'On Board'},{'Source':'Muhtar Kent','Target':'US - China Business Council', 'Weight':6,'Type':'Directed','Relationship':'Works For'},{'Source':'Muhtar Kent','Target':'Business Roundtable', 'Weight':4,'Type':'Directed','Relationship':'Is Member'},{'Source':'Muhtar Kent','Target':'Catalyst, Inc.', 'Weight':4,'Type':'Directed','Relationship':'On Board'},{'Source':'Muhtar...