Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Implement head resizing (and reversal) for larrow/rarrow/darrow#29998

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to ourterms of service andprivacy statement. We’ll occasionally send you account related emails.

Already on GitHub?Sign in to your account

Open
CharlieThornton33 wants to merge38 commits intomatplotlib:main
base:main
Choose a base branch
Loading
fromCharlieThornton33:road-sign-annotation

Conversation

@CharlieThornton33
Copy link

@CharlieThornton33CharlieThornton33 commentedMay 1, 2025
edited
Loading

PR summary

When creating an annotation using boxed text in an arrow shape (patches.BoxStyle.LArrow/RArrow/DArrow),head_width andhead_angle arguments may now be passed to adjust the size of the arrow head(s), and (via the use of negative angles) generate 'reversed' arrow heads. Addresses#24618 and is a direct continuation of@Abitamim's work in#24744.

This solves both the issue initially mentioned in#24618 (creating a pentagonal 'road-sign' annotation box), as well as allowing for many other customisation options for arrows; for example, a reversed-headDArrow could act as a way to bring attention to a certain region on an axis.

import matplotlib.pyplot as pltfig, ax = plt.subplots(figsize=(4, 3))t1 = ax.text(0.5, 0.75, "Road-sign",            ha="center", va="center", size=15,            bbox=dict(boxstyle="rarrow,pad=0.3,head_width=1,head_angle=45",                      fc="lightblue", ec="steelblue", lw=2))t2 = ax.text(0.5, 0.25, "  Reversed heads   ",            ha="center", va="center", size=15,            bbox=dict(boxstyle="darrow,pad=0.3,head_width=1.5,head_angle=-45",                      fc="lightblue", ec="steelblue", lw=2))plt.show()

pr_example

A new test,test_boxarrow_adjustment, has been added to test these options.

PR checklist

Copy link

@github-actionsgithub-actionsbot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

Thank you for opening your first PR into Matplotlib!

If you have not heard from us in a week or so, please leave a new comment below and that should bring it to our attention. Most of our reviewers are volunteers and sometimes things fall through the cracks.

You can also join uson gitter for real-time discussion.

For details on testing, writing docs, and our review process, please seethe developer guide

We strive to be a welcoming and open project. Please follow ourCode of Conduct.

@CharlieThornton33
Copy link
Author

Hi everyone,

I was just wondering whether someone would be willing to have a look at this PR? I feel like it's in a complete or nearly-complete state but need some guidance - the two failing CI jobs seem to be:

  • PR cleanliness:
    The added unit test was written first by@Abitamim, and then expanded by myself. When I expanded the test to check the newly-added reversed arrow heads, I changed both the test name (temp_test_boxarrowtest_boxarrow_adjustment) and the name of the output image (roadsign_test_image.pngboxarrow_adjustment_test_image.png) to reflect this. The 'file both added and deleted' error given seems to be a result of adding then deletingroadsign_test_image.png.
  • Python 3.11 on macos-13:
    The failing test here (test_blitting_events) is marked as flaky, with the comment# subprocesses can struggle to get the display, so rerun a few times. I feel it may be that this was just a random instance of the test failing multiple times in a row; unfortunately I don't have access tomacos-supported hardware for rerunning this locally, so I was wondering if someone would be able to take a look.

Any help would be greatly appreciated. Thanks!

@timhoffm
Copy link
Member

PR-cleanliness: This is a check so that we don't merge commits with unneeded images, which would increase repo size. You can either squash and force-push. Or ignore this and we'll squash-merge at the end.

Ignore the macos test failure. It's unrelated.

@CharlieThornton33
Copy link
Author

Thank you for getting back so quickly! Would it be okay if you handled the squashing - I'm relatively new to git, and I'm not sure of the best method to use for squashing to keep a relatively clean but traceable commit history?

Copy link
Member

@timhoffmtimhoffm left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

