JSFiddle - React, Tailwind, and code Playground

HTML

<div class="vcat_widget" data-vcat='{"catalogue": "spectrum2014", "hotspotLink": "/docs/vcat/product/#[data]", "widget": true, "width": "200"}'><p>View catalogue</p></div>

<script src="//code.jquery.com/jquery-latest.min.js"></script>
<script src="//code.customerfocus.com/libs/vcat/jquery/jquery.vcat.js"></script>

CSS

.vcat_widget{
	display:inline-block;
	clear:both;
	border:1px solid #666;
}
.vcat_widget p{
	margin:0;
	padding:5px;
	text-align:center;
	background:#666;
	color:#fff;
}
img.vcat_coverpage{
	width:200px;
	height:auto;
}