SVG of Cetz chart doesn't appear to import correctly

[clever maple]

In an attempt to speed up compile times I've made a botch job attempt at externalizing my figures. This gives the svg attached. If I reimport it using image, I get the following in the document

[frank gyro]

@bleak hamlet

[clever maple]

This might be an issue with the PDF render because if I export the page itself (the actual document but with the svg import), I get the correct output

[bleak hamlet]

same as https://github.com/typst/typst/issues/3654

unfortunately this one doesn't have a fix yet :p unless you can somehow force typst to not use oklab color space

i'm not sure how svg export works

@wintry shuttle maybe in svg export we can not emit oklab for now? I think typst should have a function to convert to srgb no?

[wintry shuttle]

i just look at code and i think we do emit oklab color. see typst-svg/src/paint.rs:522

attached svg looks fine in browser?

[bleak hamlet]

well yes but resvg doesn't support oklab

(it's a resvg issue, but it would be good if in the meanwhile we avoid emitting oklab/icc-color in the svg export, and isntead just emit srgb colors)

[wintry shuttle]

ah, make sense

i'm not sure about color mapping things. can we simply convert oklab to srgb? or it is not possible?

[bleak hamlet]

hmm is it possible? @junior jolt

[junior jolt]

yeah you could just map the gradient colors using color.rgb

That being said, I have the issue also of importing oklab colors in PowerPoint

Because they don't actually support SVG correctly

We could probably have a --svg-compat mode that always uses RGB or something like that 😐

[junior jolt]

I don't think we can do this always because it will screw up gradients!

Since they rely on SVG being able to interpolate colors in oklab which is what makes them look good

and not require a bagilion stops

couldn't we just open a PR on resvg with oklab support?

I should also mention that oklab and oklch are officially supported SVG color spaces, not CSS or anything funky like that, pure SVG

[bleak hamlet]

well yeah, the problem is someone needs to implement it 😂

[bleak hamlet]

yeah I know

it's a resvg issue

[junior jolt]

mood 😂

@clever maple in the meantime you can just map the colours to rgb since you're not using gradients 😉

[clever maple]

Not too big a problem for me because I'm mainly using it to speed up compiles, but I'm perfectly happy with a longer compile for the "final" version

[junior jolt]

I will need (soon™️) to have lots of figures and I was thinking of using cetz for plotting, but I am starting to think against it 😐

[clever maple]

Thanks! How would I do that? I'll drop a snippet to show how I'm generating the colours because it's through a gradient (basically I stole how you did the colours for the barchart you shared yesterday

[junior jolt]

when you do grad.sample(...) just add a .map(color.rgb) and you're done 😉

[junior jolt]

I know 😈

[clever maple]

I've put together a quick and nasty externalisation wrapper, which I'll tie into a makefile with queries, I'll share this evening

[junior jolt]

ah if you do then I would love to get that

I was thinking of one typst file per chart that gets exported to SVG and then imported either as SVG or #include "..." depending on a CLI parameter maybe

[clever maple]

That's exactly how I'm doing it

[junior jolt]

https://tenor.com/view/great-minds-think-alike-high-five-great-minds-snl-gif-11857247

So my midday break is about to be over and I have meetings galore 😄

So if you have questions I'll have a look later

[clever maple]

I have a monthly meeting with my industrial sponsors in an hour and I look forward to telling them how I've not done any lab work since last time because of a backlog on consumables orders

[junior jolt]

oof

I am glad to be mostly working on simulations 😂

I get models, I implement models, and I simulate

[clever maple]

Catboys when

[junior jolt]

you're the one doing lab work, you should know

Is it catboy DNA that is unavailable?

(would make sense tbh)

[vapid acorn]

ooh, that's definitely a use case I'll add to prequery!

[clever maple]

Just learning how to use the typst cli query stuff: I imagine it doesn't work if multiple things have the sample label, so how would I go about getting all the relevant metadata to do this, surely this is already a solved problem?

[junior jolt]

I never used typst query 💀

[vapid acorn]

If multiple things have the same label you get multiple results (JSON array). I think there's an option --one or similar for when there's only one result; check --help for that 🙂