Sharing this just to spare anyone a bit of confusion in case they run in to the same issue. I use Observable Plot to create rough drafts of graphics, which I download as SVG to share with my partner who incorporates them into finished layouts with Adobe Illustrator. Normally this works great, but we ran in to an issue with a recent graphic where rule marks with tick markers were not appearing correctly in Illustrator. At first I thought I had mangled something in my code or that possibly it wasn’t exporting/downloading correctly from Observable, but after further investigation I was surprised to learn that Illustrator’s support for SVG features is simply incomplete. The downloaded SVGs render perfectly in Inkscape and other viewers, but not Illustrator.
Here’s a notebook I put together to document the problem. Compare the “error bars” in the Plot image to the second screenshot, which shows how they appear in Illustrator - only ticks, with no connecting line.
