2. Структура программ

1. Использование Skeleton

Все программы визуализации представляют собой отдельные html файлы, которые можно запускать в любом браузере. Это делает визуализацию очень мобильной, ее просмотр так же возможен при помощи мобильных устройств. Стредства html5 и css1 практически не используются. Основная часть каждой программы написана в js файлах или в дескрипторе < >. Каждый html файл состоит из подключае-

мых библиотек и js файла решаемых задач. В js файлах кроме стандартных средств используются средства библиотеки Skeleton, для рисования графиков. Для удобства так же создан общий html файл использующий новое средство HTML5 дескриптор < >. Взаимодействие ссылки на html и < > позволяет без обновления

страницы и перехода на новую загружать на нее данные других html файлов.

2. Интеграция katex

В некоторых программах есть необходимость использовать математические формулы. Имеется стандартное средство библиотека Majax, однако она достаточно медленная и значительно увеличивает вес программы, при подключении. Поэтому в программах используется более современная библиотека katex. Однако ее интеграция в программы и html требует обращения к дескриптору, где интерпритация должна производиться. Не все дескрипторы для этого подходят, в частности вместо стандартного < > используется eulerface. Для изображения формулы найдено следую-

щее решение. Элемент html, содержащий формулу получает класс formulae-katex. К главному html файлу подключается специально написанная утилита, которая средствами селекторов css выделяет все html элементы этого класса и компилирует в формулы.

1В программе последовательности выпадающее меню реализовано с помощью исходного кода eulerface, использование css этим исчерпывается

4