react-xarrows
react-xarrows copied to clipboard
Eliav2
Setting direction that arrow from an element travels and minimum distance before it turns
This is a new feature. My company would be happy to fund development time to get this included in the library. Contact me if you are interested in this.
we are using Xarrow as a key componet in a diagraming project. we need the arrow to travel OUT from the html element before it turns.
Attached is a video showing what we are after, you can see that the arrow switches to start right instead of left.\
https://www.awesomescreenshot.com/video/3823751?key=07782652924a1a857f76cf1f52e23cde
property like
TailConnectionSegmentDirection TailConnectionSegmentLength HeadConnectionSegmentDirection HeadConnectionSegmentLength
would be great.
hey @x365Project, thank you. I would be happy to add this feature if your company will fund the development time for this feature. please contact me on mail [email protected]
hi
this is carl hewitt. starting a new venture and using xArrow (nice lib, btw).
asked about adding directionality to arrows (happy to fund).
can you get me quote on this?
Carl
On Fri, May 21, 2021 at 8:27 AM Eliav2 @.***> wrote:
hey @x365Project https://github.com/x365Project, thank you. I would be happy to add this feature if your company will fund the development time for this feature. please contact me on mail @.***
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/Eliav2/react-xarrows/issues/70#issuecomment-845915166, or unsubscribe https://github.com/notifications/unsubscribe-auth/ARCCXOV2O4P63R3VVVZ5FBLTOZGRZANCNFSM45HZZNAQ .
a better way to define this might be telling arrow it needs to go AWAY from html element (that is what I am always after)
On Fri, May 21, 2021 at 10:52 AM Carl Hewitt @.***> wrote:
hi
this is carl hewitt. starting a new venture and using xArrow (nice lib, btw).
asked about adding directionality to arrows (happy to fund).
can you get me quote on this?
Carl
On Fri, May 21, 2021 at 8:27 AM Eliav2 @.***> wrote:
hey @x365Project https://github.com/x365Project, thank you. I would be happy to add this feature if your company will fund the development time for this feature. please contact me on mail @.***
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/Eliav2/react-xarrows/issues/70#issuecomment-845915166, or unsubscribe https://github.com/notifications/unsubscribe-auth/ARCCXOV2O4P63R3VVVZ5FBLTOZGRZANCNFSM45HZZNAQ .
I already thought about algorithm to handle such cases. it's also related to #66. If I will rewrite the path algo to be directional, and to avoid predefined rectangles(start and end elements will always be included) i could solve this issue and could make this arrow be much smarter. the thing is that it's not going to be simple and will probably take many hours to plan ,write, and integrate with the current available features.
just to make thing clear: currently Xarrow is implemented with svg path which consist bezier curve with 2 control points, in order to make this arrow smarter i will need to rewrite the path calculation section to be more generic and to add more control points based on the elements that the arrow will need to avoid so the draw will be 'pretty'.
Yup, work in progress! but not ready yet.
the path algorithm has been rewritten to be directional and smarter
what left to do:
- arrow does not know yet how to avoid rectangles(including start rectangle and end rectangle). this means path algo is not yet completed.
- integrate with current features such arrow tail and head and label positioning.
- allowing smooth path, grid with rounded corners, and straight paths.
sorry it's taking time, I'm busy with other tasks as well, but I will do my best to finish it as fast as possible. How urgent it is for you?
@Eliav2 Great effort. Really looking forward for this. I guess it will solve lot of issues with lines overlapping with nodes. I have created a issue for this here https://github.com/Eliav2/react-xarrows/issues/48.
Well in my case I had placed all nodes in prop grid and lines will run from one to another nicely without overlapping and it is static grid. But the above dynamic positioned nodes need this new paths.
Yup, work in progress! but not ready yet.
the path algorithm has been rewritten to be directional and smarter
what left to do:
- arrow does not know yet how to avoid rectangles(including start rectangle and end rectangle). this means path algo is not yet completed.
- integrate with current features such arrow tail and head and label positioning.
- allowing smooth path, grid with rounded corners, and straight paths.
sorry it's taking time, I'm busy with other tasks as well, but I will do my best to finish it as fast as possible. How urgent it is for you?
Hi sir
Do not be tired Can you provide me the source code of this feature which is in beta mode? We are looking forward to this option in a project. We accept all the consequences
Hey @Eliav2. Any updates on this? We're also looking for a feature like this in our project.
busy times, I need to find some time to work on this project but currently I have no time. hopefully sometime soon
בתאריך יום ב׳, 31 באוק׳ 2022 ב-12:58 מאת Yash Jaiswal < @.***>:
Hey @Eliav2 https://github.com/Eliav2. Any updates on this? We're also looking for a feature like this in our project.
— Reply to this email directly, view it on GitHub https://github.com/Eliav2/react-xarrows/issues/70#issuecomment-1296920518, or unsubscribe https://github.com/notifications/unsubscribe-auth/ALI5Y4K3A3GP3NSU5IJTARDWF6Q4VANCNFSM45HZZNAQ . You are receiving this because you were mentioned.Message ID: @.***>
Did this feature never come out? It is so handy and makes the lines much cleaner that they always point outwards, gives them nice curves even if they are going straight down, and the obstacle avoidance would be an actual master piece.
Nevertheless, what a handy library!
This would also be very handy for Gantt charts alike arrows which can be of great use. Is there any pull request we can help with?
@Eliav2 is there any chance that you could upload your progress on this to a branch?
