meshai/dashboard-frontend
zvx-echo6 4625740057 fix(dashboard): rewrite topology graph for performance at scale
Replaced React state-driven animation with ECharts graph rendering.
Previous approach re-rendered 263+ SVG nodes via setState in rAF loop,
causing browser lockup. New approach uses ECharts which handles force
layout and rendering natively at scale.

Changes:
- Switch from D3 force sim + React state to ECharts graph
- Remove particle animation (was fake random noise, not real packets)
- Filter out nodes with zero edges by default
- Add filter controls: Connected, Infra, All
- ECharts handles zoom/pan/drag natively (roam: true)
- Node selection dims unrelated nodes
- Force config matches Meshview: repulsion 200, edgeLength [80,120]
- Animation disabled for performance (animation: false)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-05-12 12:47:42 -06:00
..
src fix(dashboard): rewrite topology graph for performance at scale 2026-05-12 12:47:42 -06:00
index.html feat(dashboard): React frontend scaffold with overview page 2026-05-12 10:28:12 -06:00
package.json fix(dashboard): rewrite topology graph for performance at scale 2026-05-12 12:47:42 -06:00
postcss.config.js feat(dashboard): React frontend scaffold with overview page 2026-05-12 10:28:12 -06:00
tailwind.config.ts feat(dashboard): React frontend scaffold with overview page 2026-05-12 10:28:12 -06:00
tsconfig.json feat(dashboard): React frontend scaffold with overview page 2026-05-12 10:28:12 -06:00
tsconfig.node.json feat(dashboard): React frontend scaffold with overview page 2026-05-12 10:28:12 -06:00
vite.config.ts feat(dashboard): React frontend scaffold with overview page 2026-05-12 10:28:12 -06:00