Heat Map Element

Modified on 2018/08/03 00:25 by Administrator Categorized as Base Elements, Data Collection, Elements
<div style="margin-right: 10px; margin-left: 16px; margin-bottom:10px; float: right; width: 500px; overflow: hidden; height: auto; padding: 0px; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));background: -moz-linear-gradient(top, #fbfbfb, #fafafa);border: 1px dashed #ddd;box-shadow: 0 0 0 3px #fff, 0 0 0 5px #ddd, 0 0 0 10px #fff, 0 0 2px 10px #eee;">
== Summary ==
{s:Element Info Panel
| title=Dwell Heat Map
| category=Data Collection
| icon=[image|Element Icon|{UP(Heat-Map-Element)}Dwell-Heat-Map-Element-Icon.png]
| author= OkazoLab
| addin= Base Layer
| scope= Parent event
| usage= Snippets
| ownsnippets= None
}
== Properties ==
{|
|-
! Name
! Description                              
! Constraints
! Type
! On<br/>runtime<br/>change
|-
| colspan="5" bgcolor="#AADDDDD" | Settings
|-
| Rendering Size        
| Defines the size of the produced chart in pixels. The chart is automatically stretched on rendering, but a larger rendering size improves the chart quality with some cost in performance. The rendering size is also used as the resulting image resolution, when the chart is saved into a file.        
| {s:atDesign}        
| clSize        
|  
|-
| Cluster Number        
| Defines the number of clusters on the heat map along each of the X and Y map axis.        
| {s:atDesign}        
| Int32        
|  
|-
| Map Opacity        
| Defines the opacity of the heat map (100% is opaque), when it is drawn over a replica of the stimulus screen in the XAML heat map control        
| {s:atDesign}        
| Double        
|  
|-
| Update Interval        
| Defines the redraw interval for the heat map when it is being shown on the status screen between the onset and offset of the parent event.        
| {s:atNormal}        
| clTime        
|  
|-
| Blurring Ratio        
| Defines the Gaussian blurring sigma for rendering the heap map clusters        
| {s:atNormal}        
| Double        
|  
|-
| colspan="5" bgcolor="#AADDDDD" | Runtime Status
|-
| XAML Heat Map        
| Returns a live XAML control that can be used for direct binding to the Content property of the XAML ContentControl element, e.g. <ContentControl Content='{Binding OnlineChart}'/> ContentControl with a heat map can be added to the status screen or to the XAML Layout element.        
| {s:atNormal}        
| UIElem..        
|  
|-
| Save Map Now        
| Use this runtime command whenever you want to save a screenshot of the generated map or export map data into a text file. To run the command, assign a string with a full file path and name to this property in a code snippet. The map will be saved into the target file after the end of the snippet call. The exporting format is defined by extension of the target file. For an image file use .bmp, .png or .jpg. The the text file, use .txt or .csv        
| {s:atRuntimeAction}        
| String        
|  
|-
| colspan="5" bgcolor="#AADDDDD" | Control
|-
| Is Enabled        
| If set to false the element is completely omitted when the experiment is run        
| {s:atDesign}        
| Boolean        
|  
|-
| Title        
| Title of the element        
| {s:atDesign}        
| String        
|  
|-            
|}
== ==
</div>
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
'''Dwell Heat Map Element''' collects visualized statistics of gaze positions (not fixation!) within the selected event. Formation of the heat map can be monitored on the status screen in realtime. The resulting dwell heat map can be exported either into a text or image file.<br><br>
{TOC}
== Description ==
...
== Snapshots ==
{|
| [imageleft|Snapshot 1 <br/>|{UP(page - name)}*-sm.png |{UP(page - name)}*.png]
|| [imageleft|Snapshot 2 |{UP(page - name)}*-sm.png |{UP(page - name)}*.png]
|}
== Practical Use ==
...
=== Technique 1 ===
# Step 1
# Step 2
...
=== Technique 2 ===
# Step 1
# Step 2
...
<div style="margin-left:0px; margin-right:10px; margin-top:10px; width: auto; overflow: hidden; height: auto; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));background: -moz-linear-gradient(top, #fbfbfb, #fafafa);border: 1px dashed #ddd;box-shadow: 0 0 0 3px #fff, 0 0 0 5px #ddd, 0 0 0 10px #fff, 0 0 2px 10px #eee;">
@@ csharp // Check the trial outcome. Result and RT just other user variables
// insert code snippet here..
@@</div>           
...
== Notes ==
...
* Insert Notes here..
* Insert Notes here..
Meta Keywords:
Meta Description:
Change Comment:
EventIDE Wiki

Navigation¶

Heat Map Element
