Stress Test
Push TopoKit to its limits. This interactive stress test lets you generate thousands of nodes and edges, then measure rendering performance in real time. Adjust parameters with the control panel and watch the FPS counter.
Features Used
About This Showcase
This stress test is designed to demonstrate TopoKit's raw rendering performance. It generates a configurable number of nodes arranged in clusters, connected by edges following a power-law distribution pattern. The test measures actual frame times and rendering costs so you can evaluate performance on your target hardware.
The control panel on the left lets you adjust the number of nodes (500 to 20,000), edge-to-node ratio (0.5x to 4x), and cluster count (3 to 24). The "+1K Nodes" button adds nodes incrementally without regenerating the entire graph, simulating real-time data ingestion scenarios.
The performance metrics panel shows real-time FPS, average frame time, render time (canvas draw calls only), current zoom level, and LOD tier. The FPS bar at the bottom provides a visual history of frame rate stability over time. Green indicates 50+ FPS, yellow 30-49 FPS, and red below 30 FPS.
Technical Details
Need to render even bigger graphs?
TopoKit handles 20K+ nodes via a 4-tier LOD pipeline, spatial indexing, and an optional web-worker layout runner. Read the building blocks below or talk to sales.