     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..." />

              </g>
          }

          {
            marks = @getCurrentMarks()
            {transcribableMarks, otherMarks} = @separateTranscribableMarks(marks)
            console.log 'transcribableMarks: ', transcribableMarks
            console.log 'otherMarks: ', otherMarks
          }
          {@renderMarks otherMarks}
          {@renderMarks transcribableMarks}

          </svg>



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

    console.log '{transcribableMarks, otherMarks} = ', {transcribableMarks, otherMarks}
    return {transcribableMarks, otherMarks}

  renderMarks: (marks) ->
