<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: Qlik Sense Heatmaps in Integration, Extension &amp; APIs</title>
    <link>https://community.qlik.com/t5/Integration-Extension-APIs/Qlik-Sense-Heatmaps/m-p/1010685#M3963</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;you can do this perfect with NPGeoMap (officiall they have only a qlikview extension, but you can already get the sense beta version). There you can even build graphic drill downs,..&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;bye&lt;/P&gt;&lt;P&gt;Konrad&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Fri, 20 Nov 2015 20:12:53 GMT</pubDate>
    <dc:creator>konrad_mattheis</dc:creator>
    <dc:date>2015-11-20T20:12:53Z</dc:date>
    <item>
      <title>Qlik Sense Heatmaps</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/Qlik-Sense-Heatmaps/m-p/1010680#M3958</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi there,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I would like to create a heatmap within Qlik Sense. My requirements:&lt;/P&gt;&lt;P&gt;- Based on X, Y coordinates&lt;/P&gt;&lt;P&gt;- Possible to use my own SVG / PNG. I have a floor plan of a shopping mall either in PNG or SVG I would like to use.&lt;/P&gt;&lt;P&gt;- It should be a separate layer on top of the SVG/PNG, which is not filling predefined SVG / KML areas.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;So the result should look something like this:&lt;/P&gt;&lt;P&gt;&lt;IMG alt="heatmap.png" class="jive-image image-1" src="https://community.qlik.com/legacyfs/online/105765_heatmap.png" style="height: auto;" /&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Thanks!&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 17 Nov 2015 12:54:33 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/Qlik-Sense-Heatmaps/m-p/1010680#M3958</guid>
      <dc:creator />
      <dc:date>2015-11-17T12:54:33Z</dc:date>
    </item>
    <item>
      <title>Re: Qlik Sense Heatmaps</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/Qlik-Sense-Heatmaps/m-p/1010681#M3959</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi!&lt;/P&gt;&lt;P&gt;Try to look this maybe it could be helpful.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;A href="http://branch.qlik.com/projects/showthread.php?595-GoogleMapsAPIv3Toolkit-QS&amp;amp;highlight=heat" title="http://branch.qlik.com/projects/showthread.php?595-GoogleMapsAPIv3Toolkit-QS&amp;amp;highlight=heat"&gt;GoogleMapsAPIv3Toolkit-QS&lt;/A&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 17 Nov 2015 15:47:56 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/Qlik-Sense-Heatmaps/m-p/1010681#M3959</guid>
      <dc:creator>simotrab</dc:creator>
      <dc:date>2015-11-17T15:47:56Z</dc:date>
    </item>
    <item>
      <title>Re: Qlik Sense Heatmaps</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/Qlik-Sense-Heatmaps/m-p/1010682#M3960</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi Jveldhoen,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;BLOCKQUOTE&gt;&lt;TABLE border="1"&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD&gt;
&lt;P&gt;&lt;SPAN style="font-size: 10pt;"&gt;- Based on X, Y coordinates&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;- Possible to use my own SVG / PNG. I have a floor plan of a shopping mall either in PNG or SVG I would like to use.&lt;/P&gt;
&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/BLOCKQUOTE&gt;&lt;P&gt; Firstly, convert the PNG image you have into a SVG which can be done using Inkscape. Make use of this generated SVG path and build a visualisation using D3.(This will solve the first two question you have)&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Now coming to the third question:&lt;/P&gt;&lt;BLOCKQUOTE&gt;&lt;TABLE border="1"&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD&gt;
&lt;P&gt;- It should be a separate layer on top of the SVG/PNG, which is not filling predefined SVG / KML areas.&lt;/P&gt;
&lt;P&gt;&lt;/P&gt;
&lt;P&gt;So the result should look something like this:&lt;/P&gt;
&lt;P&gt;&lt;IMG alt="heatmap.png" class="jive-image image-1" height="230" src="https://community.qlik.com/legacyfs/online/105833_heatmap.png" style="height: auto;" width="389" /&gt;&lt;/P&gt;
&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/BLOCKQUOTE&gt;&lt;P&gt;Create an other layer of SVG over the underlying sketch and use fill property to colour this layer , based on your measure or any specific condition.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Hope this helps!&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;- Sangram&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 17 Nov 2015 23:23:59 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/Qlik-Sense-Heatmaps/m-p/1010682#M3960</guid>
      <dc:creator>reddy-s</dc:creator>
      <dc:date>2015-11-17T23:23:59Z</dc:date>
    </item>
    <item>
      <title>Re: Qlik Sense Heatmaps</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/Qlik-Sense-Heatmaps/m-p/1010683#M3961</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi Sangram,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Thanks for your reply. I already used Inkscape to build a SVG, this works. I also used the SVG Reader (&lt;A href="http://branch.qlik.com/projects/showthread.php?581-Qlik-Sense-SVG-Reader" title="http://branch.qlik.com/projects/showthread.php?581-Qlik-Sense-SVG-Reader"&gt;Qlik Sense SVG Reader&lt;/A&gt;) to fill the polygons with a colour. But now I want to take it a step further so that I can get gradients of colours like I showed in the picture. You may be right that I need to develop my own D3 extension to do this.&lt;/P&gt;&lt;P&gt;&lt;BR /&gt;Any other thoughts?&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Wed, 18 Nov 2015 08:14:01 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/Qlik-Sense-Heatmaps/m-p/1010683#M3961</guid>
      <dc:creator />
      <dc:date>2015-11-18T08:14:01Z</dc:date>
    </item>
    <item>
      <title>Re: Qlik Sense Heatmaps</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/Qlik-Sense-Heatmaps/m-p/1010684#M3962</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi Jveldhoen,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I think building an extension for this requirement is the best way to go.Let me know if you need any help in building an extension.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Thanks and Regards,&lt;/P&gt;&lt;P&gt;Sangram Reddy.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Wed, 18 Nov 2015 12:00:10 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/Qlik-Sense-Heatmaps/m-p/1010684#M3962</guid>
      <dc:creator>reddy-s</dc:creator>
      <dc:date>2015-11-18T12:00:10Z</dc:date>
    </item>
    <item>
      <title>Re: Qlik Sense Heatmaps</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/Qlik-Sense-Heatmaps/m-p/1010685#M3963</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;you can do this perfect with NPGeoMap (officiall they have only a qlikview extension, but you can already get the sense beta version). There you can even build graphic drill downs,..&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;bye&lt;/P&gt;&lt;P&gt;Konrad&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Fri, 20 Nov 2015 20:12:53 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/Qlik-Sense-Heatmaps/m-p/1010685#M3963</guid>
      <dc:creator>konrad_mattheis</dc:creator>
      <dc:date>2015-11-20T20:12:53Z</dc:date>
    </item>
  </channel>
</rss>

