QuiverAI (@QuiverAI)

Arrow 모델의 장점 소개 트윗 시리즈 중 첫 번째 내용: Arrow가 실시간으로 SVG를 그리는 기능을 강조. 실시간 SVG 렌더링을 통한 즉각적 시각화가 핵심 매력으로 소개된다.

https://x.com/QuiverAI/status/2033944135850221962

#arrow #svg #realtime #vector

QuiverAI (@QuiverAI) on X

5 things you loved about our model Arrow. 1/5 Watching Arrow draw SVGs in real-time

X (formerly Twitter)

FLORA © (@floraai)

벡터 완벽한 도형·아이콘·타입·기술 도면을 위한 프롬프트→SVG 생성·정제·합성 워크플로를 제공하는 Arrow 1.0이 QuiverAI의 제품으로 출시되어 FLORA에 포함되었다는 발표.

https://x.com/floraai/status/2033971641563144299

#arrow #quiverai #svg #vector

FLORA © (@floraai) on X

shapes. icons. type. technical drawings. you need them vector perfect. prompt to SVG, refine, composite. Arrow 1.0 by @QuiverAI is now in FLORA.

X (formerly Twitter)

If you're a Cheetah+ supporter on Ko-fi or Patreon, you can see not just a live demo (the one screenshotted below), but also a detailed write-up on this:

❇️ https://ko-fi.com/post/Better-duotone-with-SVG-filters-B0B61W5SDD

❇️ https://www.patreon.com/posts/better-duotone-153264752

#duotone #svgFilter #SVG #filter #coding #web #dev #webDev #webDevelopment #code #frontend #filterEffect #CSS

But my new method of setting the `flood-color` in the #CSS still doesn't escape another drawback the previous ones had: it cannot use the same #SVG #filter for different #duotone pairs.

A lime & dark purple duotone means one SVG filter, a pink & blue duotone means another SVG filter.

Boo! ☹️👻

Is there no way to get any duotone effect with the same SVG filter, setting the tones as CSS vars on the img?

There is! With an SVG filter that doesn't involve any complicated matrix/ transfer function.

A couple of years ago, I made this @codepen demo:
https://codepen.io/thebabydino/pen/RwdjEBW

Since `flood-color` can be animated from the #CSS, this made it more flexible than methods where the two tones were baked into the #SVG #filter as decimal representations of their percentage RGB values.

If you're unfamiliar with those older methods, here are some links, in chronological oder:

👉 https://css-tricks.com/color-filters-can-turn-your-gray-skies-blue/

👉 https://css-tricks.com/using-svg-to-create-a-duotone-image-effect/

👉 https://tympanus.net/codrops/2019/02/05/svg-filter-effects-duotone-images-with-fecomponenttransfer/

👉 https://utilitybend.com/blog/revisiting-svg-filters-my-forgotten-powerhouse-for-duotones-noise-and-other-effects/

#duotone

Alien Peace SVG Free | Vectoranger

Alien Peace SVG, Alien SVG For Cutting Machines, Silhouette Users, Cricut and more. $0.00

Vectoranger
Shamrock SVG Free | Vectoranger

Shamrock SVG, St Patricks Day SVG For Cutting Machines, Silhouette Users, Cricut and more. $0.00

Vectoranger

SVG in Ruby 🚀

Just published: A complete guide to generating scalable, interactive vector graphics.

✓ 5 Ruby gems compared
✓ Real code examples
✓ When to use raster vs vector
✓ Building interactive maps

From ruby-libgd to SVG—the evolution of Ruby cartography.
Read the full article below.

https://rubystacknews.com/2026/03/16/svg-generation-in-ruby-a-practical-guide/
#SVG #Ruby #WebDevelopment

SVG Generation in Ruby: A Practical Guide

SVG Generation in Ruby: A Practical Guide March 16, 2026 Recently, I created ruby-libgd and libgd-gis for raster graphics generation in cartography. But as I worked on these tools, I realized the l…

Linking Ruby knowledge from the most remote places in the world.
SVGs on the web: performance comparison based on how you load them | Joan León

Inline, sprite with <use>, <object>, <img>... each way of loading an SVG has different implications for performance, caching and rendering. A practical analysis to help you choose well.

#GenerativeArt interlude

An experiment in folded shading

#XQuery #SVG #CreatingCoding