Skip to content

Instantly share code, notes, and snippets.

@jongio
Created December 13, 2016 23:50
Show Gist options
  • Save jongio/aba10a2fd9ef88fd5ebb2141dcf310e6 to your computer and use it in GitHub Desktop.
Save jongio/aba10a2fd9ef88fd5ebb2141dcf310e6 to your computer and use it in GitHub Desktop.
Code for svg/png in Power BI custom visual
#iothub {
display:inline-block;
*display:inline;
width: 512px;
height: 512px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQBt1gBxxgRx0ghx1gxxzgh1yhB1xhB12hB5yhR5whh52hx9vhh9yiCBtiB92iiFsiCFziyFriiF3jSJqjiNoTCJ3jCN0jyRnUCRnTiNykCRpTiN3kSVmTiR0kiVkTyR3kCR1kCR4lCZjUCV1lWdiUiV4kiZ0kiZ1lmdpV2hhWGhfVCZ4lCd2mWleWGhum2qdVmh2lmh5nGubWGl3mGl5nmyaX2yZWmq5oW2YXmymWmu3om6WYG2hXmyvnGu6nGy3pG+VXmy6pXCUHm24n226pnGSH264oW60qHGRIW66qXKQIW+5o2+0om+4q7OPI2+7o3C5pXC0rLSNJXC7pXG5rrWMLrWOL7WPJ3K6p3K7r7aRMLaTMLaUKXO6qXO8sbeWcreXbLS4q7S7q7S8sreZbbW7s7ibbbW8s7icdLiecrikdLmfb7a9r7e8tbmhdrmjcbe9trqkdrqmd7qnc7i9s7m9uLupeLuqubustbq9tbq+ubyuuryvt7u+uryxu72zuby+u720vL22u72+u72//b63vb65vr67vb6//r/8v//+v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANZnVsUAAACMdFJOU/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AcRYuAwAAAAlwSFlzAABcRgAAXEYBFJRDQQAAHPhJREFUeF7tnf1/G8V2h52IYGISc68h0NbArQjuLRjaOJiYktZccwXFocU0wQlOwFBs4qQRYIx5M/jaBJGI7D9dSfuVLVm7q53ZMzNnds7zA/18blezmzmPd+f1zEgkBI0IEDgigHU+f+PsMfc8ee6DztOIAJZp/hURcM8zP7aeRwSwzDOofQ6caBkgAtjlfdQ9D86KAJZpnkLVM+FjEcAuH6LiuXBOBLALnxZgzJMigF3OoeK5cEIEsMuTqHg2iAB2eQT1zgYRwC6odj6IAHZBtfNBBLALqp0PIoBdUO18EAHsgmrngwhgF1Q7H0QAu6Da+SAC2AXVzgcRwC6odj6IAHZBtfNBBLALqp0PIoBdUO18EAHsgmrngwhgF1Q7H0QAu6Da+SAC2AXVzgcRwC6odj6IAHZBtfOhhALs1rvs4H9hBKqdD6USoLFam54c6eXMVG1lF/9fFqDa+VAaAZobC2cQ9aOMz602cJVzUO18KIkA9dlRRDuF6dUmLnULqp0PZRBgf2EcYc6iMruN612CaueD/wLszlcQ4qFM1fEbd6Da+eC7APuzCG4+qq4VQLXzwXMBFod8+geZ3cdP3YBq54PXAtQnEFUVRq/g105AtfPBZwEWEFJVphx2ClHtfPBXgOY04qnOhLuxIVQ7H7wVYDdt2CcPo87agqh2PvgqwPYYYqmJq4YAqp0Pngqwmrvvn8YcSrIMqp0PfgpQQxSLUHXSFES188FLAeYRw2KccTE7gGrng48CXEEEizKN8myCaueDhwLUC3//uyygRIug2vngnwC7yqO/6ayiTHug2vngnQANneHfNCqbKNUaqHY+eCeA/vhfEmO2xwRR7XzwTQDd8f80bHcFUO188EyANcSNjhmUbAlUOx/8EqBRcAA4iQ2UbQdUOx/8EmAOQaNk3OpHANXOB68E2EbMaKmhdCug2vnglQBFZoDTqdhcJIZq54NPAtC3AGPmUb4NTqDe2eCTAGZeAHZfAXJegD51xIsei68AbieG+CQA7RhgLxZfAe+i3tngjwC7iJYJ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);
}
module powerbi.extensibility.visual {
export class Visual implements IVisual {
private target: HTMLElement;
private updateCount: number;
private iotHubSvg = '<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="-783 985 32 32"><style>.st0{fill:#B8D432;} .st1{fill:#0072C6;} .st2{fill:#006DD6;}</style><path class="st0" d="M-763.288 1000.266l-7.074-10.062 1.31-.92 7.073 10.062z"/><path class="st0" d="M-757.03 1011.085l-6.26-10.936 1.388-.796 6.26 10.936z"/><path class="st0" d="M-777.836 1001.936l-.132-1.595 15.248-1.265.132 1.595z"/><path class="st0" d="M-767.31 1009.197l-1.37-.826 5.368-8.907 1.37.826z"/><path class="st1" d="M-751.5 985h-8.1c-.3 0-.5.2-.5.6v2.9c0 .3.2.5.5.5h4.6v4.5c0 .3.2.5.6.5h2.9c.3 0 .5-.2.5-.5v-8c0-.3-.2-.5-.5-.5zM-782.5 1016.9h8.1c.3 0 .5-.2.5-.6v-2.9c0-.3-.2-.5-.5-.5h-4.6v-4.5c0-.3-.2-.5-.6-.5h-2.9c-.3 0-.5.2-.5.5v8c0 .3.2.5.5.5z"/><circle class="st2" cx="-769.6" cy="989.9" r="3.1"/><circle class="st2" cx="-762.5" cy="999.9" r="3.7"/><circle class="st2" cx="-756.3" cy="1010.9" r="2.9"/><circle class="st2" cx="-767.8" cy="1008.9" r="2.5"/><circle class="st2" cx="-777.9" cy="1001.3" r="2.5"/></svg>';
constructor(options: VisualConstructorOptions) {
console.log('Visual constructor', options);
this.target = options.element;
var css = document.createElement('span');
css.id = "iothub";
this.target.appendChild(css);
var svg = document.createElement(null);
svg.innerHTML = this.iotHubSvg;
this.target.appendChild(svg);
}
public update(options: VisualUpdateOptions) {
console.log('Visual update', options);
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment