Как я могу анимировать диаграмму "системного мышления", как в этом примере?

Question

Мне нравится эта основанная на JavaScript версия инструмента для системного мышления. Он берет отношения и вычисляет значения за ним, затем анимирует точку вдоль пути.

Поэтому, прежде чем я продолжу, я опубликую еще одну ссылку для понимания системы здесь

Вопрос

• Как я могу заставить Visio создавать эти "живые диаграммы" и как сделать процесс проще?

Примеры:

Answer 1

Чтобы сделать это в Visio, вам нужно написать свою собственную программу автоматизации.

По сути, вам нужно:

1. Напишите код для «анализа» карты в памяти, выбирая в основном узлы и соединители между ними
2. Напишите код для «пикселизации» соединителей в отдельные точки (вы просто вызываете метод .points () в форме соединителя, и он возвращает массив координат xy). Затем вам нужно уменьшить количество точек до правильного числа для количества обновлений анимации, которые вы хотите пройти через этот соединитель.
3. Напишите подпрограмму анимации, которая продвигает один или несколько спрайтов по соединителям, включая любую логику, относящуюся к моделируемой вами системе.

Экспорт в SVG и анимация с помощью javascript могут быть более подходящей альтернативой, но я ожидаю, что программирование будет аналогичным. Было бы проще включить элементы управления анимацией на веб-странице, чем попытаться сделать это на странице Visio.

Answer 2

Попробуйте эту надстройку HTML Export by Nikolay