I wanted to share this link for a while. I do not know if I will be able to use it in the future, but I am hoping that someone else will find it inspiring.
Sometimes, something new interacts with one of these older ideas and leads to something interesting. This article is about one such case: a hacky technique that allows us to pass some data from CSS to SVG and use it to adjust colors or almost anything else.
Categories:
Web Development
April 28, 2025
A High-quality stranger. I've considered myself a digital gofer. Y'know, go for this and go for that. I'm using micro.blog now to par down my technical projects and be part of an outstanding community.
Debug Information
Permalink
"https://mandarismoore.com/2025/04/28/passing-data-into-svg-linked/"
Params
map[categories:[Web Development] custom_summary:%!s(bool=false) date:2025-04-28 17:51:24 -0800 -0800 draft:%!s(bool=false) guid:http://mandaris.micro.blog/2025/04/28/passing-data-into-svg-linked/ iscjklanguage:%!s(bool=false) lastmod:2025-11-03 23:41:44 -0800 -0800 layout:post microblog:%!s(bool=false) opengraph:map[image:https://s3.amazonaws.com/micro.blog/opengraph/2025/04/29/5327946.png title:Mandaris - Passing Data into SVG Linked Parameters Workaround] post_id:%!s(int=5327946) publishdate:2025-04-28 17:51:24 -0800 -0800 summary: thumbnail:https://s3.amazonaws.com/micro.blog/thumbnails/2025/04/29/mandarismoore.com/def2a962ef35749544ca9c1d12b99f09.png title:Passing Data into SVG Linked Parameters Workaround type:post url:/2025/04/28/passing-data-into-svg-linked/]
Page Variables
&hugolib.pageState{id:2019, pageOutputs:[]*hugolib.pageOutput{(*hugolib.pageOutput)(0xc0047e0f20), (*hugolib.pageOutput)(0xc0047e1340), (*hugolib.pageOutput)(0xc0047e1760), (*hugolib.pageOutput)(0xc0047e1b80), (*hugolib.pageOutput)(0xc0047e2000), (*hugolib.pageOutput)(0xc0047e2420), (*hugolib.pageOutput)(0xc0047e2840), (*hugolib.pageOutput)(0xc0047e2c60)}, pageOutputTemplateVariationsState:(*atomic.Uint32)(0xc00260cbf0), pageOutput:(*hugolib.pageOutput)(0xc0047e0f20), pageCommon:(*hugolib.pageCommon)(0xc002a85800)}
All variables scoped to the current context
&hugolib.pageState{id:2019, pageOutputs:[]*hugolib.pageOutput{(*hugolib.pageOutput)(0xc0047e0f20), (*hugolib.pageOutput)(0xc0047e1340), (*hugolib.pageOutput)(0xc0047e1760), (*hugolib.pageOutput)(0xc0047e1b80), (*hugolib.pageOutput)(0xc0047e2000), (*hugolib.pageOutput)(0xc0047e2420), (*hugolib.pageOutput)(0xc0047e2840), (*hugolib.pageOutput)(0xc0047e2c60)}, pageOutputTemplateVariationsState:(*atomic.Uint32)(0xc00260cbf0), pageOutput:(*hugolib.pageOutput)(0xc0047e0f20), pageCommon:(*hugolib.pageCommon)(0xc002a85800)}