•14 min read
Zeilenexakte Text-Geometrie & 2D-SDF-Gitter mit TreeWalker im Hero-Layout
Wie wir mit TreeWalker, Range.getClientRects() und 2D Signed Distance Fields (Quilez smin) ein kollisionsfreies Hero-Layout mit 60 FPS Canvas-Batching bauten.
#JavaScript
Language ecosystem, runtime performance optimization, and browser APIs powering modern client-side and full-stack software.
Blog Posts9
•11 min read
Interactive Graph Visualizations in JavaScript: WebGL, Cytoscape & 3D Compared
Compare WebGL, Three.js, Cytoscape.js, and Vis.js for interactive network graph visualizations in JavaScript. Benchmark performance and layouts.
•2 min read
The Hyperkit Software graph library in action
At Hyperkit Software we also develop JavaScript graph visualization algorithms. However, we focus on touch-based interaction and physics-based animation to make...
•2 min read
JavaScript graph libraries: Cytoscape vs. Sigma vs. D3
Recently, I added tags to my blog posts and scientific publications. The tags allow me to connect my articles based on keywords and topics. I use the tags to im...
•1 min read
JavaScript/SVG Tag Graph Interface
Here's another interface in the series of JavaScript/SVG interactive respectively animated prototypes: The tag graph. The idea is to display the article tags as...
•4 min read
JavaScript Physics Simulation
Some time ago I was testing the capabilities of JavaScript and vector graphics toolkits such as SVG (Mozilla Firefox, Opera, Safari) and VML (Microsoft Internet...
Content Visualizations4
Cytoscape.js: Semantic Network Graph
Analyze semantic connections across publications, projects, and topics using Cytoscape.js and Compound Spring-Embedder (CoSE) layout physics directly in the browser.
D3.js: Force-Directed Network Graph
Inspect interconnected topics and content nodes through a crisp, vector-based force simulation powered by D3.js and velocity Verlet numerical integration.
Sigma.js: ForceAtlas2 Network Graph
Navigate large-scale semantic networks with high-performance WebGL rendering and multi-threaded ForceAtlas2 physics offloaded to background web workers.
Vis.js: Physics-Based Network Graph
Interact with dynamic topic clusters and relational data through tactile drag-and-drop physics and spring-mass damping powered by Vis.js.