Looking at the arrows in the test image,https://github.com/matplotlib/matplotlib/pull/29998/files#diff-ff8adb592a399d60ee5c93fbff7552182f53b74be4573ca21db404ef3c3a6673, the outline sometimes cuts through the text, which must not happen.

From plotting

plt.text(0.5, 0.5, 'text', size=24, bbox=dict(boxstyle="rarrow", fc="w", ec="k"),)plt.text(0.5, 0.5, 'text', size=24, bbox=dict(boxstyle="square", pad=0, fc="C0", ec='none'))

we can see that the original calculation had a shaft with the length of the text, i.e. the arrow head starts at -pad from the end of the text.

image

This setting was ok for the hard-coded parameters, but when head_size and head_angle can vary, we have to invest more into a good positioning of arrow head.

@CharlieThornton33
Copy link
Author

Since I'm going to need to make some relatively major changes to the contents of this PR (a redo of the arrow drawing code and a rewrite of its unit test), would it be better for me to amend my last commit (d9b0b32) as suggested in thecontributing guide, or make a few new commits? I'm not quite sure how to add more commits to an open PR - do I just push the changes to my development branch?

@rcomer
Copy link
Member

@CharlieThornton33 yes you can just push more commits to your current branch and they will appear in this PR. Since you already have several commits they will ultimately need squashing one way or the other (and I see you already asked that we handle that), so I do not think you gain anything from the—amend option.

@CharlieThornton33
Copy link
Author

I've just redone the padding (only forLArrow andRArrow for the moment), and I think the issue with the text escaping the outline has been fixed. I set the arrow body to dynamically increase in length to make sure there's always a gap of at leastpad between the edge of the text closest to the arrow head and the position where that edge would first intercept the outline if moved towards the tip:

import numpy as npimport matplotlib.pyplot as pltfig, ax = plt.subplots(figsize=(3, 8))t0 = ax.text(0.5, 0.9, "Text",            ha="center", va="center", rotation=0, size=30,            bbox=dict(boxstyle="rarrow,pad=0.3,head_width=1.5,head_angle=-90",                      fc="lightblue", ec="steelblue", lw=2))t1 = ax.text(0.5, 0.7, "Text",            ha="center", va="center", rotation=0, size=30,            bbox=dict(boxstyle="rarrow,pad=0.3,head_width=1.5,head_angle=70",                      fc="lightblue", ec="steelblue", lw=2))t2 = ax.text(0.5, 0.5, "Text",            ha="center", va="center", rotation=0, size=30,            bbox=dict(boxstyle="rarrow,pad=0.3,head_width=1.5,head_angle=100",                      fc="lightblue", ec="steelblue", lw=2))t3 = ax.text(0.5, 0.3, "Text",            ha="center", va="center", rotation=0, size=30,            bbox=dict(boxstyle="rarrow,pad=0.3,head_width=1.5,head_angle=130",                      fc="lightblue", ec="steelblue", lw=2))t4 = ax.text(0.5, 0.1, "Text",            ha="center", va="center", rotation=0, size=30,            bbox=dict(boxstyle="rarrow,pad=0.3,head_width=1.5,head_angle=170",                      fc="lightblue", ec="steelblue", lw=2))plt.show()

new_padding

It's also a bit concerning that the CI workflow seems to run on every commit to this PR - am I okay to disable tests in my commit messages until the one where I write the new test to save on CI resources?

@CharlieThornton33
Copy link
Author

I've just noticed - all of thepytest test runs are about to fail because I forgot to remove the flawedtest_boxarrow_adjustment test. Is there any way to cancel a CI test run?

@rcomer
Copy link
Member

@CharlieThornton33 I wouldn't worry about the CI failing, but if they are still running when you push another commit they will be interrupted and re-started.

@timhoffm
Copy link
Member

Given that changes are relatively small and that positioning is happening for the texts, not the box tips of the arrow, I'd claim that the box style is rather decoration and not primarily meant to position the tip of the arrow at a specific coordinate. Therefore, I'd be ok with a breaking change if it opens the route for more functionality.

