tone-row/flowchart-fun

Что это?

Ключевые возможности

• 01Строит блок-схемы по обычному тексту с отступами.
• 02Поддерживает связи, которые замыкаются на более ранние узлы.
• 03Для отображения используются React и cytoscape.js.
• 04Текст интерфейса можно переводить с помощью locale-файлов .po.
• 05Включает модульные тесты на Jest и end-to-end-тесты на Playwright.

Сценарии использования

• Быстро набрасывать схемы процессов или деревья решений по заметкам.
• Планировать пользовательские сценарии или логику системы до начала разработки.
• Превращать текстовый план в диаграмму, которой можно поделиться.

Быстрый старт

1. 1

   Клонируйте репозиторий

2. 2

   Скопируйте .env.example в .env и добавьте переменные окружения

3. 3

   Установите зависимости с помощью pnpm

   pnpm install
4. 4

   Соберите пакеты shared и formulaic

   pnpm -F shared build && pnpm -F formulaic build
5. 5

   Запустите приложение без функций входа

   pnpm dev

Что важно знать

• !Для запуска приложения со всеми функциями входа нужны аккаунты Vercel, Supabase, Stripe и Sendgrid.
• !Для развертывания приложения с функциями входа нужен аккаунт Vercel Pro, поскольку используется более 12 бессерверных функций.

Темы

Частые вопросы

Что такое flowchart-fun?

Веб-приложение на React и cytoscape.js, которое превращает текстовые планы в виде иерархического списка в блок-схемы и диаграммы. Flowchart Fun строит блок-схемы по тексту. Вы записываете узлы и связи между ними в виде обычного текста с отступами, а приложение отображает их в браузере как диаграмму. Так можно набросать идеи и планы, не перетаскивая фигуры.

flowchart-fun можно использовать бесплатно? Какая у него лицензия?

flowchart-fun распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

flowchart-fun всё ещё поддерживается?

Активно поддерживается. Последний коммит в flowchart-fun — 16 окт. 2026 г..

Для чего можно использовать flowchart-fun?

Быстро набрасывать схемы процессов или деревья решений по заметкам. Планировать пользовательские сценарии или логику системы до начала разработки. Превращать текстовый план в диаграмму, которой можно поделиться.

Как установить flowchart-fun?

Клонируйте репозиторий Скопируйте .env.example в .env и добавьте переменные окружения Установите зависимости с помощью pnpm: pnpm install Соберите пакеты shared и formulaic: pnpm -F shared build && pnpm -F formulaic build Запустите приложение без функций входа: pnpm dev

Где скачать flowchart-fun?

Исходный код и инструкции по установке — на GitHub: https://github.com/tone-row/flowchart-fun