antvis / antvis/Graphin

When expanding a Graphin cluster in Antvis Demo Website, it overlaps with other nodes or other clusters.

Open
#416 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
1.1k
Forks
275
PR merge metrics
No merged PRs in 30d

Description

### Describe the bug

When I try Graphin Demo Website.
https://graphin.antv.vision/~demos/graph-database-large-graph

**And choose some node for expand.**

![Graphin-before-expand](https://user-images.githubusercontent.com/45688421/181728595-2397f076-cd39-4f0b-a5dc-07f42e1009c5.jpg)

**Then it overlaps with other nodes.**

![Graphin-after-expand](https://user-images.githubusercontent.com/45688421/181728737-973d398f-0307-424f-9305-d33b17337ae2.jpg)

### Your Example Website or App

https://graphin.antv.vision/~demos/graph-database-large-graph

### Steps to Reproduce the Bug or Issue

1. Go to https://graphin.antv.vision/~demos/graph-database-large-graph
2. Right click on cluster-10(21)
3. Click "Expand the Cluster".
4. Then the Cluster expand but it's overlap with other nodes or cluster. Please see picture below.

![Graphin-after-expand](https://user-images.githubusercontent.com/45688421/181729557-938541be-22e2-48b1-bec4-7e83b6af2f06.jpg)

### Expected behavior

When cluster expand,. It should be aligned with other nodes or other clusters like G6 Graph.
Please see picture below.

![G6-after-expand](https://user-images.githubusercontent.com/45688421/181730176-1580512c-35c1-47dc-8f03-15a7962c2b75.jpg)

### Screenshots or Videos

**Graphin after expand cluster.**

![Graphin-after-expand](https://user-images.githubusercontent.com/45688421/181730431-7498ba37-83dd-407f-9b56-a96a247dac82.jpg)

**G6 after expand cluster.**

![G6-after-expand](https://user-images.githubusercontent.com/45688421/181730536-68c344d3-f9d6-4564-a8dc-03d97cd83f7f.jpg)

### Platform

- OS: Windows 11
- Browser: Microsoft Edge Version 103.0.1264.71 (Official build) (64-bit)

### Additional context

_No response_

Contributor guide

Open the contributing guide

Research direction

Open the Graphin large-graph demo at https://graphin.antv.vision/~demos/graph-database-large-graph and reproduce the issue by expanding cluster-10(21). Compare the result with the supplied Graphin and G6 screenshots; done means expanding a cluster leaves it aligned without overlapping other nodes or clusters.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
data-visualization, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.