Important:

Before you can use this widget on your website and as a security measure we need to whitelist your domain. 
Please send an email to powh.trade at gmail.com with your website domain, after the site verification 
we can add your domain to the whitelist. 
Exceptions may be made on a discretionary basis.

Use:

<script type="text/javascript" src="//powh.trade/widgets/js/balance-widget.js"></script>
<div class="powh-trade-balance-widget" 
	data-type="vertical" 
	data-locale="en-US" 
	data-max-decimal="4"
	data-balance="yes" 
	data-sell="yes" 
	data-buy="yes" 
	data-supply="yes" 
	data-percent="yes"
	data-chart="yes"
	data-chart-type="box"
	data-chart-width="8em"
	data-chart-height="4em"
	data-chart-line="#00F"
	data-chart-fill="#0CF">
</div>


HTML Config: 

data-type = "normal|horizontal|vertical"
data-locale = "en-US|other country code| none use browser default" 
data-max-decimal = "4| other number"
data-balance = "yes|no" 
data-sell = "yes|no" 
data-buy = "yes|no" 
data-supply = "yes|no" 
data-percent = "yes|no"
data-chart = "yes|no"
data-chart-type = "line|bar|box"
data-chart-width = "size"
data-chart-height = "size"
data-chart-line = "color"
data-chart-fill = "color">
		
CSS Examples:

/* Verical Widget CSS Example */

.powh-trade-balance-widget{
	width:120px;
	min-width:160px;
}
.powh-trade-widget-box {
	border:1px solid #666;
	font-family: sans-serif;
}
.powh-trade-widget-hline {
	border-top: 1px solid #AAA;
}
.powh-trade-widget-title{
	font-size: 1.2em;
	font-weight: bold;
}			
.powh-trade-widget-subtitle-color{
	color: #666;
}
.powh-trade-widget-balance{
	font-size: 1em;
}			
.powh-trade-widget-change{
	font-size: 0.6em;
	margin-top: -1em;
	margin-bottom: 1.3em;
}
.powh-trade-widget-subtitle{
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;			
}
.powh-trade-widget-value{
	font-size: 0.75em;
}