Optimize layout configurations for better node arrangement.

- Increased margin in Noverlap layout
- Adjusted Force layout iterations
- Enhanced Noverlap settings for spacing
- Standardized maxIterations across layouts
This commit is contained in:
yangdx
2025-03-17 20:44:17 +08:00
parent 6f2761af98
commit 4ecb13d24c

View File

@@ -203,10 +203,19 @@ const LayoutsControl = () => {
const layoutCircular = useLayoutCircular() const layoutCircular = useLayoutCircular()
const layoutCirclepack = useLayoutCirclepack() const layoutCirclepack = useLayoutCirclepack()
const layoutRandom = useLayoutRandom() const layoutRandom = useLayoutRandom()
const layoutNoverlap = useLayoutNoverlap({ settings: { margin: 1 } }) const layoutNoverlap = useLayoutNoverlap({
maxIterations: maxIterations,
settings: {
margin: 2,
expansion: 1.1,
gridSize: 5,
ratio: 1,
speed: 3,
}
})
// Add parameters for Force Directed layout to improve convergence // Add parameters for Force Directed layout to improve convergence
const layoutForce = useLayoutForce({ const layoutForce = useLayoutForce({
maxIterations: maxIterations * 3, // Triple the iterations for better convergence maxIterations: maxIterations,
settings: { settings: {
attraction: 0.0003, // Lower attraction force to reduce oscillation attraction: 0.0003, // Lower attraction force to reduce oscillation
repulsion: 0.05, // Lower repulsion force to reduce oscillation repulsion: 0.05, // Lower repulsion force to reduce oscillation