     viewBox = [0, 0, @props.subject.width, @props.subject.height]
     scale = @getScale()
 
+    marks = @getCurrentMarks()
+    {transcribableMarks, otherMarks} = @separateTranscribableMarks(marks)
+
     actionButton =
       if @state.loading
         <NextButton onClick={@nextSubject} disabled=true label="Loading..." />


    console.log '>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> MARKS: ', transcribableMarks, otherMarks

    return {transcribableMarks, otherMarks}

  renderMarks: (marks) ->

              </g>
          }

          { @renderMarks otherMarks }
          { @renderMarks transcribableMarks # render transcribable marks on top }


          </svg>

