Экспорт визуализаций D3.js в SVG и растровые изображения

Интерактивные диаграммы для веб отлично подходят для браузеров, но для публикации вашей работы в статических отчетах, презентациях или печатных документах требуется их конвертация в стандартные форматы изображений. Этот текстовый курс проведет вас через процесс извлечения, стилизации и сохранения ваших визуализаций D3.js для любой внешней платформы. Вы научитесь программно захватывать рендеренную веб-графику и конвертировать ее в универсальные векторные файлы SVG и растровые изображения высокого разрешения, такие как PNG и JPEG. Овладев этими методами, вы обеспечите безупречный и профессиональный вид ваших визуализаций данных в любой среде. Чему вы научитесь: - Понимать базовую структуру элементов SVG в D3.js и то, как подготовить их для чистые экспорта - Сериализовать элементы DOM в стандартные XML-строки SVG с использованием современных JavaScript API - Конвертировать данные SVG в форматы PNG и JPEG высокого разрешения с помощью HTML5 Canvas - Внедрять внешние стили CSS непосредственно в экспортируемые файлы для сохранения визуальной целостности - Применять методы масштабирования high-DPI, чтобы экспортируемые растровые изображения оставались четкими на дисплеях Retina Этот курс начинается с базовых концепций сериализации и стилизации SVG, а затем переходит к техникам рендеринга на canvas и рабочим процессам сохранения файлов. Он предназначен для разработчиков, аналитиков данных и дизайнеров с базовыми знаниями JavaScript и D3.js, которые хотят сделать свои веб-диаграммы максимально портативными. Начните превращать свои интерактивные веб-диаграммы в готовые к использованию статические активы уже сегодня.