Gitgraph import JSON merges branches to the right

[Andrey-Pavlov]

Describe the bug
GitGraph Import JSON doesn't render dag correctly as any GIT visualizer. It merge branches to the right side.

To Reproduce
Get any complicated git repository, for example, "gitgraph.js". Generate JSON with GitToJson npm module.

    const graphContainer = this.gitGraphCanvas.nativeElement;
    const gitGraph = createGitgraph(graphContainer);
    gitGraph.import(commits);

Expected behavior
"Master" branch must stay on the left / not growing to the right.
Repo with screenshots: ScreensRepo

Screenshots

Full GitGraphJs dag

My repo:

More Screens

[IsaacHub]

I couldn't find GitToJson in npm, there is no such package. Can you post a link to the npm module.

[Andrey-Pavlov]

@IsaacHub In this issue (#38) was mentioned: https://github.com/fabien0102/git2json (#38 (comment))

I also used it to render GIT dag from JSON

[JUSTDIWAKAR]

Hi @Andrey-Pavlov,

It's been too late but to anyone else facing the same problem, you can fix ur problem by applying some CSS to rotate that gitgraph element.
like,
::ng-deep svg {
transform: scaleX(-1) rotate(90deg);
}