An SVG is all you need

lucid-dev 10 minutes ago | parent | next [-]

This is going to really transform some data visualization things I've been thinking about. I've always loved SVG since working with Illustrator and Inkscape back in the day, but I didn't realize how much it could tie in with the modern web and interactivity. Thank you!

	▲	tetris11 5 minutes ago \| parent [-]
		Surely D3 is what you're referring to

▲

sturbes 13 minutes ago | parent | prev | next [-]

I just went down the same rabbit hole, it is totally fun! https://turbek.com/Designing-Interactive-SVGs-with-AI/

TLDR:

- SVG image files: powerful like HTML

- Supported widely in browsers

- Designer tools make SVGs

- SVGs are written in a language

- LLMs are great at manipulating language

- Designers can collaborate interaction into life

▲

WorldPeas an hour ago | parent | prev [-]

all we need is keyboard input and audio output and we have (most of) flash back. I may have to look into this in my idle hours

	▲	zamadatix 5 minutes ago \| parent \| next [-]
		The magic here is happening via the <script> tags, where you have access to the browser APIs like you would an <canvas> instead of <svg>. E.g. here's a sample I forked following the mouse using <svg> with <script> inside https://codepen.io/zamadatix/pen/emZXZKx?css-preprocessor=sc...
	▲	fragmede 14 minutes ago \| parent \| prev [-]
		JavaScript to catch keypress events and edit the SVG in situ maybe?