Graph Discovery Visualization

[JacobLinCool]

I want a button that can switch to "Graph Discovery" mode on the course search page.

I want a boundless and draggable canvas, just like Whimsical.

When I click an entity / course / teacher, the canvas then focuses on the element and shows extra relationships (extend the currently displayed graph, use lower opacity to represent some "far" elements.)

This seems to be blocked by UniCourse-TW/Backend#19, but I am interested in this cool and exciting feature.

If anyone wants to work on this feature or has some idea about it, don't hesitate to discuss it here.

[uier]

Great idea

To achieve this, we have to define the network (the links connecting two entities).

I saw keyword "forest" in backend issue you specified, does the forest is able and available to construct such network now? Or network constructing is another new requirement?

[JacobLinCool]

The links between entities, teachers, and courses have been defined in the backend models.

The word "forest" only points out that our system allows multiple entity roots. It should not become a problem because we can always see our forest as a tree (null as the root) since every parent_id of roots is null.

The problem is that we do not expose an interface to "translate" actions to ORM query. (Just an extra piece of information, recursive search should not be a problem because there is a POC UniCourse-TW/Backend@647a49f that works.)

[uier]

This example meets some of the needs.

[uier]

This example meets some of the needs.

It's currently undraggable because draggable attribute only work with layout: 'force' while above chart is layout: 'none'

Luckily, they add new feature to make node draggable in other layout (none, circular), so based on this PR, this feature will release in 5.4.1

[uier]

Rich graph visualization library: https://github.com/antvis/G6
this example supports:

• dragging
• show detail of focused node
• highlight neighbor nodes of focused node