CINXE.COM
Savile, John, 1545-1607. - Connection Graph - Social Networks and Archival Context
<!DOCTYPE html> <html> <head> <title>Savile, John, 1545-1607. - Connection Graph - Social Networks and Archival Context</title> <!-- Alchemy Javascript and Styles --> <link rel="stylesheet" type="text/css" href="https://snaccooperative.org/javascript/alchemy/0.4.2/styles/vendor.css"> <link rel="stylesheet" type="text/css" href="https://snaccooperative.org/javascript/alchemy/0.4.2/alchemy.css"> <script type="text/javascript" src="https://snaccooperative.org/javascript/alchemy/0.4.2/scripts/vendor.js"></script> <script type="text/javascript" src="https://snaccooperative.org/javascript/alchemy/0.4.2/alchemy.js"></script> <style type="text/css"> div#alchemy_box { height: 800px; } div#graph_controls { margin: 18px 0px 0px 24px; } </style> <!-- JQuery --> <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" integrity="sha384-aUGj/X2zp5rLCbBxumKTCw2Z50WgIr1vs/PFN4praOTvYXWlVyh2UtNUU0KAUhAX" crossorigin="anonymous"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script> <!-- Select Upgrades --> <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2-rc.1/css/select2.min.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2-rc.1/js/select2.min.js"></script> <link rel="stylesheet" href="https://snaccooperative.org/css/select2-bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- SNAC Styles --> <link rel="stylesheet" href="https://snaccooperative.org/css/snac.css?_=d4878f4ce077fa0a82d86d6ca6dc81a85faa5fc4"> <!-- SNAC Javascript --> <script src="https://snaccooperative.org/javascript/scripts.js?_=d4878f4ce077fa0a82d86d6ca6dc81a85faa5fc4"></script> <script src="https://snaccooperative.org/javascript/html2canvas.js?_=d4878f4ce077fa0a82d86d6ca6dc81a85faa5fc4"></script> <script src="https://snaccooperative.org/javascript/feedback.js?_=d4878f4ce077fa0a82d86d6ca6dc81a85faa5fc4"></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-CF5Y3HQ2TH"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-CF5Y3HQ2TH'); </script> </head> <body role="document"> <script> var snacUrl = "https://snaccooperative.org"; var restUrl = "https://api.snaccooperative.org/"; var laravelUrl = "https://snaccooperative.org/v2"; </script> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand active" href="https://snaccooperative.org"><span class="snac-name-header">snac</span></a><!--<span class="snac-fullname-header"> | social networks and archival context</span>--> </div> <div id="navbar" class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li><a href="https://snaccooperative.org/search"><i class="fa fa-search" aria-hidden="true"></i> Search</a></li> <li><a href="https://snaccooperative.org/browse"><i class="fa fa-address-book" aria-hidden="true"></i> Browse</a></li> <li><a href="https://snaccooperative.org/vocab_administrator/resources"><i class="fa fa-book" aria-hidden="true" aria-label="Resource Descriptions"></i> <span class="navbar-hideable"> Resources</span></a></li> <!-- --> </ul> <div class="navbar-right"> <ul class="nav navbar-nav"> <li><a href="https://portal.snaccooperative.org/about"><i class="fa fa-info-circle" aria-hidden="true"></i> About</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-question-circle"></i> <span class="navbar-hideable"> Help</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="https://snaccooperative.org/api_help"><i class="fa fa-fw fa-list" aria-hidden="true"></i> Rest API Commands</a></li> <!-- --> <li role="separator" class="divider"></li> <li><a href="https://snaccooperative.org/contact"><i class="fa fa-fw fa-envelope" aria-hidden="true"></i> Contact Us</a></li> </ul> </li> <!-- --> <li><a href="https://snaccooperative.org/login?r=https%3A%2F%2Fsnaccooperative.org%2Fvisualize%2Fconnection_graph%2F57055135%2F8347974"><i class="fa fa-sign-in"></i> Login</a></li> <!-- --> </ul> </div> </div><!--/.nav-collapse --> </div> </nav> <div class="container snac" role="main"> <h1>Savile, John, 1545-1607.</h1> <ol class="breadcrumb"> <li><a href="https://snaccooperative.org/view/57055135">Savile, John, 1545-1607.</a></li> <li>Connection Graph</li> </ol> <div id="alchemy_box"> <div id="alchemy" class="alchemy"></div> </div> <form id="graph_form" name="graph_form" action="?" method="GET"> <div id="graph_controls" class="row"> <div class="col-md-3"> <div class="checkbox"> <input type="hidden" id="constellationid" name="constellationid" value="57055135"> <label for="names" class="checkbox-inline"><input type="checkbox" id="names" name="names" onchange="toggle_names(this)" checked> Names</label> <label for="movement" class="checkbox-inline"><input type="checkbox" id="movement" name="movement" onchange="toggle_movement(this)">Movement</label> </div> </div> <div class="col-md-9"> <div class="radio"> <div class="col-md-3"> <h4>Relationships: </h4> </div> <label>Degree: </label> <label for="degree_1" class="radio-inline"> <input onchange="load_data()" type="radio" id="degree_1" name="degree" value="1" checked> 1 </label> <label for="degree_2" class="radio-inline"> <input onchange="load_data()" type="radio" id="degree_2" name="degree" value="2"> 2 </label> <label for="degree_3" class="radio-inline"> <input onchange="load_data()" type="radio" id="degree_3" name="degree" value="3"> 3 </label> </div> <label for="delta" data-content="Filter out smaller nodes" data-toggle="popover" data-placement="top">Show less</label> <!-- Flipped for UI convenience, so left = less, right = more --> <input type="range" id="delta" name="delta" min="0" max="20" step="1" value="5" style="width:300px;display:inline-block;vertical-align:middle;transform: rotate(180deg)"> <label for="delta" data-content="Show all nodes" data-toggle="popover" data-placement="top">Show more</label> <input type="button" class="btn btn-primary" id="graph_button" name="graph_button" style="margin-left:15px;" value="Apply Filter" onClick="load_data()"> </div> </div> </form> </div> <div> <script type="text/javascript"> <!-- $('[data-toggle="popover"]').popover({ trigger: 'hover', container: 'body' }) function lookup(dbid) { var the_url = 'https://snaccooperative.org/view/' + dbid; window.open(the_url, '_blank'); } function toggle_movement(e) { if (!e.checked) { alchemy.force.stop(); alchemy.conf.forceLocked = true; } if (e.checked) { alchemy.conf.forceLocked = false; alchemy.force.start(); } } function toggle_names(e) { if (e.checked) { d3.selectAll(".alchemy text").style("display", "block"); alchemy.conf.nodeCaptionsOnByDefault = true; } if (!e.checked) { d3.selectAll(".alchemy text").style("display", "none"); alchemy.conf.nodeCaptionsOnByDefault = false; } } function load_data() { $("#graph_button").prop("disabled", "true").val("Loading..."); $.get("https://snaccooperative.org/visualize/connection_data", $("#graph_form").serialize(), function(data) { $("#alchemy").html(""); alchemy = null; alchemy = new Alchemy(); if (typeof data == 'string') { $("#alchemy").html(data); } else { var config = { dataSource: data, forceLocked: false, directedEdges: true, nodeCaptionsOnByDefault: $("#names").prop("checked") ? true : false, nodeTypes: { "dgr": ["x0", "x1", "x2", "x3", "x4"] }, nodeStyle: { "all": { color: "#FFFFFF", borderWidth: 2, borderColor: "#CCCCCC", selected: { color: "#FFFFFF" }, highlighted: { color: "#FFFFFF" }, hidden: { color: "none", borderColor: "none" } }, "x0": { color: "#00CCCC", radius: 19, borderWidth: 2, borderColor: "#CCCCCC", selected: { color: "#00CCCC" }, highlighted: { color: "#00FFFF", borderColor: "#FFFFFF" }, hidden: { color: "none", borderColor: "none" } }, "x1": { color: "#66CC66", radius: 11, borderWidth: 2, borderColor: "#CCCCCC", selected: { color: "#66CC66" }, highlighted: { color: "#66FF66", borderColor: "#FFFFFF" }, hidden: { color: "none", borderColor: "none" } }, "x2": { color: "#CCCC00", radius: 6, borderWidth: 2, borderColor: "#CCCCCC", selected: { color: "#CCCC00" }, highlighted: { color: "#FFFF00", borderColor: "#FFFFFF" }, hidden: { color: "none", borderColor: "none" } }, "x3": { color: "#CC66CC", radius: 3, borderWidth: 2, borderColor: "#CCCCCC", selected: { color: "#CC00CC" }, highlighted: { color: "#FF66FF", borderColor: "#FFFFFF" }, hidden: { color: "none", borderColor: "none" } }, "x4": { color: "#CCCCCC", radius: 1, borderWidth: 2, borderColor: "#CCCCCC", selected: { color: "#FFFFFF" }, highlighted: { color: "#FFFFFF", borderColor: "#FFFFFF" }, hidden: { color: "none", borderColor: "none" } } }, edgeStyle: { "all": { width: 2 } }, nodeClick: function(n) { lookup(n.getProperties().dbid); }, initialScale: 1.0, initialTranslate: [0, 0] }; alchemy.begin(config); $("#graph_button").prop("disabled", false).val("Apply Filter"); if (($("#movement").prop("checked") === false)) { setTimeout(function() { alchemy.force.stop() alchemy.conf.forceLocked = true; }, 1500) } } }); return false; } $(document).ready(function() { load_data(); }); //--> </script> </div> <div class="footer footer-inverse"> <div class="container"> <div class="row"> <div class="col-md-4 footer-content"> <p class="text-center"> <img src="https://snaccooperative.org/images/paper_dolls_art2.png" alt="SNAC Cooperative Logo"/><br/> </p> <h4 class="text-center">Social Networks and Archival Context</h4> <p class="text-center" style="margin-top: 5px;"> <a href="https://twitter.com/snaccooperative" title="Visit us on Twitter"> <i class="fa fa-2x fa-twitter-square" style="vertical-align: middle" aria-hidden="true"></i></a> <a href="https://snaccooperative.org/contact" title="Contact us"><span class="fa-stack fa-sm"> <i class="fa fa-square fa-stack-2x"></i> <i class="fa fa-envelope fa-stack-1x" style="color: #000"></i> </span></a> <a href="https://portal.snaccooperative.org/terms_and_privacy" title="Terms and Information"><span class="fa-stack fa-sm"> <i class="fa fa-square fa-stack-2x"></i> <i class="fa fa-life-ring fa-stack-1x" style="color: #000"></i> </span></a> </p> </div> <div class="col-md-4 footer-content"> <p style="font-size: medium; margin-top: 30px;">SNAC is a discovery service for persons, families, and organizations found within archival collections at cultural heritage institutions.</p> </div> <div class="col-md-4 footer-content"> <div class="row"> <h4 class="">Sponsors</h4> <p> <a href="https://www.mellon.org" target="_blank">The Andrew W. Mellon Foundation</a><br> <a href="https://www.imls.gov" target="_blank">Institute of Museum and Library Services</a><br> <a href="https://www.neh.gov" target="_blank">National Endowment for the Humanities</a> </p> <h4 class="">Hosts</h4> <p> <a href="https://library.virginia.edu" target="_blank">University of Virginia Library</a><br> <a href="https://www.archives.gov" target="_blank">National Archives and Records Administration</a> </p> </div> </div> </div> </div> </div> <script> function setCookie(name,value,days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days*24*60*60*1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/"; } function getCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(";"); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==" ") c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } function eraseCookie(name) { document.cookie = name+"=; Max-Age=-99999999;"; } $(document).ready(function() { if (!getCookie("acceptprivacy")) $("#privacyDisplay").show(); }); </script> <div id="privacyDisplay" style="display: none; min-height: 30px; width: 100%; position: fixed; bottom: 0px; left: 0px; padding: 10px; background: #111111; color: #ffffff; z-index: 99999;"> <div class="row"> <div class="col-md-6"> We use cookies to understand how you use our site and to improve your experience. By continuing to use our site, you accept our use of cookies, <a href="https://portal.snaccooperative.org/terms_and_privacy">Privacy Policy and Terms of Use</a>. </div> <div class="col-md-6 text-right"> <button class="btn btn-info" id="privacyAccept" onClick="setCookie('acceptprivacy', 'true', 90); $('#privacyDisplay').remove();">Accept and Continue</button> </div> </div> </div> </body> </html>