News for hackers. Stuff that matters.
Re:Learn SVG with 25 examples – How to code images in HTML by albert_e on Thursday December 07, 2023 @10:49PM (#38565219)
Is there a good primer to this topic?

This sounds like an area I would enjoy a lot but am barely a beginner in React. Any working examples that might give me the right direction / inspiration ? Thanks

Re:Learn SVG with 25 examples – How to code images in HTML by HunorBorbely on Friday December 08, 2023 @04:33AM (#38567039)
Day 24 is a basic example of React + SVG. Once you get the basics of React you can just start coding images based on this tutorial.
Re:Learn SVG with 25 examples – How to code images in HTML by epiccoleman on Friday December 08, 2023 @08:23AM (#38568687)
It's not exactly a primer, but my blog post[1] that I linked elsewhere in the thread is, I think, a pretty good example. It goes through some SVG basics, and then the following post in the theory talks through adding interactivity via event listeners hooked up in a React-y way.[2]

I can't promise that it's like, the best code or the best approach to the problem, but I did get the component working, which is worth something. Check it out - I'd love to hear what you think!

[1]: https://epiccoleman.com/posts/2023-04-05-svg-circle-of-fifth...

[2]: https://epiccoleman.com/posts/2023-04-14-circle-of-fifths-in...

Re:Learn SVG with 25 examples – How to code images in HTML by epiccoleman on Friday December 08, 2023 @11:47AM (#38571057)
* following post in the series