Когда использовать SVG, а когда Canvas?

SVG — векторный формат, каждый элемент — DOM-узел. Масштабируется без потери качества, поддерживает CSS-стили и события, доступен для скринридеров. Идеален для иконок, логотипов, графиков, карт. Canvas — растровый, рисует попиксельно через JS API. Нет DOM-узлов — лучше производительность для тысяч элементов. Идеален для игр, визуализации больших данных, обработки изображений. Правило: мало элементов с интерактивностью — SVG, много элементов с анимацией — Canvas.