JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.js">
</script>
<script src="https://rawgit.com/jakezatecky/d3-funnel/master/dist/d3-funnel.js"></script>

<div class="demo-funnel" style="">
  <div id="funnel"></div>
</div>

JavaScript

var data = [
  ['Customer 1', 12000],
  ['Customer 2', 4000],
  ['Customer 3', 2500],
  ['Customer 4', 1500]
];

(new D3Funnel('#funnel')).draw(data, {
  width: 400,
  height: 600,
  /*dynamicArea: true,*/ // remove to show fixed height
  isCurved: true
});