Example usage for repeated SVG lines?

[jbdivups]

Trying to use this library to manage the rendering of 3000+ horizontal SVG lines. Here's my current ng-repeat:

<div id="matrix" style="position: fixed;top: 0;bottom: 0;left: 0;right: 0;height: 50%;overflow-y: scroll;">
    <svg width="100%" ng-attr-height="{{ ctrl.roomList.length * 25 }}">
        <line class="{{ $index }}" ng-attr-x1="{{ (0) }}" ng-attr-y1="{{ ($index * 25) }}" ng-attr-x2="{{ ('100%') }}" ng-attr-y2="{{ ($index * 25) }}" style="stroke:rgb(255,0,0);stroke-width:1" ng-repeat="n in ctrl.roomList track by $index" />
    </svg>
</div>

Getting stuck on the SVG tag height when trying to implement the vs-repeat directive.