Incorrect column title in arc flags illustration: "Large Arc Sweep Flag"

[mootari]

MDN URL

https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths

What specific section or headline is this issue about?

Illustration of large arc and sweep flag combinations (svgarcs_flags.png)

What information was incorrect, unhelpful, or incomplete?

The column label reads "Large Arc Sweep Flag".

https://github.com/mdn/content/blob/5f50e55f9c64273f69bd01ed16698fe32f1c20c2/files/en-us/web/svg/tutorial/paths/svgarcs_flags.png

What did you expect to see?

The column label should read "Large Arc Flag".

Do you have any supporting links, references, or citations?

The SVG 2 Paths spec: https://svgwg.org/svg2-draft/paths.html#PathElement

Do you have anything more you want to share?

The error can be found on a small number of other (non-MDN) sites and is likely a result of accidentally merging large-arc sweep-flag into large-arc-sweep-flag.

MDN metadata

Page report details

• Folder: en-us/web/svg/tutorial/paths
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/svg/tutorial/paths/index.md
• Last commit: 01b8471
• Document last modified: 2024-11-14T23:45:45.000Z

[Josh-Cena]

Would be tricky to replace the diagram but yes the text should change

[mootari]

The text can be updated with a simple edit:

It's kinda ironic though that an article about SVG is illustrated by low-resolution subpixel-antialiased PNGs. 😅

It would probably take a couple of hours at most to rebuild all of them as SVGs (for this particular page), but i have a feeling that maybe this shouldn't be done without taking a broader look at the other pages and defining some design guidelines first.

[Josh-Cena]

I think the most ideal solution is to use an in-page live sample instead. If anyone's interested to contribute, there are ample examples in the SVG docs.

[mootari]

I'm not sure I'd agree, at least not as a replacement. Arguably the illustration can convey the effects better than live code could, it doesn't require loading an editor, and including additional markup for the legends would likely bloat the example code.

[Josh-Cena]

It would look like this: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform-origin or this: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-width. Basically live-rendered page with its source code; no editors. Sure there's some extra markup, but the goal is not to look at the code anyway (the status quo has zero code), and certainly enables interested readers to quickly extract the source code they need, since each cell would be an independent graphic.