Git создание диаграммы рабочего процесса выполняется с помощью инструмента проектирования графиков/блок-схем?

Когда я смотрю на большинство веб-сайтов, люди демонстрируют свой рабочий процесс git живописным образом. Я хотел бы знать, какой инструмент используется для этого?
Например https://wiki.phpbb.com/images/c/c8/Phpbb-git-workflow-small.png
и http://nvie.com/posts/a-successful-git-branching-model/

Я реализую git для предприятия и хотел бы показать аналогичное схематическое представление (как показано в примере), поэтому мне было интересно, есть ли инструмент, который поможет мне его создать.

Ответ 1

Я спросил Винсента Дриссена о программе создания диаграммы, которую он использовал для своего сообщения в блоге http://nvie.com/posts/a-successful-git-branching-model/, и он упомянул, что использовал Apple Keynote.

Лично я играю с draw.io для создания диаграмм, и мне это нравится. Он до сих пор свободен и довольно прост в использовании.

Если вы задаете вопрос о создании диаграмм, специфичных для вашей истории хранилища git, я бы предложил использовать GitFlowChart. У Винсента есть пример, показывающий GitFlowChart здесь.

Ответ 2

Я собираю руководство для рабочего процесса git для своей команды и обнаружил GitGraph.js, который является открытым исходным кодом и делает трюк для меня.

Ответ 3

ProGit Book использует Dia. См. repo для некоторого вдохновения.

Ответ 4

Вы можете использовать этот gitgraphjs - это библиотека java-скриптов, которая дает вам возможность создавать визуализацию для git-репозиториев или git-концепций.

Ответ 5

http://gitgraphjs.com/ это вариант:

<head>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gitgraph.js/1.15.1/gitgraph.min.js"></script>
<link rel="stylesheet" type="text/css" href="#" onclick="location.href='https://cdnjs.cloudflare.com/ajax/libs/gitgraph.js/1.15.1/gitgraph.min.js'; return false;" />
</head>

<body>

<canvas id="gitGraph"></canvas>

<script>
var gitgraph = new GitGraph({
  template: "metro",
  orientation: "horizontal",
  mode: "compact"
});

var master = gitgraph.branch("master");

gitgraph.commit().commit().commit();         // 3 commits upon HEAD
var develop = gitgraph.branch("develop");    // New branch from HEAD
var myfeature = develop.branch("myfeature"); // New branch from develop

// Well, if you need to go deeper…

var hotfix = gitgraph.branch({
  parentBranch: develop,
  name: "hotfix",
  column: 2             // which column index it should be displayed in
});

master.commit("This commit is mine"); // Add a commit on master branch

develop.commit({
  dotColor: "white",
  dotSize: 10,
  dotStrokeWidth: 10,
  sha1: "666",
  message: "Pimp dat commit",
  author: "Jacky <[email protected]>",
  tag: "a-super-tag",
  onClick: function(commit) {
    console.log("Oh, you clicked my commit?!", commit);
  }
});
</script>
</body>

Демонстрируется этой скрипкой - https://jsfiddle.net/h5mrLesu/