Примерно полгода назад у меня возникла необходимость использования полноценной графики в вебе. Пришлось просмотреть и попробовать много библиотек, реализующих векторную и растровую графику средствами html. Тогда же, чтобы получше это все усвоить и занять себя в свободное время, я начал делать редактор графиков, который в недавнем времени приобрел вполне законченный вид.
Что в нем интересного:
- используется векторная графика на основе svg
- интерактивное изменение масштаба, а так же координат просматриваемого окна
- возможность использования сложных функций
- управление цветом каждого графика
- восстановление любого состояния по параметрам url
Как его можно применять:
- в любых образовательных целях
- сохранение нужных графиков с возможностью посмотреть их потом или показать кому-то еще
- использование в оффлайн режиме
Использование:
В поле ввода пишите функциональное выражение от переменной x. Значения перечитываются при нажатии кнопки "Нарисовать" или клавиши enter. Если функция задана неверно, она просто не будет отображаться.
В любой из последующих функций можно использовать имена предыдущих. Так же можно скрывать ранее нарисованные графики, при изменении координат значения скрытых графиков не пересчитываются.
Перед сложными вычислениями (высокая детализация графиков или большое их количество) советую сначала убирать детализацию до минимума, а при получении нужных масштабов и позиции окна, восстанавливать прежнее значение.
Любое состояние окна можно запомнить, нажав клавишу "Сохранить url" и сохранив измененный url, например, в закладках браузера.
Пример работы:
http://svgfuncs.narod.ru/index.html#...(x)))#ff5100#t
смотреть лучше всего в chrome
