Interactive Graphs

Live Content Visualizations

Explore the relationships between different blog posts, publications, and their topics. These interactive graphs are rendered in real-time using different graph engines.

3d-force engine

3D Force Graph

Visualizes the relationships between posts, publications, and tags in an interactive 3D space using WebGL and Three.js. Drag, zoom, rotate, and track link flows.

Launch Visualization →
cytoscape engine

Cytoscape Graph

Visualizes the relationship between posts, publications, and tags using Cytoscape.js. The graph organizes nodes using a force-directed layout.

Launch Visualization →
d3 engine

D3 Force Layout

Visualizes the relationship between posts, publications, and tags using D3.js v3. Uses a physics-based charging force simulation to space out nodes.

Launch Visualization →
sigma engine

Sigma ForceAtlas2

Visualizes the relationship between posts, publications, and tags using Sigma.js and the ForceAtlas2 layout engine with worker-thread calculations.

Launch Visualization →
vis-network engine

Vis.js Network

Visualizes the relationships between posts, publications, and tags in a smooth, physics-enabled 2D canvas with customizable node shapes and hover animations.

Launch Visualization →