Построение графиков онлайн

Реализуйте сервис для построения линейного графика по точкам. Точки добавляются по одной: поля X и Y и кнопка «Добавить точку». Каждая точка — чип, который можно удалить. На плоскости точки соединяются линией (вкладка Line) или остаются только маркеры (Scatter). Скачать верстку для проекта.

Основные возможности проекта

• Добавление точек по одной (X, Y), без большой таблицы ввода.
• Список точек чипами с удалением.
• Линейный график: точки + линия.
• Режим Scatter: только точки.
• Скачивание PNG.

Ввод точек

Два числовых поля (X и Y) и кнопка «Добавить точку». Новая точка появляется на графике и в списке чипов. Пустые или нечисловые значения подсвечиваются ошибкой и не добавляются.

Линейный график

• Каждая точка — пара (X, Y) на координатной плоскости с осями и сеткой.
• Точки соединяются отрезками в порядке добавления (или по возрастанию X).
• Масштаб осей считается по минимуму и максимуму точек.

Scatter

Та же плоскость, но без линии — только маркеры. Переключение вкладки не сбрасывает набор точек.

Дополнительные возможности

• Выбор цвета линии и маркеров.
• Кнопка «Очистить точки».