Em que casos é melhor escolher o uso de Canvas, e em que casos SVG?

A escolha entre Canvas e SVG depende do tipo de gráficos, da tarefa e da interatividade requerida.

Canvas é mais adequado para:

• Gráficos raster e manipulações de pixels.
• Criação de visualizações complexas com muitos elementos (por exemplo, jogos, animações com muitos objetos).
• Renderização dinâmica, quando os gráficos mudam rapidamente (por exemplo, gráficos em tempo real).
• Desenho de baixo nível, onde o controlo sobre cada pixel é importante.
• Desempenho ao trabalhar com muitos elementos, pois é uma imagem uniforme.

SVG é mais adequado para:

• Gráficos vetoriais (imagens escaláveis sem perda de qualidade).
• Gráficos que requerem alta detalhamento e escalabilidade (logótipos, ícones, diagramas).
• Elementos interativos, onde cada objeto é um elemento DOM separado e pode ser manipulado por eventos.
• Gráficos semânticos, quando os elementos devem ser acessíveis para motores de busca e tecnologias assistivas.
• Edição simples e animação de elementos individuais usando CSS e JavaScript.
• Trabalhar com elementos vetoriais preexistentes ou criá-los em editores gráficos.

Aqui está uma tabela para comparação:

Critério	Canvas	SVG
Tipo de gráfico	Rasterizado	Vetorial
Desempenho	Bom para muitos elementos	Pode desacelerar com muitos elementos
Escalabilidade	Depende da resolução	Impecável
Interatividade	Difícil de implementar ao nível de objetos	Fácil de implementar ao nível de objetos
Acessibilidade	Baixa	Alta (semântica)
Edição	Pixel por pixel	Elemento por elemento (DOM)