Coder Social home page Coder Social logo

Comments (4)

tisoap avatar tisoap commented on May 29, 2024

Hi @picxy3d , thanks for the suggestion! Could you share the name of the website/app where you got your example screenshots from?

I'm unsure if React Flow allows for development of edges with draggable points, but I'll leave this open to investigate. But one thing for sure is that:

  • pathfinder avoid collapse between edge

... is impossible to accomplish. Is the same as trying so solve the three utilities problem.

from react-flow-smart-edge.

picxy3d avatar picxy3d commented on May 29, 2024

HI @tisoap thx for your response
i got my example screen shots from here
live example can be found here
you are right actually avoid collapse between edge was unnecessary as long as user can drag and customize it
but it will be great to have because when we use smart edge with large amount of node the edge will look like spaghetti
it was so hard to find what it connect to so i want it to look clean like pcb path for inspiration

image
image

to be clear i mean get draggable points and put it to path finder as obj to avoid (as same as nodes)
so it will draw path like this

Screenshot from 2022-07-11 10-53-09

instead of this

Screenshot from 2022-07-11 10-52-43

sory i dont explaind it clearly at the first comment

from react-flow-smart-edge.

picxy3d avatar picxy3d commented on May 29, 2024

about draggable points it was possible with custom edge but react flow doesn't have any official support on this
joey request this feature on react flow discord before

image

from react-flow-smart-edge.

agrawal-rohit avatar agrawal-rohit commented on May 29, 2024

feature

  • draggable
  • show it on focus
  • save coordinate of it
  • update those point position with pathfinder
  • if user drag the point find path from that point
  • pathfinder avoid collapse between edge

EX

Screenshot from 2022-07-10 15-45-30

Screenshot from 2022-07-10 15-24-10

thx for your great work

+1, it would be an awesome addition to the package

from react-flow-smart-edge.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.