Построение графика на JavaScript. #2

SVG - формат для отрисовки графики, которая не будет портиться при изменении разрешения. В этом видео мы, используя JavaScript, научимся рисовать линейный график на основе произвольных данных. Код для подключения шрифтов и библиотеки (перейдите по ссылке и у вас появится необходимый код): Туториал по SVG - График на github - Таймкоды: 00:00 - Вступление 00:15 - Подготовка 03:20 - Первоначальные данные 03:58 - Создание класса LineChart 06:20 - createElementNS или createElement ? 08:19 - Создание класса Chart 12:45 - Добавление SVG в контейнер 13:44 - Отрисовка линии графика 22:35 - Zoom графика 26:50 - Сдвиг графика 29:30 - Отступы у графика 35:44 - Построение отметок по оси X 42:16 - Построение отметок по оси Y 50:50 - Отрисовка точек 55:00 - Подсказка при наведении на точку 01:00:18 - Финальные штрихи 01:03:48 - Что можно улучшить 01:05:02 - Заключение