API tools faq
paste
Advertisement
ekkis

Dot in icon

ekkis
Jun 29th, 2015
313
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.97 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <link rel="stylesheet" href="fonts/font-awesome.css">
  6. <style>
  7. #graph {
  8.     top: 0;
  9.     bottom: 0;
  10.     left: 0;
  11.     right: 0;
  12.     position: absolute;
  13. }
  14. </style>
  15.  
  16. <!-- START SIGMA IMPORTS -->
  17. <script src="../src/sigma.core.js"></script>
  18. <script src="../src/conrad.js"></script>
  19. <script src="../src/utils/sigma.utils.js"></script>
  20. <script src="../src/utils/sigma.polyfills.js"></script>
  21. <script src="../src/sigma.settings.js"></script>
  22. <script src="../src/classes/sigma.classes.dispatcher.js"></script>
  23. <script src="../src/classes/sigma.classes.configurable.js"></script>
  24. <script src="../src/classes/sigma.classes.graph.js"></script>
  25. <script src="../src/classes/sigma.classes.camera.js"></script>
  26. <script src="../src/classes/sigma.classes.quad.js"></script>
  27. <script src="../src/classes/sigma.classes.edgequad.js"></script>
  28. <script src="../src/captors/sigma.captors.mouse.js"></script>
  29. <script src="../src/captors/sigma.captors.touch.js"></script>
  30. <script src="../src/renderers/sigma.renderers.canvas.js"></script>
  31. <script src="../src/renderers/sigma.renderers.webgl.js"></script>
  32. <script src="../src/renderers/sigma.renderers.svg.js"></script>
  33. <script src="../src/renderers/sigma.renderers.def.js"></script>
  34. <script src="../src/renderers/webgl/sigma.webgl.nodes.def.js"></script>
  35. <script src="../src/renderers/webgl/sigma.webgl.nodes.fast.js"></script>
  36. <script src="../src/renderers/webgl/sigma.webgl.edges.def.js"></script>
  37. <script src="../src/renderers/webgl/sigma.webgl.edges.fast.js"></script>
  38. <script src="../src/renderers/webgl/sigma.webgl.edges.arrow.js"></script>
  39. <script src="../src/renderers/canvas/sigma.canvas.labels.def.js"></script>
  40. <script src="../src/renderers/canvas/sigma.canvas.hovers.def.js"></script>
  41. <script src="../src/renderers/canvas/sigma.canvas.nodes.def.js"></script>
  42. <script src="../src/renderers/canvas/sigma.canvas.edges.def.js"></script>
  43. <script src="../src/renderers/canvas/sigma.canvas.edges.curve.js"></script>
  44. <script src="../src/renderers/canvas/sigma.canvas.edges.arrow.js"></script>
  45. <script src="../src/renderers/canvas/sigma.canvas.edges.curvedArrow.js"></script>
  46. <script src="../src/renderers/canvas/sigma.canvas.edgehovers.def.js"></script>
  47. <script src="../src/renderers/canvas/sigma.canvas.edgehovers.curve.js"></script>
  48. <script src="../src/renderers/canvas/sigma.canvas.edgehovers.arrow.js"></script>
  49. <script src="../src/renderers/canvas/sigma.canvas.edgehovers.curvedArrow.js"></script>
  50. <script src="../src/renderers/canvas/sigma.canvas.extremities.def.js"></script>
  51. <script src="../src/renderers/svg/sigma.svg.utils.js"></script>
  52. <script src="../src/renderers/svg/sigma.svg.nodes.def.js"></script>
  53. <script src="../src/renderers/svg/sigma.svg.edges.def.js"></script>
  54. <script src="../src/renderers/svg/sigma.svg.edges.curve.js"></script>
  55. <script src="../src/renderers/svg/sigma.svg.labels.def.js"></script>
  56. <script src="../src/renderers/svg/sigma.svg.hovers.def.js"></script>
  57. <script src="../src/middlewares/sigma.middlewares.rescale.js"></script>
  58. <script src="../src/middlewares/sigma.middlewares.copy.js"></script>
  59. <script src="../src/misc/sigma.misc.animation.js"></script>
  60. <script src="../src/misc/sigma.misc.bindEvents.js"></script>
  61. <script src="../src/misc/sigma.misc.bindDOMEvents.js"></script>
  62. <script src="../src/misc/sigma.misc.drawHovers.js"></script>
  63. <!-- END SIGMA IMPORTS -->
  64. <script src="../plugins/sigma.renderers.customShapes/shape-library.js"></script>
  65. <script src="../plugins/sigma.renderers.customShapes/sigma.renderers.customShapes.canvas.js"></script>
  66. <script src="../plugins/sigma.renderers.customShapes/sigma.renderers.customShapes.webgl.js"></script>
  67. <script src="../plugins/sigma.parsers.json/sigma.parsers.json.js"></script>
  68. <script src="../plugins/sigma.parsers.cypher/sigma.parsers.cypher.js"></script>
  69. <!--
  70. <script src="../plugins/sigma.plugins.design/sigma.plugins.design.js"></script>
  71. -->
  72.  
  73. <script type="application/javascript">
  74.     var neo = {
  75.         url: 'http://localhost:7474',
  76.         user: 'neo4j',
  77.         password: 'nopass'
  78.     };
  79.     function customiseGraph(s) {
  80.         s.settings({
  81.             labelAlignment: 'inside',
  82.             edgeColor: 'default',
  83.             defaultEdgeColor: '#ff0000',
  84.             minNodeSize: 10,
  85.             maxNodeSize: 50
  86.         });
  87.         s.graph.nodes().forEach(function(n) {
  88.             n.color = '#8888FF';
  89.             n.size = 10;
  90.             if (n.neo4j_labels[0] == 'DMSys') {
  91.                 n.label = n.neo4j_data.System;
  92.                 n.icon = {
  93.                   font: 'FontAwesome',
  94.                   scale: 1.0, // size ratio of (icon / node)
  95.                   color: '#fff',
  96.                   content: '\uF130'
  97.                 };
  98.             }
  99.             if (n.neo4j_labels[0] == 'DMFile') {
  100.                 n.label = n.neo4j_data.Name;
  101.                 n.color = '#BB4444';
  102.                 n.size = 30;
  103.                 n.type = 'star';
  104.             }
  105.         });
  106.         s.refresh();
  107.     }
  108.  
  109.     setTimeout(function() {
  110.             sigma.neo4j.cypher(neo,
  111.                 'MATCH (n) OPTIONAL MATCH (n)-[r]->(m) RETURN n,r,m LIMIT 100',
  112.                 { container: 'graph', type: 'webgl' },
  113.                 customiseGraph
  114.             );
  115.         }, 3000
  116.     );
  117. </script>
  118. </head>
  119.  
  120. <body>
  121. <div id="container">
  122.     <div id="graph"></div>
  123. </div>
  124. </body>
  125. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!