Datapedia
Visualización

SVG vs. Canvas en visualización

Comparación entre dos tecnologías web para dibujar gráficos: SVG representa cada elemento como un objeto individual manipulable, mientras que Canvas dibuja una imagen de píxeles sin mantener esa estructura.

Implementación técnica

SVG dibuja gráficos como una colección de elementos individuales (círculos, líneas, rectángulos) que permanecen accesibles y modificables individualmente después de dibujados, mientras que Canvas dibuja directamente píxeles sobre una superficie, sin mantener memoria de los elementos individuales una vez pintados, tratando el resultado como una simple imagen.

Cuándo elegir cada tecnología

SVG facilita agregar interactividad detallada (como que cada barra individual responda a un clic) y suele ser preferido para visualizaciones con relativamente pocos elementos; Canvas ofrece mejor rendimiento con una cantidad muy grande de elementos (miles de puntos en un gráfico de dispersión), a costa de una interactividad más compleja de implementar sobre elementos individuales.