QuiverAI (@QuiverAI)
Arrow 모델의 장점 소개 트윗 시리즈 중 첫 번째 내용: Arrow가 실시간으로 SVG를 그리는 기능을 강조. 실시간 SVG 렌더링을 통한 즉각적 시각화가 핵심 매력으로 소개된다.
QuiverAI (@QuiverAI)
Arrow 모델의 장점 소개 트윗 시리즈 중 첫 번째 내용: Arrow가 실시간으로 SVG를 그리는 기능을 강조. 실시간 SVG 렌더링을 통한 즉각적 시각화가 핵심 매력으로 소개된다.
FLORA © (@floraai)
벡터 완벽한 도형·아이콘·타입·기술 도면을 위한 프롬프트→SVG 생성·정제·합성 워크플로를 제공하는 Arrow 1.0이 QuiverAI의 제품으로 출시되어 FLORA에 포함되었다는 발표.
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/
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 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…
#Development #Comparisons
SVGs on the web · When to use which loading technique https://ilo.im/16b9sv
_____
#Loading #SVG #Images #Browsers #WebPerf #WebDev #Frontend #HTML #CSS