Canvas o SVG para hacer gráficos: ¿cuál conviene?
Lorena M.
Nivel 3 ·
Tengo que hacer unos gráficos de barras y líneas para un dashboard. Vi que se puede con canvas o con SVG. ¿Qué diferencias hay?
Respuestas 5
Marcos A.
Nivel 3 ·
0 0 SVG es vectorial y cada elemento forma parte del DOM: le podés dar estilos con CSS y eventos de clic, y escala sin perder calidad. Ideal para gráficos con pocos elementos e interactivos.
Gabriel B.
Nivel 3 ·
0 0 Canvas es un mapa de bits donde dibujás con JS. No hay elementos individuales: si querés detectar un clic en una barra, lo calculás vos. Pero rinde mucho mejor con miles de elementos.
Sebastián
Nivel 3 ·
1 0 Regla aproximada: cientos de elementos, SVG. Decenas de miles de puntos o animaciones pesadas, canvas.
Yesenia P.
Nivel 3 ·
0 0 SVG además es más accesible: podés agregar títulos, descripciones y roles. En canvas tenés que dar una alternativa aparte.
Valentina V.
Nivel 3 ·
0 0 Para un dashboard típico, SVG. Y probablemente con alguna librería que lo genere por vos.