I can’t imagine this hasn’t come up before in this forum, but I can’t seem to find any discussion on it… How to reference within SVGs with the aid of urls, given the sandboxing of the notebook’s user content? E.g. in the case of using markers at the end of paths, or for using filters. I’ve tried: …

Here’s a little demo of DOM.uid (or using window.location to generate an absolute IRI): [image] SVG Clipping Test An Observable notebook by Mike Bostock.

Actually, encoding filters as data urls does work, I was just making an effect-specific error for my gooey effect :wink: Check https://beta.observablehq.com/@kelleyvanevert/gooey-filter-via-a-data-url for a working example. The question remains, whether the data url technique is necessary in Observ…

Hey Kelley! The fix is DOM.uid - here’s the PR that introduced it to notebook-stdlib: https://github.com/observablehq/notebook-stdlib/pull/23 We introduced the base tag to notebooks in order to fix links from those notebooks - so that relative links are relative to the parent frame on beta.observa…

Nice, thanks :slight_smile: It seems my second attempt did in fact work, except that I was making a filter-specific error, and hence overlooked the solution. The DOM.uid API is a useful indicator that there’s something specific going on, and hence a good thing to have.

Just wanted to chime and say that even when the chosen ID is unique and local to the SVG, DOM.uid seems to be required for things like xlink:href to work at all in Firefox (60.0.1) for some reason, e.g.: [image] FF Debug An Observable notebook by Noah Veltman.

Is this issue the reason that some clip paths don’t work in Safari? E.g. in this nice notebook, [image] Yvaral An Observable notebook by pstuffa. Edit: seems so. [image] Yvaral in D3 An Observable notebook by Jacob Rus. @Fi…

Url() references within SVGs

Help

jrus May 30, 2018, 9:39pm 7

Is this issue the reason that some clip paths don’t work in Safari?

E.g. in this nice notebook,

Edit: seems so.

@Fil you might want to fix this one too

Topic		Replies	Views
Render differences summary page and real page	3	1237	September 27, 2018
DOM.uid not compatible with SVG downloading	4	2365	December 2, 2018
Viz works in blocks everywhere, in observablehq everywhere but firefox Help	8	682	September 23, 2018
Links when Embedding Notebooks Help	6	336	September 27, 2023
Unable to use uploaded file for SVG external symbols Help	8	694	July 25, 2020

Url() references within SVGs

Related topics