title: can i attach arrow with the tooltip in d3?
body: <p>I have my chart fiddle here. I want to make tooltip with an arrow. Can i do that in d3?<a href="https://jsfiddle.net/c74eoo2b/11/" rel="nofollow noreferrer">attached fiddle of graph</a></p>
  
  <p>css for the tooltip for now-</p>
  
  <pre><code>.hor_tooltip {
  position: absolute;
  width: 50px;
  height: auto;
  padding: 10px;
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  pointer-events: none;
  display:none
  </code></pre>