Custom Node Renderer Gallery
Constellation Framework gives you complete control over the look and feel of your graph visualization. The display of nodes and edges is very flexible as you'll see in the following examples.
Creating a 3D Effect
The above example uses basic text to represent each node but adds color and a drop shadow for effect. Translucent grey edge renderers fade out in thin wedges to enhance the feeling of depth in this pseudo-3D graph visualization.
Mix and Match Renderer Styles
Multiple styles can be used in a single graph visualization. This image shows a simple node with text in a rectangle, another node with a stylized label with additional descriptive text below, and finally, a label combined with an image.
Expandable Node Renderers
The node highlighted above shows a text label and an image (blur and fade for emphasis). When the node is clicked, however, it expands to show a larger image and some additional descriptive text.
Interact With the Data
The screenshot above shows a custom node renderer that displays a plus sign when it has neighbours that aren't being displayed. Clicking on the node expands the view to show its neighbors and the plus changes to a minus.
Clicking again will withdraw the neighboring nodes from the visualization.