@CharlieThornton33
Copy link
Author

There seems to be some issues with text positioning; for example, we have things like
misaligned_darrow
which comes from the result oftest_boxarrow_adjustment.

I'm not sure why this is happening; usingprint(<text object>.get_bbox_patch().get_path()) on a text object with this bounding box to check the vertices that are being drawn, they seem to be correct (i.e. symmetrically-positioned as they were before2ac0bff). I'd appreciate any help with this - I can't tell why this issue seems to only be showing up now.

@CharlieThornton33
Copy link
Author

@timhoffm I'm sorry I've not been able to come back to this since early August - I've been really busy with work. I was just wondering whether you've seen any positioning issues like this before; I haven't been able to determine what's different with how the arrow's being drawn now that positions the text differently. Any help would be greatly appreciated.

@timhoffm
Copy link
Member

timhoffm commentedSep 8, 2025
edited
Loading

No worries. It takes as long as it takes. We all have other priorities beyond matplotlib in our lifes.

As to the text positioning, no I haven't seen anything like this before. You could try a variant of this to draw a rectangle bounding box in addtion to the text for debugging purposeshttps://github.com/matplotlib/matplotlib/pull/29872/files

Interestingly, when you look atboxarrow_adjustment_test_image.png it only happens for darrow, not for larrow and rarrow, so I suspect it's somewhere in the darrow logic not in the text bounding box itself.

@github-actionsgithub-actionsbot added the Documentation: user guidefiles in galleries/users_explain or doc/users labelSep 9, 2025
@CharlieThornton33
Copy link
Author

I'm a bit confused about how to test one of@QuLogic's review notes:
https://github.com/matplotlib/matplotlib/pull/29998/files/2b83affd050cf92231756104a6abc7266d2e0565#r2191691643

How would it be possible to test modification of a public attribute? Would it just be initialising the box withfig.text, then modifying the attributes (I don't know if setter/getter methods exist for these; I'll check now) before the test ends and presumably calls__call__ to render the bbox?

@timhoffm
Copy link
Member

I believe@QuLogic's comment is fuelled by the idea: What if somebody created a boxstyle class and then modified it

