Graph to visualize relationship between entities

[lydavid]

Details

• learn about force-directed graph: https://github.com/d3/d3-force
  • interactive examples: https://observablehq.com/@ben-tanen/a-tutorial-to-using-d3-force-from-someone-who-just-learned-ho
  • in-depth explanation with examples: https://www.d3indepth.com/force-layout/
  • Kotlin javafx implementation: https://github.com/hudsonb/kubed
  • Java Android View: https://github.com/kai0masanari/Forcelayout
  • JavaFX has better performance than Canvas once circular nodes reaches 30000: https://dev.to/gz_k/jetpack-compose-desktop-rendering-performances-4992
  • data2viz is a Kotlin implementation of d3. Their sim uses JavaFX. Here are some usages filtering out forks.
  • collage is a data2viz port/wrapper for Jetpack Compose. They have a sample app that uses their wrapper module collage
  • Obsidian's graph view: it does have decay where it stops moving unless I drag a node around
• learn about Canvas: https://developer.android.com/develop/ui/compose/graphics/draw/overview
  • when to use drawWithCache?
• [ ] Performance bottleneck is with rendering engine. So, add option to turn off animation to improve performance for lower end phones. All the calculations will be complete, then we render the final result.
• [x] a more useful usecase would be to show artists that have collaborated with this artist
  • [x] an artist has collaborated with another artist if they are both on the artist credits for a recording
  • [x] do not display all recordings (can already see under Recordings tab). Display recordings where there are multiple artist credits
• A simple starter graph may be to show all relationships that points to this current entity (the incoming edges). We don't need to show all relationships from a given entity because it's already shown in the Relationships tab. We already have this information because relationships are two-way
• [x] #1024

Make nodes clickable

When I zoom, clicking is no longer accurate When I pan, there's no problem as I'm handling offset

Strength based on number of links

https://d3js.org/d3-force/link#link_strength

The starting position of nodes matters because the simulation only lasts so long

and if we make it last forever, it will often tangle up

[lydavid]

runs on iOS

[lydavid]

pick better colors

https://www.colorhexa.com/ff225c https://webaim.org/resources/contrastchecker/