<!DOCTYPE html>
<head>
<meta charset="utf-8" />
</head>
<body>
<div id="45bb5b41-0232-11ea-a4e2-a7a1ace66c33"></div>
<script src="https://cdn.plot.ly/plotly-1.51.1.min.js"></script>
<script>
Plotly.react(document.getElementById('45bb5b41-0232-11ea-a4e2-a7a1ace66c33'),[{"name":"without values","type":"treemap","domain":{"x":[0.01,0.33]},"hoverinfo":"all","textinfo":"label+value+percent parent+percent entry+percent root+text+current path","parents":["","Alpha","Alpha","Charlie","Charlie","Charlie","Foxtrot","Foxtrot","Foxtrot","Foxtrot","Juliet","Juliet","Juliet","Juliet","Juliet","Oscar","Oscar","Oscar","Oscar","Oscar","Oscar","Uniform","Uniform","Uniform","Uniform","Uniform","Uniform"],"level":"Oscar","labels":["Alpha","Bravo","Charlie","Delta","Echo","Foxtrot","Golf","Hotel","India","Juliet","Kilo","Lima","Mike","November","Oscar","Papa","Quebec","Romeo","Sierra","Tango","Uniform","Victor","Whiskey","X ray","Yankee","Zulu"]}] ,{"annotations":[{"y":0,"text":"<b>with counted leaves<br>","xanchor":"center","showarrow":false,"yanchor":"top","x":0.17},{"y":0,"text":"<b>with values and branchvalues: total<br>","xanchor":"center","showarrow":false,"yanchor":"top","x":0.5},{"yanchor":"top","x":0.83,"text":"<b>with values and branchvalues: remainder<br>","y":0,"xanchor":"center","showarrow":false}],"margin":{"t":50,"r":0,"l":0,"b":25},"height":600,"shapes":[{"type":"rect","x1":0.33,"y0":0,"x0":0.01,"layer":"above","y1":1},{"x1":0.66,"type":"rect","y1":1,"layer":"above","x0":0.34,"y0":0},{"y0":0,"x0":0.67,"y1":1,"layer":"above","type":"rect","x1":0.99}],"width":1500} );
</script>
</body>
</html>