Missing FindPathPanel Component (@graphin/components)

[cliffordfajardo]

I visited the documentation for FindPathPanel component and tried to import the component in my project. I later realized there is not implementation of the component yet

https://graphin.antv.vision/en-US/components/analysis/find-path-panel

@pomelo-nwu - Can you guide me through what steps I would need to take for implementing this new component? I would like to help

Question(s)

Are there any images, examples (codesandbox etc) of what the FindPathPanel component looks like? Which API's from @antv/g6 might be used for the implementation of FindPathPanel component? What type of props would we want to support for this component?

[yrpang]

I cannot find this component too, have you found any solution yet?

[cliffordfajardo]

Hi @yrpang,

From my understanding from the other Graphin team members, this is something that is planned but currently not implemented in Graphin yet. For now, users of Graphin need to implement this themselves 🔨 :👨‍💻

I think it would be worth having a discussion on:

1. what will the general Graphin community of users like to see from the FindPathPanel component?
2. what will the UI look like for this?
   • I think this is important to think on since we don't want to create a component that's too specific to a particular application. Ideally the component or behavior is flexible and customizable
   • Are there other graph visualization products, or mock up images or videos worth looking into for inspiration?
3. what will the API look like for this?

Demo Ideas?

Below are some links / images to some products that might be worth looking into 👀 for inspiration perhaps for your implementation journey

1. Cylynx An open source project that uses Graphin. They have built their own analysis / filtering UI on top of Graphin library. I've been inspired by their work (details)

• Cylynx demo product (its based on Graphin but its not maintained by the graphin team)

• Cylynx Github Repo

  https://user-images.githubusercontent.com/6743796/155568695-e339ece7-1320-4af7-a17a-d47635ba4bee.mp4

2. Aliyun DataWorks (details)

3. 360 Future Security Research Lab (details)

4. Link curious - filter panel docs

More pictures / ideas from other folks using Graphin

• https://github.com/antvis/Graphin/issues/212

CC @pomelo-nwu