JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>

<div id="plot"></div>

JavaScript

var data = [{
      values: [3000000000, 300000000, 300000000, 100000000, 100000000, 50000000, 50000000, 500000, 200000, 100000, 200, 10, 5],
      labels: ['AAAAAA', 'BBBBBB', 'CCCCCC', 'DDDDDD', 'EEEEEE', 'FFFFFF', 'GGGGGG', 'HHHHHH', 'IIIIII', 'JJJJJJ', 'KKKKKK', 'LLLLLL', 'MMMMMM'],
      type: 'pie',
      textinfo: 'none'
    }];

    var layout = {
      height: 300,
      width: 400,
      margin: {"t": 0, "b": 0, "l": 0, "r": 0},
    };

    Plotly.newPlot('plot', data, layout);