search

ksz-ksz / rxjs-insights

See through the observables.
MIT License
358 stars 13 forks source link

Would you like to share how the graph is produced? #2

Closed lihz6 closed 2 years ago

lihz6 commented 2 years ago

Would you like to share how the graph is produced? Which package can do this? Thank you.

jdgarvey commented 2 years ago

Looks like these files are the implementation: https://github.com/ksz-ksz/rxjs-insights/tree/master/packages/devtools-extension/src/app/components/graph

ksz-ksz commented 2 years ago

Hi, it's using d3 for the layout (see https://github.com/ksz-ksz/rxjs-insights/blob/master/packages/devtools-extension/src/app/components/tree.ts), but the graph component is a custom thing, as @jdgarvey pointed out already the implementation can be found in https://github.com/ksz-ksz/rxjs-insights/tree/master/packages/devtools-extension/src/app/components/graph, with the entry point being the graph.tsx file. It's basically React + TransitionGroup + GSAP.