All versions of this manual
X

 Linkurious Enterprise user manual

This is the user manual of Linkurious Enterprise.

The first two chapters titled Getting Started and Building Your First Graph Visualization will teach you the basics of using Linkurious Enterprise.

The following chapters are divided in themes. They go through the features of Linkurious Enterprise and explain how to apply them to successfully visualize graphs. It works both as a manual and a primer on graph visualization.

Just like our software, this guide assumes no prior knowledge of graph visualization techniques. If you read it thoroughly, you will be able to find valuable connections and structural patterns in your data, to improve your graph database, and to communicate your findings efficiently.

 First visualization

In this chapter, we will learn the basics of how to explore and visualize a graph database with Linkurious Enterprise.

About the dataset

This section of the manual and the following chapters are based on a dataset coming from Crunchbase. Crunchbase is a popular website that tracks the start-up ecosystem, especially companies and investors.

We have used Crunchbase to create a graph database of approximately 75 000 nodes and 250 000 edges. From this we have then created a subset of to focus on San Francisco Bay Area companies only. It contains 14 863 nodes and 47 090 edges. A graph contains 4 types of nodes:

Companies and investors are linked to cities by the HAS_CITY edge. Companies are linked to each other by the ACQUIRED edge. Investors and companies are linked to each other by the INVESTED_IN edge. Companies are linked to markets by the HAS_MARKET edge.

In order to follow this manual, we suggest you to download and install the dataset. Extract the archive and put its content in the folder [YOUR_NEO4J_FOLDER]/data/graph.db.

 First visualization: At first glance

Here is a look at the interface of Linkurious Enterprise.

Dashboard

The dashboard lists the visualizations created by the user. The following image is of a typical dashboard in Linkurious Enterprise.

dashboard

Workspace

The workspace allows you to explore the graph database and represent it visualization as a node-link diagram.

workspace

 First visualization: Create a new visualization

From the Quick-search bar

We can start to explore the data and get a quick overview of a node and its relations through the Quick Search bar. The Quick Search bar is accessible directly from the Dashboard. Here we will look for the Company Instagram.

Several matching results come up. We can select the one we are interested in and a visualization is created:

From New Visualization

An alternative is to create a new visualization by clicking on New visualization in the Dashboard.

We can now search for nodes and edges.

For example, if we want to look for the company Instagram, we simply type the name of any property associated with this node. Here, we type Instagram, which is the name of the company. Several results which contain the word Instagram in one of their properties are returned. We can click on the one that we're interested in.

Here we selected the company Instagram. The node appears in the graph area.

 First visualization: Inspect data

In order to view the different properties of a node, we click on it. Information immediately appears on the left side of the screen.

Here we can see that there is a node with the id #26389. It is called Instagram and has a Company category. Below we can see the various properties associated with the node.

For example the node has a country property with the value USA.

We can scroll down to see more properties or use the search bar to find a property.

Notice the number next to the node, it is the number of undisplayed edges.

Inspect edges in the same manner.

Display the connections of a node

Time to find out about the particular edges of a node. The easiest way to get that information is to double-click on the node we are interested in. Here we are interested in Instagram.

Now we can see some nodes that are connected to Instagram.

Notice the white halo around each node? All the nodes surrounded by the white halo are connected to the currently selected node (or nodes). In this case, all the nodes are connected to Instagram.

The lines between the nodes represent the edges. All the edges have a direction from one node to another (represented by an arrow).

If we click on a given edge, the properties of that edge will be displayed in the left panel.

 Custom actions

In this chapter we cover the following topics:

Custom action example

Custom actions allow to open URLs that can be customized using data from the graph.

Custom actions allows a scenario such as:

Opening SalesForce with a custom action

Creating and managing custom actions

Accessing the custom actions panel

The panel can be accessed through the workspace, by opening the main menu and selecting "Manage custom actions ...".

The panel is available only to users who are authorized to create and manage Custom actions.

Opening the custom action panel

Managing custom actions

From the Custom actions panel, a user may:

Managing custom actions

Creating a custom action

In order to create a custom action a user:

Creating a custom action

URL template syntax

A Custom action contains a URL template with one of more variables that are replaced by actual values provided by the context.

Example:

The following variables can be used in a URL template:

