js/plugins/zoom.js
function zoomExplanation(divId, svg, text, visibility, pos) {
    d3.select(divId + " svg")
      .insert("text")
      .attr("transform", "translate("+(parseInt(svg.attr("width"))-pos)+", "+parseInt(svg.attr("height")-5)+")")
      .attr("class", "timeline-label")
      .text("")
      .attr("id", "timelineZoomExplanation")
      .text(text)
      .style("visibility", visibility);
  }
function zoomExplanation(divId, svg, text, visibility, pos) {
    d3.select(divId + " svg")
      .insert("text")
      .attr("transform", "translate("+(parseInt(svg.attr("width"))-pos)+", "+parseInt(svg.attr("height")-5)+")")
      .attr("class", "timeline-label")
      .text("")
      .attr("id", "timelineZoomExplanation")
      .text(text)
      .style("visibility", visibility);
  }
function zoomExplanation ( divId , svg , text , visibility , pos ) { d3 . select ( divId + " svg" ) . insert ( "text" ) . attr ( "transform" , "translate(" + ( parseInt ( svg . attr ( "width" ) ) - pos ) + ", " + parseInt ( svg . attr ( "height" ) - 5 ) + ")" ) . attr ( "class" , "timeline-label" ) . text ( "" ) . attr ( "id" , "timelineZoomExplanation" ) . text ( text ) . style ( "visibility" , visibility ) ; }
adds textual explanation for the present current zoom state
@param  {string} divId      divId for clinical-timeline
@param  {Object} svg        clinical-timeline's svg object
@param  {string} text       explanation's text
@param  {string} visibility css property to hide/show the explanation
@param  {number} pos        position of the explanation's text
adds textual explanation for the present current zoom state