OutCust / tectograph

Home Page:https://leonidovcharenko.github.com/tectograph

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Тектограф

Формат

Тектограмма (системная карта) — это новый формат представления структурированной информации. Может использоваться для конспектирования, систематизации мыслей, моделирования программ и процессов, планирования статей, презентаций, выступлений — всего, что имеет иерархическую структуру.

Тектограмма рисуется «слоями», от высшего иерархического уровня к низшим. Размер шрифта и толщина линий на соседних иерархических уровнях отличается в 1,5−2,5 раза. Элемент высшего иерархического уровня всегда находится выше и задает расположение элементов нижнего иерархического уровня. Каждый элемент включает заголовок, описание (возможно с изображением) и структуру из вложенных элементов. Есть несколько вариантов структуры: списки, матрица, граф.

Редактор

Тектограф — программа для создания тектограмм. Позволяет редактировать только содержание системной карты глубиной до 7 уровней, отображая её в одном из предустановленных стилей. Созданные схемы можно сохранять в localStorage, экспортировать в форматах JSON (исходный код), SVG, PNG, TXT, HTML, XML.

Есть «упрощенный редактор», в котором вся система представлена в текстовом виде в одном поле. В нем отсутствуют способы форматирования структуры, однако в нем можно фиксировать мысли «в потоке» и не тратить время на оформление. Удобно накидать систему в целом, затем понемногу править отдельные элементы.

Работают горячие клавиши, отмена/возврат действий, автосохранение.

Программа не требует серверной части.

Просмотр

Поделиться схемой (предварительно сохраненной в формате JSON), в том числе встроить на страницу через iframe, можно с помощью просмотрщика (не требует серверной поддержки).

Ссылка для просмотра тектограммы: http://leonidovcharenko.github.com/tectograph/view#прямая-ссылка-на-json-файл##N, где N — код стиля, число от 0 до 6.

Примеры: №1, №2, №3

About

https://leonidovcharenko.github.com/tectograph


Languages

Language:JavaScript 64.7%Language:CoffeeScript 23.7%Language:CSS 7.6%Language:HTML 4.1%