example_plot.html

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta http-equiv="X-UA-Compatible" content="IE=10; IE=9; IE=8; IE=7; IE=EDGE" charset="utf-8"/>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" type="text/css"/>
<style>
#lightning-body {
	max-width: 100%;
	border: none;
}
#lightning-body:focus {
	outline: none !important;
}
.feed-container:focus {
	outline: none !important;
}
.feed-item-container:focus {
	outline: none !important;
}
.feed-item:focus {
	outline: none !important;
}
</style>
<div id="lightning-body" class="container content wrap push">
	<div class="feed-container">
		<div data-model="visualization" class="feed-item-container">
			<div id="AYZ80CQLSI" data-type="matrix" data-data="{&#34;matrix&#34;: [[0, 8, 23, 28, 19, 16, 4, 0, 9, 2], [8, 0, 9, 7, 6, 5, 1, 0, 2, 3], [23, 9, 0, 35, 16, 16, 6, 1, 11, 3], [28, 7, 35, 0, 23, 16, 11, 3, 11, 3], [19, 6, 16, 23, 0, 13, 6, 0, 6, 1], [16, 5, 16, 16, 13, 0, 5, 0, 5, 2], [4, 1, 6, 11, 6, 5, 0, 1, 2, 0], [0, 0, 1, 3, 0, 0, 1, 0, 1, 0], [9, 2, 11, 11, 6, 5, 2, 1, 0, 0], [2, 3, 3, 3, 1, 2, 0, 0, 0, 0]], &#34;colormap&#34;: &#34;Reds&#34;, &#34;rowLabels&#34;: [&#34;\u0e1b\u0e34\u0e15\u0e34&#34;, &#34;\u0e21\u0e32\u0e19\u0e30&#34;, &#34;\u0e21\u0e32\u0e19\u0e35&#34;, &#34;\u0e0a\u0e39\u0e43\u0e08&#34;, &#34;\u0e27\u0e35\u0e23\u0e30&#34;, &#34;\u0e40\u0e1e\u0e0a\u0e23&#34;, &#34;\u0e01\u0e25\u0e49\u0e32&#34;, &#34;\u0e2a\u0e35\u0e40\u0e17\u0e32&#34;, &#34;\u0e42\u0e15&#34;, &#34;\u0e04\u0e23\u0e39\u0e44\u0e1e\u0e25\u0e34\u0e19&#34;], &#34;columnLabels&#34;: [&#34;\u0e1b\u0e34\u0e15\u0e34&#34;, &#34;\u0e21\u0e32\u0e19\u0e30&#34;, &#34;\u0e21\u0e32\u0e19\u0e35&#34;, &#34;\u0e0a\u0e39\u0e43\u0e08&#34;, &#34;\u0e27\u0e35\u0e23\u0e30&#34;, &#34;\u0e40\u0e1e\u0e0a\u0e23&#34;, &#34;\u0e01\u0e25\u0e49\u0e32&#34;, &#34;\u0e2a\u0e35\u0e40\u0e17\u0e32&#34;, &#34;\u0e42\u0e15&#34;, &#34;\u0e04\u0e23\u0e39\u0e44\u0e1e\u0e25\u0e34\u0e19&#34;]}" data-images="" data-options="{&#34;width&#34;: 500, &#34;height&#34;: 500, &#34;description&#34;: null, &#34;numbers&#34;: true}" data-initialized="false" class="feed-item"></div>
		</div>
	</div>
</div>
<script>
	window.lightning = window.lightning || {};
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
	if(window.lightning && window.lightning.initVisualizations) {
		window.lightning.initVisualizations();
	}
</script>
<script src="https://rawgit.com/tupleblog/tuple_code/master/mana_manee/plots/example_plot.js"></script>