svg.append("clipPath") .attr("id", "chart-area") .append("rect") .attr("x", 100) .attr("y", masterh-25) .attr("width", masterw-100) .attr("height",25) ; var tickerTime = svg.append("text").text(datetime).attr("x",20).attr("y",masterh-6).style("font-family","snr").style("font-size",24); var yellowTicker = svg.append("g").attr('with-space-preserve', true).attr("clip-path", "url(#chart-area)"); yellowTicker.append("rect").attr("width",masterw-20).attr("height",25).attr("x",100).attr("y",masterh-25).style("fill","#ffde00"); yellowTicker.append("rect").attr("width",200).attr("height",25).attr("x",100).attr("y",masterh-25).style("fill","black"); var Message = yellowTicker.append("text") .text("COMPANY STARTS WORK ON A NEW DASHBOARD BREAKING NEWS 32 SALES IN LAST HOUR (2PM) DELAYS SEEN AT SYON LANE 342 BROADBAND SALES YESTERDAY (+34 vs DAY BEFORE)") .attr("x",600).attr("y",masterh-5) .style("font-family","snr") .attr('xml:space', 'preserve') .style("font-size",24) .style("fill","black") .transition() .duration(32000) .ease("linear") .attr("x",-1200) var bN = svg.append("text").text("BREAKING NEWS").attr("x",105).attr("y",masterh-5) .style("font-family","snr").style("font-size",24) .style("fill","#ffde00");