D3 Examples - video url testing

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset="utf-8">
​
<body>
​
<!-- load the d3.js library --> 
<script src="https://d3js.org/d3.v3.min.js"></script>
​
<script>
 
var width = 449;
var height = 249;
var word = "gongoozler";
 
var holder = d3.select("body")
      .append("svg")
      .attr("width", width)    
      .attr("height", height); 
​
// draw a rectangle
holder.append("a")
    .attr("xlink:href", "https://www.ted.com/talks/moshe_safdie_on_building_uniqueness"+word)
    .append("rect")  
    .attr("x", 100)
    .attr("y", 50)
    .attr("height", 100)
    .attr("width", 200)
    .style("fill", "lightgreen")
    .attr("rx", 10)
    .attr("ry", 10);
​
// draw text on the screen
holder.append("text")
    .attr("x", 200)
    .attr("y", 100)
    .style("fill", "black")
    .style("font-size", "20px")
    .attr("dy", ".35em")
    .attr("text-anchor", "middle")
    .style("pointer-events", "none")
    .text(word);
​
</script>
​
</body>
    