Skip to Main Content

No Query Defined = Demo Data Used

Loading...

Plug-in Description

This plugin uses the D3 visualization library from d3js.org to render a network layout and has the following features:

  • Works with APEX versions >= 5.1.4 or standalone in every HTML page
  • Interactive customization wizard
  • Source data can be a XML string, JSON string or JavaScript Object (JSON)
  • Link directions are visible and self references are rendered in a nice way
  • Node sizes are calculated between given min and max values depending on the SIZEVALUE attribute in your source data
  • Node colors are assigned depending on the given COLORVALUE attribute in your source data - if you provide a IMAGE attribute for a node, then the image is used instead of a fill color
  • Optional tooltips depending on the given INFOSTRING attribute in your source data
  • If you have a node attribute called LINK, you can define on which event the URL should be called - default is dblclick - try it out by double clicking the node KING
  • Nodes can be pinned and the current positions can be saved and loaded to predefine a layout - optionally you can align the nodes to a grid when they are dragged around
  • Labels can be wrapped and placed after force end to prevent overlapping (optional, per default switched off)
  • With the lasso mode you can select nodes and implement a graphical multi select
  • The graph can be zoomed between the two configured min and max scale factors
  • There is a JavaScript API to interact with the graph (API reference), also including 12 events (node click, node double click, node contextmenu, node mouse enter, node mouse leave, link click, lasso start, lasso end, force start, force end, render end, resize)
  • All 12 events are available in APEX - the plugin region can be AJAX refreshed and triggers then also apexbeforerefresh and apexafterrefresh

Links:

Happy networking!

Ottmar