Reproduction: SVG Yield vs Return / Mario Delgado / Observable Please explain why: svg1 is re-rendered when referenced again in a cell svg2 is not re-rendered when referenced again in a cell

In short, when you write a variable in a cell, you’re not just defining or referencing it like in plain linear JavaScript or Python, you are attaching it to the DOM. So when a variable is already attached and you make a cell with it a second time, Observable does not try to reattach the var or dupli…

Very helpful discussion in the notebook. It’s share-able and not officially published yet, so I’ve added comments suggesting that @mootari publish it so it will show up in searches.

Observable Cell Behavior for yield-ed vs return-ed animated svg element

Help

hellonearthis September 18, 2021, 9:29pm 2

Not sure why, but if you make an HTML cell it updates the SVG element

${svg2}

Topic		Replies	Views
cell marked detached: why? What does it mean? Help	3	558	November 22, 2022
My Biggest Rant About Observable Feedback	15	1442	January 27, 2023
How do you get a referenced cell to always show its name, even when collapsed? Help	8	466	June 3, 2021
About reactivity Help	2	523	March 11, 2019
Referenced cell within a function not reflecting latest reference Feedback	7	1016	July 9, 2019

Observable Cell Behavior for yield-ed vs return-ed animated svg element

Related topics