<div class="graph" ng-style="graph_style()">
	<svg>
		<g ng-repeat="stage in stages">
			<line ng-repeat="line in stage.lines" ng-attr-x1="{{line.x1}}" ng-attr-y1="{{line.y1}}", ng-attr-x2="{{line.x2}}" ng-attr-y2="{{line.y2}}" stroke-width="2" ng-attr-stroke="{{line_color(line.id)}}" ng-attr-id="line_{{line.id}}"></line>
			<circle ng-attr-cx="{{stage.commit.cx()}}" ng-attr-cy="{{stage.commit.cy()}}" ng-attr-r="{{circle_radius - 1}}" ng-attr-fill="{{line_color(stage.commit.line_id)}}" ng-attr-lineid="{{stage.commit.line_id}}" stroke="black" stroke-width="2"></circle>
		</g>
	</svg>
</div>

<div style="position: relative; width: 80%">
	<div ng-repeat="commit in shown_commits" id="{{commit.sha}}" ng-style="commit_style(commit)" ng-transclude></div>
</div>