Getting started
API
Tutorials
Examples
Playground
Download
Contact us
Other versions of this documentation →
Changelog
Version support policy
Documentation home
Linkurious website

Other versions of this documentation → Changelog Version support policy

Documentation home Linkurious website

Gallery

Transport network analysis
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 new
GPU layout new

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

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

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 annotation new
Blueprint new
Animated edges new

Interaction

Hover
Click
Select
Panning
Rectangle selection
Lasso (nodes)
Selection API
Custom selection
Drag nodes
Node 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 GPU new
Force layout large graph
Force layout auto-stop
Grid
Concentric
ForceLink
Continuous ForceLink
Hierarchical
Hierarchical advanced
Sequential Layout
Radial
Local grid
Local ForceLink
Local force
Local concentric
Local Radial
Incremental ungrouping
Incremental expand
Expand with pinning
Remove nodes overlap
Circular layout (plugin)

Transformations

Filter nodes
Filter edges
Group nodes
Group edges
Visual grouping
Visual grouping clustering
Visual grouping manual
Visual grouping highlight
Group on zoom
Onion Decomposition new
Clustering Middleware
Node collapsing
Neighbor merging
Neighbor generation
Virtual properties
Transformation pipeline

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 export new

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 drop new

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

Timeline

Timeline new
Time layout new
Timeline animation new

Integrations

React
React + Minimap new

Performance

Performance (Github)
Performance (Cosmic Web)
Filtering performance new
Fast highlight
Force layout large graph
Force layout auto-stop
Performance Workbench
GPU layout new

Plugins

Tooltip new
Mini-map
Fish-eye new

Graph generators

Random
Grid
Tree
Small world
Power law

Share Download code Jump to the code Open in the playground

React

This is a small example of Ogma integration with React through ogma-react library.

All versions of this documentation

Ogma by Linkurious