Several variables can be used in the same template (e.g. https://google.com/search?q={{node.city}}+{{node.country}}), with the constraint that "node" and "edge" variables cannot be mixed.

Variables

Node ID

By default, a custom action with a {{node}} variable will be available on all nodes. To make this custom action available only for Company nodes, use the following syntax: {{node:"Company"}}.

If multiple "Node ID" variables (or "Node property" variables) are used in a a single custom action, they need to all have the same node-category constraint (see example 3).

Examples:

  1. https://example.com/details?node={{node}}
  2. https://example.com/details?node={{node:"Person"}}
  3. https://example.com/node?id={{node:"Person"}}&name={{(node:"Person").name}}

Node property

By default, a custom action with a {{node.property_name}} variable will be available on all nodes. To make this custom action available only for Account nodes, use the following syntax: {{(node:"Account").property_name}}.

If multiple "Node property" variables (or "Node ID" variables) are used in a a single custom action, they need to all have the same node-category constraint (see example 4).

Examples:

  1. https://google.com/search?q={{node.firstName}}
  2. https://google.com/search?q={{node.firstName}}+{{node.lastName}}
  3. https://google.com/search?q={{(node:"Person")."First name"}}
  4. https://google.com/search?q={{(node:"Company").name}}+{{(node:"Company").city}}

Edge ID

By default, a custom action with a {{edge}} variable will be available on all edge. To make this custom action available only for Transaction edge, use the following syntax: {{edge:"Transaction"}}.

If multiple "Edge ID" variables (or "Edge property" variables) are used in a a single custom action, they need to all have the same edge-type constraint (see example 3).

Examples:

  1. https://example.com/edge_details?id={{edge}}
  2. https://example.com/edge_details?id={{edge:"Transaction"}}
  3. https://example.com/edge?id={{edge:"Transaction"}}&amount={{(edge:"Transaction").amount}}

Edge property

By default, a custom action with a {{edge.property_name}} variable will be available on all edge. To make this custom action available only for Transaction edge, use the following syntax: {{(edge:"Transaction").property_name}}.

If multiple "Edge property" variables (or "Edge ID" variables) are used in a a single custom action, they need to all have the same edge-type constraint (see example 5).

Examples:

  1. https://google.com/search?q={{edge.amount}}
  2. https://google.com/search?q={{edge.amount}}+{{edge.date}}
  3. https://google.com/search?q={{(edge:"Transaction")."credit card"}}
  4. https://google.com/search?q={{(edge:"Transaction").country}}+{{(edge:"Transaction").amount}}

Visualization ID

Examples:

  1. https://example.com/details?viz={{visualization}}
  2. https://example.com/details?viz={{visualization}}&node_id={{node}}

SourceKey

Examples:

  1. https://example.com/details?source={{sourceKey}}
  2. https://example.com/{{sourceKey}}/{{node:"Company"}}

Base URL

Examples:

  1. {{baseURL}}workspace/new?key={{sourceKey}}&populate=edgeId&item_id={{edge}}
  2. {{baseURL}}workspace/new?key={{sourceKey}}&populate=nodeId&item_id={{node}}
  3. {{baseURL}}plugins/my-plugin/show?key={{sourceKey}}&node={{node}}

Set of node IDs

By default, a custom action with a {{nodeset}} variable will be available on all nodes. To make this custom action available only for Account nodes, use the following syntax: {{nodeset:"Account"}}.

Example:

  1. http://example.com/nodes?ids={{nodeset}}
  2. {{baseURL}}plugins/my-plugin/show?nodes={{nodeset:"Company"}}

Set of edge IDs

By default, a custom action with a {{edgeset}} variable will be available on all edges. To make this custom action available only for HAS_ACCOUNT edge, use the following syntax: {{edgeset:"HAS_ACCOUNT"}}.

Example:

  1. http://example.com/edges?ids={{edgeset}}
  2. {{baseURL}}plugins/my-plugin/show?edges={{edgeset:"HAS_ACCOUNT"}}

 Search

In this chapter, we will learn how to search nodes and edges with Linkurious Enterprise.

We will first look at how to search nodes and edges then we will be looking at different advanced search options Linkurious Enterprise provides.

 Search: Searching for nodes

We may have millions of nodes in our graph. What if we want to look at a specific node?

The first possibility is to use the Quick Search bar from the Dashboard.

The second possibility is to use the search bar in the Workspace once we have created a new visualization.

We can look for a node by typing the name of any of its properties. Here, for example, we look for the property Instagram. We see the list of suggestions that match our search.

The search can be applied to all the nodes in the database or to all the nodes in the visualization simply by switching from ALL to LOCAL

All the entries in the database containing the word Instagram will appear. These results are sorted by relevance.

For each result we can see:

When we click on the result of our choice, it will be added to the workspace. Now we can visualize it.

How it works : by default, Linkurious Enterprise indexes all the properties of your graph. If any property of a node matches your search, it will be returned.

For example, you could find the Instagram node by typing instagram, or USA or 2010-03.

The search bar in the Workspace provides an Advanced Search option not available through the Quick Search Bar of the Visualizations Dashboard. We can thus reduce the results to the category we are interested in. Those options are described in the Advanced search section.

 Search: Searching for edges

We may have millions of edges in our graph. What if we want to look at a specific edge?

The fastest way is to use the search bar in the Linkurious Enterprise interface after we have have created a new visualization.

By default the finder will be set to find all nodes in the database. To search an edge, we click on the Edges button after typing the search value. To search only the edges present in the visualization, we click on the LOCAL button.

The search for edges works exactly like the search for nodes.

We simply type what we are looking for. We see the list of suggestions that match our search.

In the search result, we can see that there is an edge that has the value 1925000 for the property raised_amount_usd.

We choose the result we are interested in by clicking on it. It is immediately added to the workspace where we can visualize it.

 Search: Advanced search

You're looking for a specific node or edge, and the search bar has returned too many results?

This usually means that your search query is not specific enough. You may want to narrow down your search by specifying a particular node-category or edge-type to search on, and by adding conditions on specific properties.

Example

Searching for a company that contains the string facebook in any of its properties returns a large number of results.

Let's try to narrow it down.

When we click on the Advanced link, a new menu appears:

In the footer of the advanced search screen, we see the number of nodes whose properties contain facebook (353), and we're able to review them by clicking through the result pages.

In the header, in addition to having the search text, we have the followings options:

Setting a scope

Adjusting the fuzziness

Specifying a node-category / edge-type

Adding a property-value filter

In our graph, facebook is categorized as a Company. We are going to click and type Company on the category filter button to restrict our search to the nodes that have the category Company.

We can now see the different results.

In our graph, a Company can have properties like category, country, first_funding_at or founded_at and more. Not all the nodes categorised as a Company will have all the properties, though.

In order to narrow down our results, we are going to search multiple properties at once. To find Facebook, we are going to look for a company that uses "facebook.com" as its homepage url.

Now when we type facebook, the results are filtered to show only the nodes that have the category Company and the value facebook.com for the property homepage_url.

We can see that the results are now filtered. We can now select the result we are interested in by clicking on the select box on the left side of the result, then on the ADD ALL button.

The same approach can be applied to searching for edges.

Linkurious Enterprise will look for exact matches for the values you enter in the search options menu.

 Search: Advanced syntax

Linkurious Enterprise offers a native user interface to do advanced search in the graph.

For advanced users, it is possible to directly use the search syntax in the search bar:

Syntax and examples

The search syntax accepts 3 expression types:

Value

Type

Property

More examples

Searching numbers and dates

Search on numbers and dates only works with Elasticsearch under specific conditions. If you want to set this up, please get in touch.

Authorized operators:

These operators must be followed by a number or an ISO date string (i.e. yyyy-mm-dd).

Examples:

 Manipulating the graph

In this chapter, we'll learn how to manipulate a graph, and more precisely the different options Linkurious Enterprise provides to explore and work on a visualization.

We will see how to select nodes and edges we are interested in and how to expand. Then we will learn how to hide them, how to apply a layout to the graph, how to pin nodes, how to undo/redo all actions and some useful shortcuts.

 Manipulating the graph: Select nodes and edges

The easiest way to select a node or an edge is to simply click on it. It is also possible to select multiple nodes at once.

To do so, click on More in the top menu.

Or right-click on the background.

By selecting the sub-menu Select, you have the following options:

The following options are also available in addition to the sub-menu Select:

Shortcuts are also available for this actions. See the list of Workspace shortcuts.

 Manipulating the graph: Expand nodes

Expanding nodes means displaying the nodes that are connected to one node or to a group of nodes.

We can expand nodes in different ways:

Both Expand buttons (actions panel and right-click) display the same options and a list of available neighbor categories.

If the expanded nodes have too many neighbors, it may however lead to unreadable visualization.

Linkurious Enterprise prevents us from adding too many neighbors at once by asking to filter the retrieved neighborhood. A safeguard popup will appear, providing options to select a specific edge type and neighbor category, to pick the most or least connected neighbors, and to change the maximal number of retrieved neighbors. We may bypass this limit manually.

Supernodes

When the number of neighbors of a node is bigger than the supernodeThreshold configured by the administrator (on the following example, 1000), the node will show on the badge an approximate value of connections followed by the plus signal.

Despite the behavior of a supernode being similar to the one of a regular node, it is not possible to expand multiple nodes at the same time when at least one of the selected nodes is a supernode.

As with regular nodes, we can expand supernodes in different ways. The only difference is that we will have a list of edge types instead of categories.

To avoid ending up with an unreadable visualization every time a supernode is expanded, a safeguard popup will appear, providing options to select multiple edge types, neighbor categories and maximum number of retrieved neighbors.

It is tempting to always add more nodes and edges to your visualization. Beware though, if you are not careful you may end up with too many nodes on your screen... and a worthless visualization.

In order to avoid that, remember to always think twice before adding more information to your visualization. The filters and the hide functionality are here to help!

 Manipulating the graph: Edge Grouping

Edge grouping is a feature that allows users to group parallel edges sharing the same type to make visualisations more readable.

Example: Consider the following visualisation, we would like to group all the edges which has the type INVESTED_IN.

The Edge grouping panel can be accessed by clicking on the following Icon on the right top of the screen.

The Edge grouping panel will open with the different edge types to group, in our example INVESTED_IN and HAS_MARKET.

By clicking (enabling) the INVESTED_IN button we will see that all the parallel edges with the same direction of that type are grouped in the visualisation as in the following figure.

Please note that the number in the caption appearing next to the edge type indicates the number of edges within that group.

 Manipulating the graph: Queries and templates

In this chapter, we will learn how to use queries and query templates:

Most graph databases support a query language that can be used to express pattern queries in the graph. For example, Neo4j supports Cypher and JanusGraph supports Gremlin.

The Cypher query language is similar to SQL, it can be learned from Neo4j's online documentation.

Running standard queries

Standard queries can be executed from the Query Management panel, that can be opened using the Magic wand icon in the top left corner of the workspace.

The following query returns all the cities that are connected to at least 3 companies and at most 100.

MATCH (city:City)<-[hasCity:HAS_CITY]-(company:Company)
WITH city, count(company) as score, collect(company) as companies, collect(hasCity) as hasCities
WHERE score > 3 AND score < 100
RETURN city, companies, hasCities

Running a standard query

Note that the Cypher query has to contain a RETURN statement. Only nodes and edges returned are displayed. Returned values that are not a node or an edge (such as the score in the previous example) are not displayed.

Running query templates

The following template returns, in the limit of "max", the "COMPANY" neighbours of the parameter node.

MATCH (n)-[edge]-(company:Company)
WHERE id(n) = {{"Node":node}}
RETURN edge, company
LIMIT {{"max":number:10}}

Running a query template

A query template accepts several types of variables:

Single-node query templates can be run on multiple nodes at once, the same way it is possible to expand multiple nodes at once.

Managing queries and templates

The Query Management panel is opened through the "Magic Wand" icon in the workspace. It contains 3 tabs:

open query modal

A user can view the details, execute and load in the editor:

A user can edit and delete:

shared query

Sharing queries and templates

Queries and Templates can be shared:

sharing a query

Queries and Templates can require a lot of computing resources from the database. Make sure to test your queries and templates properly and verify that you have enough computing power before sharing them. If overloaded, your database server may run slow or even crash, making the database unavailable, and Linkurious Enterprise unusable.

Creating a standard query

The Query Editor provides a place to create and validate queries before saving them.

The Preview allows to visualize the results of a query:

query preview

Creating a query template

A Template is a mix of code (Cypher or Gremlin) and placeholders for variables. The way to declare the variables is inspired by the "Mustache" templating language, using the double curly braces to mark the start and end of a variable declaration.

Example:

MATCH (n)-[e]-(m) WHERE id(n) = {{"My node":node}} RETURN e, m

Testing templates in the editor

When a Template variable is detected, a form is generated and displayed to the right of the query editor, allowing the template to be tested.

template testing

Query templates syntax

A variable is made of 3 terms separated by a colon (:), the first 2 being mandatory:

A Query Template can be made of:

When a Query Template consists of at least one node or edge variable, it is available through both the context menu and the Query Management panel.

When a Query Template consists of non-graph variables only, it is available through the Query Management panel only.

Single-node templates

When a query template that consist of one node variable and any number of non-graph variables:

running qudery templates from the node context menu

Two-nodes templates

using the shortest path bultin query

Multi-nodes templates

E.g. the following Template returns only the nodes that are shared neighbours to each and every node of the input nodeset:

MATCH (n) WHERE id(n) in {{"My nodes":nodeset}}
MATCH (n)-[e]-(m)
WITH m, collect(e) as edges, count(distinct n) as sharedNeighborCount
WHERE sharedNeighborCount = length({{"My nodes":nodeset}})
RETURN m, edges

using a nodeset variable

Single-edge templates

When a query template that consist of one edge variable and any number of non-graph variables:

launching an edge query template

Multi-edge templates

E.g. the following Template returns only the edges that share a node with the input edgeset:

MATCH (n)-[e:INVESTED_IN]-() WHERE id(e) in {{"My edges":edgeset}}
match (n)-[e2:INVESTED_IN]-(m) 
return e, e2, n, m

using an edgeset query template

Query templates variable types

node variable

Used to inject a single node ID in a graph query.

Examples:

nodeset variable

Used to inject a list of node IDs in a graph query.

Examples:

edge variable

Used to inject a single edge ID in a graph query.

Examples:

edgeset variable

Used to inject a list of edge IDs in a graph query.

Examples:

enum variable

Used to inject a string, numerical or boolean value in a graph query, from a list of choices.

Examples:

boolean variable

Used to inject a true/false value in a graph query.

Examples:

date variable

Used to inject a date-time in a graph query.

Example:

datetime variable

Used to inject a date-time in a graph query.

Example:

number variable

Used to inject a numerical value in a graph query.

Example:

string variable

Used to inject a string of text in a graph query.

Example:

env variable

Used to inject information about the user who runs the query into a graph query.

Example:

list variable

Used to inject a string or numerical array in a graph query, from a list of choices with the possibility of making multiple choices.

Example:

Access-rights considerations

There are 4 levels of permission associated with the queries and templates:

For Cypher: Any query or template containing the CALL statement will be evaluated based on the access mode (for more info, refer to documentation) of called procedure. A query or template will either be allowed or denied, depending on the access mode of the query/template and the access right of the user.

Queries and templates that write in the database can be shared with any user group, including those that were not granted "Write" permissions on any node category. Be considerate as to who you share queries with, and who has the right to share queries (see "Access Right" section in administration manual)

 Manipulating the graph: Lasso

It is possible to select the nodes within a particular area of your visualization. For that, Linkurious Enterprise provides a lasso.

To do so, click on More in the top menu or right-click on the background. Select Lasso.

Move the lasso around the nodes you are interested in selecting to select them.

You can also use the lasso by pressing the ctrl key (cmd on MacOS) while dragging with the mouse to draw the outline of the desired selection.

Release the mouse when you are finished and your selection is activated.

 Manipulating the graph: Hide

Your visualization is getting too complex and you may want to remove from a visualization (i.e. hide) a few nodes or edges from a visualization to make it easier to understand. Notice that hidden nodes an edges are not deleted from the database.

In the picture below, three nodes are selected. Simply click on the Remove icon to remove them from the visualization.

The three nodes are now removed from the visualization.

The Toggle Lasso option can be used to select the nodes we want to hide. We need to make sure the central node is not selected, otherwise all the edges connected to this node will also be hidden.

 Manipulating the graph: Layouts

Camera controls

At the bottom right of the workspace there are controls allowing to "Zoom in", "Zoom out", and "Locate", i.e. center the screen on the current selection.

Layout controls

Run a layout

Using a layout on the graph brings clarity. To refresh the current layout, right-click on the background, or click on the "More" menu at the top of the workspace, and choose "Refresh layout" in the context menu. To apply another layout, choose "Layout settings".

By default the layout is run automatically on the whole graph in some conditions, such as when an expand is performed. It is possible to switch to an "Incremental expand" mode in the Preferences (located in the workspace menu).

Force-directed layout

This is the default layout, enabled in "fast mode" option. You may turn this option OFF for better looking but slower results.

Hierarchical layout

The hierarchical layout organize nodes in different layers by aligning nodes of each layer vertically or horizontally. It produces a tree-like structure if there is a single root node (the node at the top of the tree):

You may choose a root node. You may choose the orientation, for instance "Top to bottom" places the root node at the top.

Radial layout

Radial layouts position nodes around the currently selected node (used as center of the layout) based on their graph-theoretical distance (shortest path in the graph). This is useful for revealing layers in data and for drawing the rest of the graph in its relation to the pre-defined focus node.

You must choose a root node.

Example:

 Manipulating the graph: Pinning nodes

It is possible to pin the nodes on your graph visualization. Pinning a node allows to fix it at a specific place on the graph.

To pin a node, we can either select Pin on the tooltip opened by right-clicking, or click on More in the actions menu.

A pin symbol appears on the node.

If we pin a node, this node will stay at the same place when we move the rest of the graph, for example using the force-directed layout option:

 Manipulating the graph: Undo/redo

You now have the possibility to revert your last action on a visualization.

You can revert only the last action you do in the visualization.

For example, after expanding a node, clicking the undo button (or using the shortcut ctrl-z or cmd-z on MacOS) will revert the expand by returning the graph to its previous state.

After reverting the expand, you can go back and re-run it by clicking on the redo button (or using the shortcut ctrl-y or cmd-y on MacOS).

We have now the same nodes in the same positions as before.

Some actions cannot currently be undone :

 Manipulating the graph: Shortcuts

Depending of your operating system, you will have to use the ctrl key (Windows, Linux) or the cmd one (MacOS) to trigger actions.

Camera

Selecting

Creating and Editing

Undo / redo

 Design

In this chapter, we'll learn how to adjust the captions, the colors and the sizes of nodes and edges. This will help you make your visualizations more meaningful.

All these features are available on the Design panel that can be open by clicking on the following icon on the right top of the screen:

The Design panel will open with the Styles and Nodes tabs pre-selected:

Styles set in a new visualization are automatically re-applied to newly created visualizations. Users can reset their styles to default styles at any time from the gear icon at the bottom-rigth part of the Styles or Captions panel.

Default styles

Default styles may be defined by an Administrator of Linkurious Enterprise. Users can then change these styles after creating or opening a visualization.

By default, every node category has a pre-assigned color.

 Design: Captions

Linkurious Enterprise lets you choose which properties should be displayed on the workspace next to every node and edge.

On the example below, only the names of the nodes are displayed by Linkurious Enterprise. In order to customize this, we need to open the Design panel and select the Captions tab.

On the Captions tab, we can see the different properties of the nodes in our graph. The Name property is currently the only one shown. Let's add then the Country to the visualization; to do so, we click on Country. This property is now added to the displayed properties listed in the red area.

The text displayed next to the nodes is now different: instead of Baseline Ventures we can see Baseline Ventures - USA.

The same approach can be used for the edges, whose list is available on the Edges tab.

Linkurious Enterprise will use the properties in the order they appear in the list. By placing the cursor on one property already in the caption list, we have the possibility to change the order or to remove properties.

If a node doesn't have a property, Linkurious Enterprise won't show a caption for that property for that node.

 Design: Nodes color

If all your nodes or edges have the same color, it is difficult to distinguish them without looking at their individual properties. A great way to solve this is to color the nodes according to a certain category or property.

For example, our nodes with category Company may have a Country property that we would like to highlight; Linkurious Enterprise enables us to color the nodes according to a particular property, here Country.

This way, a French and a German start-up will have different colors despite having the same category; it will be easier to distinguish them visually.

In the picture below, we see that the start-up Twitter is connected to many investors. At first glance we have no idea where these investors are coming from.

Let's open the Design panel on the right corner of the screen and hit the Styles tab.

We can see all the node categories and, clicking on them, we can see their properties and property values.

Clicking on the desire property we can see all the values from the nodes in the visualization; from here, in two steps, we can change the color based on a value:

  1. Click on the color icon

  1. Select one color from the list or insert one other color on the input using the color name (e.g. blue), its hexadecimal color code (e.g. #0000FF) or its rgb, rgba (e.g. rgb(0, 0, 255), rgba(0, 0, 255, 1))

We repeat the process until we have a new color for each value:

All the nodes that do not have the property or none of the values for which we applied a rule will remain with the color of their category.

 Design: Edges color

Coloring edges works exactly the same as coloring nodes.

We only need to click on the Edges tab of the Design panel and choose a given color based on the type of an edge or the value of an edge property:

 Design: Nodes size

By default all the nodes have the same size.

It is possible to apply different sizes to nodes depeding of their categories and/or property values. This way it is possible to differentiate nodes with a specific category and/or property.

This works similarly to the coloring functionality of Linkurious Enterprise. Coloring and sizing can be combined to make powerful visualizations.

For example Andreessen Horowitz is a leading VC firm with 187 edges to different companies it has funded. Which company has received the biggest funding? Hard to know by simply looking at this graph:

We are going to size the different companies according to their funding_total property in order to visualize which ones are the most successful.

We click on the upper right corner to open up the Design panel. We open the Company category and the funding_total property.

Linkurious Enterprise can size the nodes according to any property.

We want to set the size on the node with the biggest funding_total. To do so we need to see all the values and apply a size on the last one.

  1. Click on the size icon

  1. Select one size from the list

Now we can see that the majority of nodes continue showing the standard size and the nodes with the biggest value has a different size.

The larger node represents "Pinterest". We can quickly identify it as the most successful investment of investor "Andreessen Horowitz".

 Design: Edges size

Setting sizes on edges works exactly the same as setting sizes on nodes.

We only need to click on the Edges tab of the Design panel and choose a given size based on the type of an edge or the value of an edge property:

 Design: Icons

Linkurious Enterprise allows you to change the appearance of nodes by adding icons, letters or numbers.

We open the Design panel and choose the Styles and Nodes tab:

We can now see all the node categories and apply an Linkurious Enterprise icon, letter, number or custom icon to each one of them in three steps:

  1. Click on the + icon for a given category

  1. Select the desired library (Linkurious Enterprise icons library, letters, numbers or custom icons)

See how to add custom icons on our administrator manual. After adding the desired images they will be visible on the custom icons section and can be applied like a regular icon.

  1. Select an Linkurious Enterprise icon, letter, number or custom icon to apply

It is also possible to apply icons based on node property values.

In the example above, we have chosen 4 different icons to differentiate the nodes according to their category:

 Filters

In this chapter, we will learn how to filter the nodes and edges within a visualization according to their category/type or property values.

This technique will help you to focus on the relevant information in your graph and avoid information overload.

 Filters: Filter panel

Overview

Open the Filter panel using the funnel icon in the top-right corner. It contains:

Property types

The type of a property is represented with the icon next to the property name.

There are 5 possible types:

If the property type was not set in the Schema, it was automatically detected by the visualization as a String or a Number property.

If it is not detected as the correct type, you may change it by clicking on the type icon.

Filter on node-categories or edge-types

Click on the toggle button next to a category to hide all the nodes matching that category.

All "hidden" nodes are displayed in light grey in the visualization.

Click the toggle again to show those nodes again in the visualization.

Filter on properties

To filter on properties, unfold a property in the category tree. Filtering options depend on the property type.

Filter on String

For a String property, all values found in the visualization are listed. For each value:

Also a "Missing values" row is displayed when some nodes don't have that property.

Filter on Enumerations

Enumerations accept only the authorized values declared in the Schema. All other values are considered as "invalid". Nodes that don't have the property are considered as "missing values".

Filter on True/False

True/False accept only "true" and "false" values. All other values are considered as "invalid". Nodes that don't have the property are considered as "missing values".

Filter on Number

The chart displays all the property values taken by the nodes that hold a value for that property.

By clicking on the "+" icons, you can filter based on the property value by adding a lower bound and/or an upper bound:

It is possible to:

Nodes in the visualization:

It is possible to hide all nodes that have a missing value or an invalid value. They are displayed by default.

Filter on Date or Datetime

Date and Datetime properties can only be filtered using the Timeline.

 Filters: Timeline

The Timeline is available if at least one property has been set as Date or Datetime property by the administrator in the schema.

The Timeline panel can be open through the "clock" icon in the upper right corner of the workspace.

The Timeline displays the distribution of values of one or multiple properties at once.

In the top left corner of the panel is displayed the list of properties being plotted in the Timeline. You may change the list of selected properties by clicking on the "Modify" button next to that list.

At the bottom right, the zoom level allows to change the step of the histogram.

It is possible to filter nodes and edges holding the properties selected in the Timeline by adding a lower bound and/or upper bound using:

To remove a bound, clear the corresponding date picker.

Some statistics are displayed on the right-hand side of the panel:

 Edit data

In this chapter, we will learn to edit, add and remove nodes or edges to our graph.

 Edit data: Edit properties and categories

Nodes are made of one (or multiple) categories, and a set of properties. Edges are made of one type, and a set of properties.

Properties are simple key-value pairs (e.g. name: "James", age: 31).

Node categories are used to tag a node (e.g. Company). Some graph databases (e.g. Neo4j) support multiple node categories.

Edge types are used to define the nature of an edge (e.g. FRIEND_OF).

Editing a node (resp. edge) allows for 3 kinds of actions:

  1. Add / remove a node category
  2. Edit an existing property
  3. Add a new property

Editing permissions are related to the configuration of Access Rights. If you are not able to edit a node (resp. an edge), see a specific property, or perform one of the above actions, please get in touch with your administrator.

It is a limitation of most graph databases that the type of an edge cannot be edited once the edge has been created.

Editing a node / edge

If we select a node or an edge, we can edit it by right-clicking on it or clicking on the More option in the Selection panel. An Edit option is displayed in the context menu unless you are not authorized to edit that node (resp. edge).

Next, we click on Edit, which will open the node or edge edit modal.

Node edit modal

Edge edit modal

Adding and removing a category

Only available on nodes

To add a category to a node we need to type the desired category. After typing the first character, categories already present in the database that match will be shown. The first option on the list is to create a new category with that name.

A node needs at least one category. It's impossible to create a node without one.

To select one category (even new), we need to click on the list. If the input changes its color to green, your choice has been accepted. Next, we click on the Add button and, if we want to save the changes, on the Save button.

To remove a category, we need to click on the cross on the right side of the category.

If a node only has one category, it cannot be removed.

These changes will only be saved after clicking on the Save button.

Note: edges can only have one type, therefore it is not possible to either add, remove or replace an edge type.

Adding, Editing or Removing a property

Editing an existing property

To edit an existing property, we only need to change its value. An administrator has the ability to configure the type of a property:

If no type was configured for the property, it's considered as a Text property.

When editing a property, failure to input a value corresponding to the property type results in an error when trying to save. Once a valid value is input, click on the Save button.

Invalid values

When the value saved in a property is inconsistent with the type declared by the administrator, a warning is displayed. In order to edit this value:

Property type conflict

When nodes have multiple categories, properties might be configured so that a single property has 2 conflicting types. For example if the administrator configured:

In such as case, a warning is displayed and the user is not able to edit the property until the administrator resolves the conflict.

Adding a new property from the node edit modal

To add a new property, we need to fill in the name of the property and provide a value new_property, and new_property_value, for example--and click on the Add button.

This property does not have a type yet and so will be considered to have the Text type.

Removing a property

To remove a property, we only need to click on the Delete button. You cannot delete properties that have been marked as mandatory by an administrator. Mandatory properties have a red asterisk.

The edge edit modal works exactly the same way

Adding a new property from the Schema

 Edit data: Create nodes and edges

The easiest way to create a node or an edge is to right-click on the background or click on the More option in the top menu.

For edge creation, we can select one or two nodes and right-click on one of them to automatically use the selected nodes as source and target.

Create a node

First we need to select or create a new category for the node using the marked input.

When we begin typing compa the category Company appears on the list along with the option to create a new category named compa.

Let's select Company and click on the Add button. The company is then added, and since a category is already present in the database, the properties list will be filled with those properties already on Company nodes.

We can now fill the desired properties or create new ones at the end of the list and click the Save button to add the new node to the visualization.

The new node is now saved and added with the inserted data. The node is also automatically selected.

Create an edge

The easiest way to create an edge between two nodes is to select them and then right-click on one of them or on the More option in the selection panel.

After clicking on Create Edge the edge creation modal will open with three important fields:

Since we already selected two nodes, the target and the source are automatically filled. Using the opposite arrows on top, it is possible to switch between source and target. If we open the edge creation modal without any node selected, we can use the source or target inputs to search for nodes present in the visualization.

Next, we need to select a type for the edge (unlike with node creation, in edge creation type is required). Clicking on the type input will show all types present in the database. Let's select HAS_CITY

As with nodes, we can add as many properties as we want to an edge. When we are done, we click on the Save button.

Finally, we can see in our graph our new edge:

It is also possible to create a new edge without selecting any node by right-clicking on the background or by clicking the More button in the top menu.

 Edit data: Delete nodes and edges

Delete nodes

If we want to delete one or more nodes from our database, we need to select the nodes we want to delete and right-click on one of them or on the More option in the selection panel.

After clicking Delete x node(s) from database a confirmation modal will appear.

After clicking on Confirm, the node will be deleted from the database.

Delete edges

If we want to delete one or more edges from our database, we need to select the edges we want to delete and right-click on one of them or on the Delete option in the selection panel.

After clicking Delete x edge(s) from database a confirmation modal will appear.

After clicking on Confirm, the edge will be deleted from the database.

 Geography

In this chapter, we will learn how to display graph data on a geographic map.

 Geography: Geographic data

Nodes must contain geographic coordinates as properties. Latitude and longitude data must be expressed in decimal degrees (e.g. "38.8897,-77.0089") as available in many geographic information systems (GIS).

The Administrator should configure which property is the latitude property, and which property is the longitude property of the nodes of the data-source. Without configuration, Linkurious Enterprise will try to use properties called "latitude" or "lat", and "longitude", "long" or "lng".

When geographic coordinates exist in a node of the visualization, we can switch to the geo mode.

 Geography: Display a geographic map

The Geo mode switch is available in the lower righthand corner of the Workspace. We can enable and disable the geo mode at will to switch between the standard "network" view and the geographic view.

Click on it to display the geographical map. Nodes are positioned on the map according to their geographic coordinates. Other nodes present in the visualization can be hidden by the "geo coordinates" filter.

LKE includes some different layers that can be selected by clicking on the layer button in the lower righthand corner of the screen.

We can zoom in and out, drag nodes on the map to improve readability, select nodes and edges, etc. If we want to move the nodes to their original position we can always reset their coordinates by right-clicking on the background:

Finally, we can publish an interactive widget from Workspace menu > Publish with the geographical layers.

 Manage visualizations

In this chapter, we'll learn how to save and share the visualization created with Linkurious Enterprise.

 Manage visualizations: Auto-save

Auto-save status

The auto-save status is displayed in the bottom left corner of the workspace. There are 3 possible statuses:

Save a visualization

New visualizations are not automatically saved. In order to save a visualization, click on the Menu and then "Save...". Once saved, the Auto-save is switched on.

Switch auto-save off

At the bottom left of the screen click on "Auto-save ON": Auto-save ON

Switch auto-save off in the confirmation popup (see below). Auto-save is now switched off: modifications are not saved.

Warning

If you close the visualization and open it again, Auto-save will be ON again.

Save as a new visualization

You can duplicate a visualization by clicking "Save as..." in the main menu. The new visualization is open in the current window, and Auto-save is enabled.

Warning

If Auto-save is OFF in the original visualization, any unsaved changes will be lost

 Manage visualizations: Organize

Visualizations are by default added to the Dashboard. From the dashboard we can delete, rename or open a visualization.

We can also organize the visualizations in folders.

Open, rename or delete a visualization

The following actions are possible either when we right-click on a visualization or on the right menu of the dashboard:

Arrange visualizations in folders

To create a folder, we either right-click on the dashboard background or in the right menu Create folder.

We enter the name of our folder.

We hit Save. Our folder is created.

We open the folder by clicking on it. If we want to move a visualization into the folder we used the actions move to when right-clicking on our visualization:

We select the folder we want to move to our visualization:

The visualization has been moved to the folder.

 Manage visualizations: Duplicate

It is possible to duplicate a visualization. This feature might be useful when we want to try new things in our visualization and keep a record of the last version, this way the duplicate is used as a draft.

From the Dashboard

It is possible to duplicate a saved visualization from the Dashboard as follows:

We then click on Duplicate and a copy of our visualization is displayed and directly accessible on the Dashboard:

From the Workspace

It is also possible to duplicate a saved visualization from the Workspace via the "Save as" function in the Menu:

The duplicate is then accessible from the Dashboard menu.

Note that after duplicating from the Workspace, the document we are then working on is the duplicate.

It is possible to duplicate a visualization shared with you by another user.

If a user has shared a visualization with you but you are not allowed to modify it, duplicate this visualization. You will be able to modify the copy.

 Manage visualizations: Share

It is possible to share a visualization with another Linkurious Enterprise user. People we share a visualization with will be able to access it through the interface. If we right-click on a visualization, we can share it as follows:

We click on the Share menu and type the username or email of the person we want to share the visualization with.

We can give read-only rights, allow modifications or allow both modifications and sharing.

 Manage visualizations: Publish

Linkurious Enterprise offers the possibility to publish interactive visualizations online. Published visualizations can be accessed with an URL or embedded in a Web page à la Google Maps. They contain a snapshot of graph data at the time the visualization is published. The visualization author can update or un-publish his visualizations anytime. Anyone can explore these visualizations interactively, enabling easier collaboration around graph data.

We can publish a visualization from the Workspace via the left menu:

Before publishing a visualization, we can choose various options to customize the interface:

The options are:

In the screenshot above, we have disabled the share option. We can see that the Share button on the right of the screen disappeared. Finally, we can publish it:

The visualization is now available online! We can share the link or integrate it into a web page by adding the script of the web widget into the source code of a web page.

If the server that hosts Linkurious Enterprise is accessible via intranet only, published visualizations will be available within the organization and won’t be available outside.

 Manage visualizations: Export

We have created a visualization and we want to share or modify its content. We open the Workspace menu, then click on the Export button.

The visualization data can be exported in the following formats:

After clicking on a format, we can configure the export (PNG and SVG) and click on Download. The file is automatically downloaded by the browser.

The PNG export available here will create an image of the complete graph even if we are currently zooming to a specific area. Here is an example:

This feature is different from the Screenshot button available on match and guest visualizations: it creates an image of the displayed area on the screen only.

 Manage visualizations: Delete

Deleting a visualization is only possible through the Dashboard

Either:

The visualization is deleted after confirmation.

 Alerts

In this chapter, we will learn how to work collaboratively on alerts. Administrators can configure alerts through the Administration panel. Users will then get a list of matches for each alert.

In fraud investigation or IT monitoring, alert matches happen when anomalous patterns appear in data. A team of analysts will investigate the matches to confirm the cases or dismiss the false positives. Graph visualization helps them to explore data in detail and to collect visual evidence of suspicious activity. They can report the results to escalate the matches by sharing the corresponding visualization.

Challenges rely on the quantity of alert matches processed by analysts: they have limited time and can select which matches to focus on. A score can be defined for an alert such as potential money lost, risk score, or date of the match.

 Alerts: Alerts dashboard

Users that have the right to "Process Alerts" (see Access Rights section) can access the Alerts Dashboard through the main menu bar, if at least one Alert exists.

User that have the right to "Create & Process Alerts" can always access the Alerts Dashboard.

From the Alerts Dashboard, a user can:

 Alerts: List matches

After double-clicking on an alert we get the list of newly detected matches. Matches are ordered by creation date. If the administrator has set up specific columns to this alert, we can sort matches by those columns.

Each row represents a match.

A match is either new, confirmed, or dismissed. On the left we can access the list of matches by status. For instance the following image shows the list of dismissed matches. We can see who has changed the status of those matches.

To take a decision, you must investigate on a match. Simply click on a row to open the match visualization.

 Alerts: Investigate a match

We visualize a match within a specific interface. On top of the visualization, you can :

Just below, you can download an image of the match, toggle the geo mode, and undo or redo your last action.

By clicking on a node or edge, you will open its property panel to see its type and properties.

Some features of the workspace are present to help you investigate, including expanding nodes or hiding items.

 Guest Mode

What is the Guest mode

The Guest mode is a way to share graphs with people who do not have an account on Linkurious Enterprise.

Key characteristics:

The Guest mode is available once an Administrator has enabled it.

Standard user interface:

Guest mode user interface:

Share a visualization

There are 2 options to share a visualization with the Guest mode:

  1. From the dashboard, right-click on a visualization and click Share
  2. From the workspace of that visualization, go to Menu > Share

Security warning