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

Реализуйте сервис, позволяющий строить графики онлайн.

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

• Ввод данных пользователем для построения графика.
• Построение линейного графика.
• Построение столбчатой диаграммы.
• Настройка цветов линий и столбцов.
• Отображение подписей и значений.

Ввод данных

Пользователь должен иметь возможность вводить данные для графика в виде таблицы с двумя колонками:

• Ось X (например, месяцы: "Янв", "Фев", "Мар").
• Ось Y (числовые значения, например, 10, 25, 15).

Пользователь может добавлять и удалять строки с данными. Также должна быть кнопка "Построить график".

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

Линейный график должен отображать данные в виде линий, соединяющих точки. Особенности реализации:

• Каждая точка соответствует паре значений (X, Y).
• Точки соединяются линиями.
• На осях отображаются подписи с названиями категорий.
• Рядом с точками отображаются числовые значения.

Столбчатая диаграмма

Столбчатая диаграмма должна отображать данные в виде вертикальных столбцов. Особенности реализации:

• Каждый столбец соответствует одной категории.
• Высота столбца пропорциональна значению.
• Под каждым столбцом подпись с названием категории.
• Над столбцом отображается числовое значение.

Настройка цветов

Пользователь должен иметь возможность выбирать цвет линии или столбцов через палитру цветов.

Отображение

График должен отображаться на отдельной области страницы с возможностью:

• Скачать график в формате PNG.
• Поменять тип графика (линейный/столбчатый) без переввода данных.

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

• Несколько линий на одном графике (сравнение данных).
• Масштабирование графика.