D3 Examples - lx meetup | d3-annotation

xxxxxxxxxx
 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link href='https://fonts.googleapis.com/css?family=Lato:300,900' rel='stylesheet' type='text/css'>
​
    <style>
    :root {
        --annotation-color: #f206d3;
    }
​
     body{
        background-color: black;
     }
​
     svg {
        background-color: black;
        font-family: 'Lato';
     }
​
     line {
       stroke:grey;
     }
​
      .annotation path {
        stroke: var(--annotation-color);
        fill: none;
      }
​
      .annotation path.connector-arrow{
        fill: var(--annotation-color);
      }
​
      .annotation text {
        fill: var(--annotation-color);
      }
​
      .annotation-title {
        font-weight: bold;
      }
​
</style>
</head>
<body>
    <svg width=960 height=500></svg>
    <script src="https://d3js.org/d3.v4.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/susielu/d3-annotation/d3-annotation.min.js"></script>
    <script src="index.js"></script>
</body>
</html>
​
    