<head>
  <!-- Plotly.js -->
  <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
  <!-- Numeric JS -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/numeric/1.2.6/numeric.min.js"></script>
</head>

<body>
  
  <div id="myDiv" style="width: 480px; height: 380px;"><!-- Plotly chart will be drawn inside this DIV --></div>
  <script>
    <!-- JAVASCRIPT CODE GOES HERE -->
  </script>
</body>
var data = [{"values":[3605,1361,2148,655,603,533,410,718,794,334,424,213,214,131,79,119,44,30,72,21,10],"labels":["label1","label2","label3","label4","label5","label6","label7","label8","label9","label10","label11","label12","label13","label14","label15","label16","label17","label18","label19","label20","label21"],"type":"pie","hole":0.4,"textfont":{"color":"rgb(255, 255, 255)"},"textinfo":"label"}];

var layout = {
  height: 380,
  width: 480
};

Plotly.newPlot('myDiv', data, layout);
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.