arrowstyle=LArrow(head_angle=45)plt.text(0,0,"text",bbox={'boxstyle':arrowstyle}arrowstyle.head_angle=30plt.show()

Since the class stores all parameters in attributes as is and all of the logic is in__call__, that will work, even though it should be a very rare use case. I would not bother to add a test for this. One caveat: The constructor does the range checking, so that you could set the attributes to invalid values. Overall, I'd tolerate that. The alternatives would be to do the validation in__call__ instead of__init__, which is a less good user experince as the error happens further away from the offending code. Or you would have to guard the attributes via a property setter, but I think it's not worth the added complexity. The worst that will happen is that for the very very rare case that users modify an existing BoxStyleand use an invalid value, that will blow up later with a more cryptic error message.

Comment on lines +2550 to +2552
# Pad to position original box and its margins exactly inside arrow shaft
padding_offset= (0.5*pad)+ (0.25*mutation_size)
x0-=padding_offset
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

Suggested change
# Pad to position original box and its margins exactly inside arrow shaft
padding_offset= (0.5*pad)+ (0.25*mutation_size)
x0-=padding_offset
# Pad to position original box and its margins exactly inside arrow shaft
padding_offset= (0.5*pad)+ (0.25*mutation_size)
x0-=padding_offset

I don't understand this. I thought the original box starts at$x_0$, then we've done$x'_0 = x_0 - pad$ as the start of the padded box. What is this additional$x''_0 = x'_0 - 0.5 \mathrm{pad} - 0.25 \mathrm{mutation_size}$?

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

I'm not entirely sure myself why this is needed. When writing the code for padding, I noticed that padding just via$x_{0}' = x_{0} - \texttt{pad}$ gave clearly wrong results, so I usedprint(<text object>.get_bbox_patch().get_path()) to look numerically at the positioning of the drawn vertices. From this, I found that there was a discrepancy present that depended only onself.pad linearly, then used linear regression to get this empirical expression forpadding_offset.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

Onmain, without settinghead_length, etc, the example from the What's new note looks like:
Figure_1
whereas here, it looks like:
Figure_2
and if we revert the extrapadding_offset, it goes closer to before:
Figure_3
but it's still not a perfect match:
diff

So I don't quite understand the math added here, and I guess it depends on how close we want it to match the old version. Currently, it doesn't at all, but withoutpadding_offset, it's still not exactly the same either.

@CharlieThornton33
Copy link
Author

Hi,

I was wondering how I should proceed with this PR - I can't think of anything else that needs finishing for it.

@timhoffm
Copy link
Member

timhoffm commentedSep 20, 2025
edited
Loading

The result looks good. Though, I would like to understand the calculation#29998 (comment). Relying on empirical values that we don’t understand poses a danger that they are incorrect for some cases.

We need to debug the logic step by step and either extract the coordinates to draw the picture by hand, or draw points/rectangles (see e.g.#29833 (comment)) to understand what’s going on.


..plot::
:include-source: true
:alt: Six arrow-shaped text boxes, all containing the text "Arrow". The top left arrow has a shorter head than default, while the top right arrow a longer head. The centre left double arrow has a "road-sign" shape (head as wide as the arrow tail), while the centre right arrow has a "backwards" head. The bottom left arrow has two heads which are larger than default, and the bottom right arrow has a head narrower than its tail.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

You should be able to wrap this as long as you wrap the first line.

    :alt:       Six arrow-shaped text boxes, ...       more text ...

Comment on lines +2550 to +2552
# Pad to position original box and its margins exactly inside arrow shaft
padding_offset= (0.5*pad)+ (0.25*mutation_size)
x0-=padding_offset
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

Onmain, without settinghead_length, etc, the example from the What's new note looks like:
Figure_1
whereas here, it looks like:
Figure_2
and if we revert the extrapadding_offset, it goes closer to before:
Figure_3
but it's still not a perfect match:
diff

So I don't quite understand the math added here, and I guess it depends on how close we want it to match the old version. Currently, it doesn't at all, but withoutpadding_offset, it's still not exactly the same either.

@timhoffm
Copy link
Member

timhoffm commentedSep 23, 2025
edited
Loading

I guess it depends on how close we want it to match the old version.

my main concern is consistency. The new code must produce reasonable results, I.e. text must be inside the arrow outline, for all parameter combinations. The code should be not too complex (try to avoid too much special-casing). Matching existing behavior is only third - note that these are outlines around a text, and are defined via the text position. The tip position and arrow size are not explicitly set but depend on font metrics and size. I therefore think it is permissible to not exactly reproduce existing behavior.

@QuLogic
Copy link
Member

QuLogic commentedSep 23, 2025
edited
Loading

Going through the whole range, it does appear to be a bit jumpy?

At about 100 degrees, the padding changes:
angle

At about 2.5 width, the padding changes:
width

Source code
import matplotlib.pyplot as pltfrom matplotlib.animation import FuncAnimationfrom matplotlib.widgets import Sliderfig, ax = plt.subplots(3, 1, height_ratios=[4, 1, 1])texts = []for i, arrow in enumerate(['larrow', 'rarrow', 'darrow']):    texts.append(        ax[0].text(0.5, 0.3*i + 0.2, 'Arrow', ha='center', size=16,                   bbox=dict(boxstyle=f"{arrow}, pad=0.3, head_angle=150")))def update_head_angle(value):    for t in texts:        t.get_bbox_patch().get_boxstyle().head_angle = value    fig.canvas.draw_idle()def update_head_width(value):    for t in texts:        t.get_bbox_patch().get_boxstyle().head_width = value    fig.canvas.draw_idleangle_slider = Slider(ax[1], 'Angle', 0, 360, valinit=150, closedmin=False)angle_slider.on_changed(update_head_angle)width_slider = Slider(ax[2], 'Width', 0, 3, valinit=1.5)width_slider.on_changed(update_head_width)anim = FuncAnimation(fig, lambda t: angle_slider.set_val(t),                     frames=range(1, 360), interval=3000/360)anim.save('angle.gif')angle_slider.set_val(150)anim = FuncAnimation(fig, lambda t: width_slider.set_val(t/100),                     frames=range(0, 300), interval=3000/300)anim.save('width.gif')# plt.show()

@timhoffm
Copy link
Member

timhoffm commentedSep 23, 2025
edited
Loading

The discontinuity comes from the fact that for small arrows, we need a margin
image
whereas for reasonably large arrows we left it out:
image

The old behavior shifted the text into the arrow (equivalent to a negative margin), but that does not work for various combinations of arrow parameters and detecting that in detail would be much more complex.

Alternatives to the jump would be

  1. always add the margin - that felt a bit too much to me but YMMV, and it is even further from the old behavior
image
  1. Make the margin dependent on arrow parameters at the cost of more complex logic.

@tacaswell
Copy link
Member

Discussed an the call. Keeping consistency on these is not super important, no one should be extracting quantitative information from these arrows.

  • simplest option (Tim's 1): go to fixed padding
    • pro: dead simple
    • con: not as aesthetic
  • smart algorithm (Tim's 2): proposed by@anntzer to adjust the tail such that the arrow just touches the text bounding box
    • pro: might look a bit better
    • con: more complicated, has some odd behavior at extreme aspect ratios and/or big arrows that will have to be thought bout
  • just accept the jump
    • pro: it is done! We do not think anyone will actually make the slider Elliott made above and as noted no one should be
    • con: the jump feels wrong, having two magic numbers (the padding value and the change over thresholds) is not great.

Personally I think the smart algorithm will probably look better, but fixed pad is my second choice.

@timhoffm
Copy link
Member

Just as a reminder, I've drawn all(?) the options in#29998 (comment),#29998 (comment).

The bounding-box options (4), (5) are generally not as nice as thought; or at least not better than the simple ones (1), (2). I believe if we want to be smart, we must be even smarter - possibly a combination of cases or some more advanced distance metric for tip-to-text.

Would it be an option to mark the behavior as provisional and allow us the freedom to later change the head positioning algorithm? - Only slight caveat is that we change the behavior for existing users now (one-time break is justified to enable generalization), but we would possibly break them again and leave them in a limbo state in between. Feature flags (#30519) would help with these, but we'd still have to implement them soon.

Overall, possibly the sane decision is to defer this topic to after the 3.11 release.

@jklymak
Copy link
Member

jklymak commentedSep 26, 2025
edited
Loading

As a meta comment - if the goal is "to bring attention to a certain region on the axes" this doesn't seem like the right tool. I'd make a precisely placed arrow and add text over top and adjust the text to fit the aesthetics of the arrow. Trying to reverse engineer that behaviour into something precisely depending on a text bounding box doesn't seem like a good API.

@timhoffm
Copy link
Member

That is true and the reason why we can do a breaking change in size/positioning.

Sign up for freeto join this conversation on GitHub. Already have an account?Sign in to comment

Reviewers

@QuLogicQuLogicQuLogic left review comments

@timhoffmtimhoffmtimhoffm left review comments

@github-actionsgithub-actions[bot]github-actions[bot] left review comments

At least 1 approving review is required to merge this pull request.

Assignees

No one assigned

Labels

Documentation: user guidefiles in galleries/users_explain or doc/usersNew featuretopic: annotation

Projects

Status: Waiting for author

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[ENH]: "Road sign" boxstyle/annotation

8 participants

@CharlieThornton33@timhoffm@rcomer@QuLogic@tacaswell@jklymak@melissawm@Abitamim

[8]ページ先頭

©2009-2025 Movatter.jp