(compatible with Cytoscape)
Other formats, compatible with Cytoscape.js
(network only) (network + colors/shapes) | Image with Legend | |
|
| Other Options |
|
| Image | |
|
| Legend | |
|
Sam_g18020 details <div class="modal" id="helpModal" tabindex="-1" role="dialog" aria-labelledby="helpModalLabel"> <div class="modal-dialog" role="document" style="width:1000px;height:800px;"> <div class="modal-content"> </div> </div> </div> <div class="modal" id="loaderModal" tabindex="-1" role="dialog" aria-labelledby="loaderModalLabel"> <div class="modal-dialog" role="document" style="width:1000px;height:800px;"> <div class="modal-content"> <div class="modal-body"> <div id="leafy_loader"></div> <p class="text-center text-muted" id="leafy_loader_text">Loading ... please wait ... </p> <p class="text-center" id="leafy_loader_close_btn" style="display:none"><button type="button" class="btn btn-primary" data-dismiss="modal" style>Close</button></p> </div> </div> </div> </div> <script src="/static/js/jquery.min.js"></script> <script src="/static/js/bootstrap.min.js"></script> <script src="/static/js/stupidtable.min.js"></script> <script src="/static/js/TweenMax.min.js"></script> <script src="/static/js/jquery.qtip.min.js"></script> <script src="/static/js/planet_loader.js"></script> <script>
function init_qtip() {
$('.qtip_tooltip').each(function() {
$(this).qtip({
content: {
text: function(event, api) {
$.ajax({
url: api.elements.target.attr('qtip_href')
})
.then(function(content) {
// Set the tooltip content upon successful retrieval
api.set('content.text', content);
}, function(xhr, status, error) {
// Upon failure... set the tooltip content to error
api.set('content.text', status + ': ' + error);
});
return 'Loading...'; // Set some initial text
}
},
show: {
effect: function() {
$(this).fadeTo(500, 1);
}
},
hide: {
effect: function() {
$(this).fadeTo(500, 0);
}
},
position: {
viewport: $(window)
},
style: 'qtip-bootstrap'
});
});
}
$(function () {
init_qtip();
$("#leafy_loader").html(get_loader_svg('loader_leafy'));
init_planet_loader('loader_leafy');
$('[data-toggle="popover"]').popover({container: 'body'});
$('a[data-target=#helpModal], abbr[data-target=#helpModal]').click(function(ev) {
ev.preventDefault();
var target = $(this).attr("href");
// load the url and show modal on success
$("#helpModal .modal-content").load(target, function() {
$("#helpModal").modal("show");
});
});
});
</script> <script src="/static/js/planet_pagination.js"></script> <script src="/static/js/planet_ajax_table.js"></script> <script type="text/javascript">
var csrf_token = "IjkxZjVjYjhlN2MzNmYwOTViMzUyZDIyNmFhNTQxMjUxODhjY2ZiMmIi.GkreWQ.H8eKRSbbwtdWuO_c2_CkmBdE-ts";
$.ajaxSetup({
beforeSend: function(xhr, settings) {
if (!/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type) && !this.crossDomain) {
xhr.setRequestHeader("X-CSRFToken", csrf_token);
}
}
});
</script> <script src="/static/js/bootstrap-slider.min.js"></script> <script>
$( document ).ready(function() {
$('#footer').hide(2000);
$('[data-toggle="tooltip"]').tooltip();
$('#cy-edge-score').slider({
formatter: function(value) {
return 'Cut-off: ' + value;
}
});
$('#cy-edge-score').on("slide", function(slideEvt) {
$("#cy-edge-score-value").text(slideEvt.value);
});
});
</script> <script src="/static/js/pablo.min.js"></script> <script src="/static/js/planet_svg_legend.js"></script> <script src="/static/js/XMLWriter-1.0.0-min.js"></script> <script src="/static/js/planet_xgmml.js"></script> <script src="/static/js/planet_svg.js"></script> <script src="/static/js/cytoscape.min.js"></script> <script src="/static/js/cytoscape-qtip.js"></script> <script src="/static/js/planet_graph.js"></script> <script>
$(document).ready(function () {
init_planet_loader('');
});
</script> </body> </html>
