Как преобразовать код диаграммы Венна из тегов javascript <script>в angular2

Question

Я хочу реализовать диаграмму Венна в своем проекте Angular 2+.Я имею в виду код -

http://jsfiddle.net/johnpham92/h04sknus/

Для этого я сначала выполнил эту команду -

 npm install venn.js

Затем я реализовал в angular2 таким образом -

app.component.ts

export class NodeVennComponent implements OnInit {

  sets
  constructor() { }

  ngOnInit() {

    this.sets = [ {sets: ['A'], size: 12},
             {sets: ['B'], size: 12},
             {sets: ['A','B'], size: 2}];
  }

}

app.component.html

<div id="venn"></div>


<script>
  var chart = venn.VennDiagram();
  d3.select("#venn").datum(sets).call(chart);

  </script>

app.component.scss

#venn{

        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 14px;

}

index.html

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
  <script src="https://cdn.rawgit.com/benfred/venn.js/master/venn.js"></script>

Но я не получаю вывод на экран.Экран пустой.Пожалуйста, помогите.