Skip to content

Main NavigationAPI Tutorials Examples Playground Download Contact us Blog

Other versions →

Changelog

Version support policy

Vulnerability reporting

Linkurious website

Appearance

Sidebar Navigation

Examples

Gallery

Transport network analysis

GPU layoutnew

Fraud detection

iPhone parts origin

Cyber security log analysis

IT Management demo

Anti Money Laundering demo

Supply chain

Draw your graph

Parallel view

Performance Workbench

Real-time collaboration

Graph operations

Load graph

Read nodes and edges

Count nodes and edges

Add node

Add edge

Remove node

Remove edge

Set data

Clear

Undo redo

Data translators

JSON

GEXF

Neo4j Cypher

SPARQL to JSON

CSV

Excel

Custom JSON

GraphML

MTXnew

Node styles

Radius

Color

Color pie

Shape

Text

Stroke

Outline

Icon

Image

Badge

Halo

Pulse

Custom charts

All styles

Themes

Zoom-dependent styles

Edge styles

Width

Color

Shape

Text

Outline

Halo

Pulse

Parallel

Zoom-dependent textsnew

Text styles

Font

Style

Color

Size

Centered

Position

Multiline

Background

Secondary

RTL support

Layers

Free drawing

Categories annotation

Distance annotation

Overlays + annotations

Context menu

Editable notes and in-place forms

Text on edge extremities

Edge badges

Flowlines

Diagrams

d3 integration

Konva.js integration

PixiJs integration

Cluster annotationnew

Blueprintnew

Animated edgesnew

Async load nodes metadatanew

Parallel views with annotations

Identity card nodesnew

Interaction

Hover

Click

Select

Panning

Rectangle selection

Lasso (nodes)

Selection API

Custom selection

Drag nodes

Badges interactionsnew

Node resizing

Container resizing

Edge rewiring

Group selection

Connect nodes

Keyboard interactions

Draggable/non-draggable nodes

Node snapping

Halo masking

Fast highlight

Hold space to drag

Animations

Nodes

Edges

Camera

Animate to bounds

Layouts

Force layout

Force layout GPUnew

Force layout GPU vs CPUnew

Force layout large graph

Force layout auto-stop

Grid

Concentric

ForceLink

Continuous ForceLink

Hierarchical

Hierarchical advanced

Hierarchical sort siblings

Sequential Layout

Radial

Local grid

Local ForceLink

Local force

Local concentric

Local Radial

Force layout automatic settingsnew

Incremental ungrouping

Incremental expand

Expand with pinning

Remove nodes overlap

Circular layout (plugin)

Circle-packing layoutnew

Transformations

Filter nodes

Filter edges

Group nodes

Group edges

Visual grouping

Visual grouping clustering

Visual grouping manual

Visual grouping highlight

Visual grouping expand/collapsenew

Group on zoom

Onion Decompositionnew

Clustering Middleware

Node collapsing

Neighbor merging

Neighbor generation

Virtual properties

Transformation pipeline

Multilevel Groupingnew

Analysis

Data-driven styles

Shortest path

Cycle detection

Weakly connected components

Data Lineage

Minimum Spanning Tree

BFS and DFS graph traversals

Betweenness

Other centrality measures

Data exports

CSV

Excel

Excel Advanced

GEXF

GraphML

JSON

Image exports

PNG

Export selection

PNG with watermark

SVG

PNG with geographical map

PDF

Canvas layer exportnew

UI

Background color

Cursor style

Fullscreen

All settings

Tooltip

Tooltip (with Mustache)

Legend

Branding

Scrollable page

Fuzzy search

Import progressbar

Context menu

Nodes label editing

Overview control

Drag and dropnew

Complex Demos

Multiple instances

Neighborhood highlight

US Airlines

Visual grouping of arctic web

Radial layout on a transport network

Geo Mode

Geographical mode

Dynamic geo base maps

US Airlines

Geo clustering

PNG export with geographical map

PNG export with geo map and vector-layers

Indoor maps

Vector layers and GeoJSON

Esri/ArcGIS basemap

Vector tiles

Geo mode + Heatmap

Transport Networknew

Show Overlaping Nodes

Timeline

Time layout

Timeline animationnew

Integrations

React

React + Minimap

Performance

GPU layoutnew

Performance (Github)

Performance (Cosmic Web)

Filtering performancenew

Fast highlight

Force layout large graph

Force layout auto-stop

Performance Workbench

Plugins

Tooltipnew

Mini-map

Fish-eyenew

Graph generators

Random

Grid

Tree

Small world

Power law

Examples

React

This example shows how to integrate Ogma with React using the ogma-react library.

Previous pageTimeline animationnew

Next pageReact + Minimap

Contact us | Changelog | Version support policy | Vulnerability reporting

React ​

React