Repo contains a demo of interactive data visualization on WebGL Canvas - force directed graph generated in Pixi and D3.
Github pages demo (better quality)
- zooming (on scroll) (/)
- panning (on canvas drag)
- mouse hover
- clicking
- dragging
- represents underlying data with hierarchy of nodes
- each data item can be represented by simple primitive (rect, ellipse, etc.) or with more complex graphics with PIXI.Sprite (texture, image)
- enables one or multiple shader passes - pixi filters as well as custom shaders
- able to smoothly render 1000+ items without drop in FPS
- motion based on physics, user interaction and individual particle behavior (agents simulation, d3.simulation)
git clone https://github.com/stopyransky/pixi-mvm.git
cd pixi-mvm
npm install
npm start