Fast 2D rendering graphs with d3.js & canvas optimization - Paris JS #96

Опубликовано: 31 Май 2026
на канале: ParisJS
492
5

2D graphs are now made easy to implement with this awesome d3.js library,
but when you start to add User interactions and a large amount of data, SVG rendering is getting slow and doesn't fit your needs anymore...

Welcome to you, Mr. Canvas!!
We will implement a solution to get the best out of the SVG and Canvas.

Canvas:
pros: fast rendering,
cons: hard to interact with

SVG :
pros: easy to interact with
cons: heavy, slow are rendering + change DOM?

0:00 Introduction
0:20 Fast 2D rendering
8:31 Live demo
18:32 Conclusion
20:41 Questions