d3.geoPath as textPath: flip text

[janwillemtulp]

Hi,

I am currently linking to a d3.geoPath from my textPath element (using xlink:href("#my-geo-path"), which works perfectly fine. However, I am animating the d3.geoPath, and in some situations I end up with the text up side down, and I want to flip the text in these situations so that it is easier to read. The side attribute for a textPath only works in FireFox as it seems. So, would there be another way to flip text in these situations?

Thanks!

[Fil]

Hello, can you maybe share a minimal live example (a block or an observable notebook) reproducing the issue?

[mbostock]

If you can’t do this with SVG attributes then I think you might need to reverse the path.