JSFiddle - React, Tailwind, and code Playground

by vaibhav saxena

HTML

<script src="http://d3pie.org/website/libs/d3.min.js"></script>
<script src="http://d3pie.org/d3pie/d3pie.js"></script>
<div id='pie'>

</div>

JavaScript

var pie = new d3pie("pie", {
  header: {
    title: {
      text: "Tooltips: example #1",
      fontSize: 20
    }
  },
  labels: {
    inner: {
      format: "none"
    }
  },
  data: {
    content: [
      { label: "JavaScript", value: 1, caption: "New and shiny despite its age." },
      { label: "Ruby", value: 2, caption: "Foreign and strange" },
      { label: "Java", value: 3, caption: "Old and verbose (buuuuurn!)" }
    ]
  },
  tooltips: {
    enabled: true,
    type: "caption"
  }
});