JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://d3plus.org/js/d3plus.js"></script>
<div id="kasim"></div>

JavaScript

var esb_data =[
 {
  "host": "Host1",
  "service": "service1A",
  "value": "20",
  "date": "2012/05/21"
 },
 {
  "host": "Host1",
  "service": "service1B",
  "value": "25",
  "date": "2012/05/21"
 },
 {
  "host": "Host1",
  "service": "service1C",
  "value": "30",
  "date": "2012/05/21"
 },
 {
  "host": "Host2",
  "service": "service2D",
  "value": "15",
  "date": "2012/05/21"
 },
 {
  "host": "Host2",
  "service": "service2E",
  "value": "35",
  "date": "2012/05/21"
 },
 {
  "host": "Host1",
  "service": "service1A",
  "value": "15",
  "date": "2012/05/20"
 },
 {
  "host": "Host3",
  "service": "service3B",
  "value": "45",
  "date": "2012/05/20"
 },
 {
  "host": "Host3",
  "service": "service3C",
  "value": "40",
  "date": "2012/05/20"
 },
 {
  "host": "Host2",
  "service": "service2D",
  "value": "20",
  "date": "2012/05/20"
 },
 {
  "host": "Host2",
  "service": "service2E",
  "value": "50",
  "date": "2012/05/20"
 },
 {
  "host": "Host1",
  "service": "service1A",
  "value": "15",
  "date": "2012/05/19"
 },
 {
  "host": "Host1",
  "service": "service1B",
  "value": "35",
  "date": "2012/05/19"
 },
 {
  "host": "Host3",
  "service": "service3B",
  "value": "65",
  "date": "2012/05/19"
 },
 {
  "host": "Host3",
  "service": "service3C",
  "value": "30",
  "date": "2012/05/19"
 },
 {
  "host": "Host4",
  "service": "service4D",
  "value": "25",
  "date": "2012/05/19"
 },
 {
  "host": "Host4",
  "service": "service4E",
  "value": "45",
  "date": "2012/05/19"
 }
]

      var visualization1=d3plus.viz()
			.container("#kasim")
			.data(esb_data)
			.type("tree_map")
			.id([ "host", "service" ])
      .size(function(d){return parseInt(d.value)})
			.title("Log Analysis Visualization")
			.time({
				"value" : "date",
                "solo" : "2012/05/19"
			})
			.tooltip({
				"share":false,
				"html" : "Summary information about the Service, and may be some links to the external applications",
				"font": {size:"auto"}
			})
			.format({
	      		"text":...