home.social

#svg — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #svg, aggregated by home.social.

  1. RE: front-end.social/@Wilto/117207

    I can neither confirm nor deny the presence of a snarky cartoon about browser vendors and #SVG in the pages of @Wilto’s Multipage Version #2 👀

    I guess you’ll just have to buy a copy (supporting Trans Lifeline in the process :heart_transgender: ) to see for yourself?

    #WebDev #Zine

  2. Piracy is a bloody business

    I am pleased beyond reason with how the waves came out

    #SVG #XQuery #CreativeCoding #HumanArt

  3. Circle packing

    There are up to two slots for circles for each parent circle, one on each side.
    Pluck the next slot off the list. If there is room for a circle of the current size there, add it, and add the new slots to the list.
    Continue until stack empties or max iterations.

    #SVG #XQuery #CreativeCoding #HumanArt

  4. Wochenrückblick, Ausgabe 142 (2026-20)

    Themen:

    ✈️ Honeycomb Bravo endlich komplett in X-Plane integriert

    🏡 Der Garten ist kurz vor Dschungel-Status

    🗺️ Bikerouter-Änderungen: Bugfixes und zwei neue Features

    🔨 Ich war handwerklich aktiv

    🔧 Werkzeug-Neuzugänge in der Werkstatt

    🐚 CLI-Tool der Woche: svgo

    🔊 In dieser Woche gehört: Marie Claire b2b Max Muth

    #Wochenrückblick #XPlane #Honeycomb #HoneycombBravo #Garten #Bikerouter #Handwerk #Werkzeug #Werkstatt #SVGOMG #SVG #svgo #cli #CliToolDerWoche #Techno

    https://www.marcusjaschen.de/blog/2026/2026-20/

  5. #GenerativeArt interlude

    Invasion percolation: immiscible substances in a porous medium

    Seeping along a crack

    #XQuery #SVG #CreativeCoding #HumanArt

  6. #GenerativeArt interlude

    An experiment with reflection across a curve, reflection along tangent at nearest point

    #XQuery #SVG #CreativeCoding

  7. #GenerativeArt interlude

    Dusting off my old fractal flame code, with a larger set of functions and more efficient rendering

    Kinda steampunky

    #XQuery #SVG #CreativeCoding

  8. #GenerativeArt interlude

    deJong attractors

    (x[n+1],y[n+1]) = (sin(a y[n]) - cos(b x[n]), sin(c x[n]) - cos(d y[n])) for constants a,b,c,d

    Mapping frequency-at-point to colours (log)

    #XQuery #SVG #CreativeCoding

  9. The Plot Thickens

    And with that, we've got all the plotting puns I can come up with out of the way.

    #svg #axidraw #creativecoding #cca #plotterart #copic #rotring #diamine #rstr

    cca.codes

  10. (originally posted on 2024-08-20) - Abstract Reflections Plot Plotted with Copic classic markers, black and apricot, this time with the smaller tip.

    #bijlmer #svg #paperjs #rstr #plotter #art #wip

    rstr.d17e.dev

  11. (originally posted on 2024-08-12) - Bijlmer in Color, plotted A big reason behind the development of rstr is my desire to plot images in interesting ways, so it was about time to dust off the plotter...

    #bijlmer #svg #paperjs #rstr #plotter #art #wip

    rstr.d17e.dev

  12. (originally posted on 2024-08-11) - Bijlmer in Color As I was playing around putting these pictures through rstr, I realised it would be great if it could use different colors...

    #bijlmer #svg #paperjs #rstr #plotter #art #wip

    rstr.d17e.dev

  13. Simplest #SVG 🍩 chart with 3 equal slices!

    ✨ no char vomit in path data
    ✨ easy to understand and tweak
    ✨ minimal code, fits in a social media post

    Because somebody asked for it - see my solution with a detailed explanation of the how behind reddit.com/r/svg/comments/1hx4

    Live demo on @codepen

    codepen.io/thebabydino/pen/qEB

    #chart #pieChart #coding #frontend #web #dev #webDev #webDevelopment #code

  14. Back to the Ancestors

    “No one is finally dead until the ripples they cause in the world die away.”
    Terry Pratchett

    Christmas is a contemplative time. You meet up with friends and family and enjoy being together. Until a family member gets in touch and asks for a new printout of the family tree. Family trees were a topic on this blog in 2018 and s

    schegge.de/2025/01/back-to-the

    #AgileAnekdoten #AusDemLeben #Bibliotheken #Java #Ancestor #Batik #GEDCOM #Java #SVG

  15. So, having just hand-coded not one, not two, but THREE #SVG plots *and* a #pieChart by hand (you can find them here <wok.oblomov.eu/ludica/monopoli> if you're curious), and having realized how painstaking it was, I'm wondering: would it be possible to use #XSLT to convert an #XML description of the data in an #SVG more or less automatically? Could this be done client-side on the fly, or would it require “offline” processing?

  16. The how behind is really simple.

    We use the individual RGB channel extraction tactic from mastodon.social/@anatudor/1120

    Then we offset two of the individual RGB channels along different directions and then recombine the post-offset RGB channels.

    #SVG #filter #CodePen #svgFilter #css #code #coding #frontend #web #webDev #dev #webDevelopment #chromaticAberration

  17. #ArtAdventCalendar Day 11.

    Wolf Shadowbox, multilayered papercut piece, backlit with LED. ( the one that’s being used for my profile picture 🙃 )

    #MastoArt #Papercut #SVG #Wolf #Shadowbox #LEDShadowbox #Cricut

  18. #ArtAdventCalendar Day 9.

    Otter and the Bear Shadowbox Commission, multilayered papercut piece, backlit with LED.

    This is a piece I made last year for a friend who wanted a gift for his partner on their birthday 🦦🐻🎈

    #Shadowbox #MastoArt #LEDShadowbox #Cricut #SVG #PapercutArt

  19. Think I'm done on the design now (if the GIF loads) 🎉 Some last minute checks and then I should be good to export these and get them cut out of paper using a #Cricut, and set within a deep frame and finally backlit by LED.

    #SVG #PapercutArt #MastoArt #SVGDesign #AffinityDesigner #LEDShadowbox

  20. A very WIP of a new shadowbox design, a custom gift for someone in the family who loves dinosaurs, specifically dinosaurs fighting 😅 🦖

    Once all the layers are in and much more detail added, it will be cut from paper and set within a deep LED backlight frame.

    #AffinityDesigner #SVG #WIP #MastoArt #Shadowbox #LEDShadowbox #PapercutArt

  21. This Deer shadowbox was one of the first I completed 🦌.

    Designed in Affinity Designer, cut with a Cricut - 5 layers of paper stacked and backlit with LED.

    EDIT: Fixed timelapse/gif

    #Cricut #Shadowbox #SVG #PapercutArt #MastoArt #LEDShadowbox #ALDRDesignShadowbox