https://alexchirkin.me/tags/d3/ Recent content in D3 on alexchirkin.me Hugo en-us <a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank" rel="noopener">CC BY-NC 4.0</a> Sun, 23 Oct 2022 00:00:00 +0000 https://alexchirkin.me/blog/chart-lifecycle/ Sun, 23 Oct 2022 00:00:00 +0000 https://alexchirkin.me/blog/chart-lifecycle/ <p><img src="https://alexchirkin.me/covers/state-lifecycle.png" alt="D3 chart lifecycle"></p> <p>Integration of D3 data visualizations into front-end applications can be a tricky task, when a plot lifecycle is controlled by the application, sometimes it may be unclear how to properly connect the plot and the application. In this article, I describe some ways to update plots with saving their internal state.</p> <h2 id="plot-internal-state">Plot internal state</h2> <p>When creating a D3 plot to visualize some data it frequently happens that to improve user experience some interactivity should be added. And with interactivity usually comes state and with that, the complexity of the plot lifecycle can increase rapidly. Many different things can be stored in the plot state, like scrolling position, selected elements, zoom value, etc. Basically, that can be any effect of possible user input not directly related to data changes.</p>