Difference between revisions of "S-MALL Application"

From Visual Analytics and Applications
Jump to navigation Jump to search
(Created page with "== Web-Based Visualization Application== Part1: {| class="wikitable" |- ! scope="col" style="width: 20%;"| Visualization ! scope="col" style="width: 30%;"| Methodology & Techn...")
 
Line 1: Line 1:
 +
<div style="background:#565656; border:#565656; padding-left:15px; text-align:center;">
 +
<font size = 5; color="#FFFFFF"><span style="font-family:Century Gothic;">Turning Concrete Malls into Smart Malls (S-MALL): <br></span></font>
 +
<font size = 3; color="#FFFFFF"><span style="font-family:Century Gothic;">A web-based analytics application for visualizing and mapping in-mall customer journeys and shopping behaviours</span></font>
 +
<p><font size = 3; color="#FFFFFF"><span style="font-family:Century Gothic;">Team S-MALL: Chen Yun-Chen | Chiam Zhan Peng | Zheng Bijun</span></font></p>
 +
</div>
 +
{|style="background-color:#565656;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0"  |
 +
| style="font-family:Century Gothic; font-size:100%; solid #000000; background:#565656; text-align:center;" width="20%" | 
 +
;
 +
[[S-MALL_Overview| <font color="#FFFFF">Overview</font>]]
 +
 +
| style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#565656; text-align:center;" width="20%" | 
 +
;
 +
[[S-MALL_Proposal| <font color="#FFFFFF">Proposal</font>]]
 +
 +
| style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#002060; text-align:center;" width="20%" | 
 +
;
 +
[[S-MALL_Application| <font color="#FFFFFF">Application</font>]]
 +
 +
| style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#565656; text-align:center;" width="20%" | 
 +
;
 +
[[S-MALL_Poster| <font color="#FFFFFF">Poster</font>]]
 +
 +
| style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#565656; text-align:center;" width="20%" | 
 +
;
 +
[[S-MALL_Reports| <font color="#FFFFFF">Reports</font>]]
 +
 +
|  &nbsp;
 +
|}
 +
 
== Web-Based Visualization Application==
 
== Web-Based Visualization Application==
 
Part1:
 
Part1:

Revision as of 11:09, 4 August 2017

Turning Concrete Malls into Smart Malls (S-MALL):
A web-based analytics application for visualizing and mapping in-mall customer journeys and shopping behaviours

Team S-MALL: Chen Yun-Chen | Chiam Zhan Peng | Zheng Bijun

Overview

Proposal

Application

Poster

Reports

 

Web-Based Visualization Application

Part1:

Visualization Methodology & Technique Usage
insert image of line chart
  • Chart type: Line chart & trellis plot
  • R Package: ggplot2, plotly
  • Interactivity: Use selectInput to control plot and segment by different timelevels, eg. Date, day of week, and hour
  • Line chart without trellis (segment=None) can be used to analyze the daily/weekly/hourly pattern of footfalls.
  • Trellis plot can be used to detect the cycling pattern over time.
insert image of chord diagram
  • Chart type: Chord diagram
  • R Package: chorddiag
  • Interactivity: Set specific datetime using selectIput and sliderInput to view the traffic transfer across floors.
    Hover to each floor to see the destination of its outflow traffics.
  • Analyze traffic flow across floor for specific datetime selection
insert image of hexbin map
  • Chart type: Hexagonal binning map
  • R Package: hexbin, ggplot, plotly
  • Key parameter setting: number of bins is set to 50
  • Interactivity: Set specific datetime using selectIput and sliderInput to view the traffic density on each floor.
    Click on specific hexbin to investigate members identity.
  • Analyze traffic density of floors for specific datetime selection
  • Drill down to shoppers’ identity based on interested density area

Part2:

Visualization Methodology & Technique Usage
insert image of sunburst
  • Chart type: Sunburst diagram
  • R Package: sunburstR
  • Interactivity: Set radio button to view the journey of different member segments.
    Set minimum dwell time using sliderInput to exclude passing-by floors.
    Hover to see the path and relevant statistics.
  • Investigate popular shopping path of members based on floors.
insert image of treemap
  • Chart type: Treemap
  • R Package: treemap, highCharter
  • Interactivity: Set radio button to view the journey of different member segments.
    Click on floor level to drill down to store level.
  • Analyze members’ average dwell time on each floor and store.
insert image of boxploter
  • Chart type: Boxplot
  • R Package: plotly
  • Key parameter setting: number of bins is set to 50
  • Interactivity: Click on the treemap to get the relevant boxplot for selected floor.
  • Analyze dwell time distribution of each store based on floor selection on treemap.
insert image of bar chart
  • Chart type: Bar chart
  • R Package: plotly
  • Interactivity: Select on the boxplot distribution to view the demographic of interested members.
    Set the ‘profile count by’ parameter to decide the y-axis of bar plots.
  • Analyze members’ profile based on selection of their dwell time distribution. For example, we may analyze the high time spender of a specific store to see if they are of similar demographic.

Part3:

Visualization Methodology & Technique Usage
insert image of bar
  • Chart type: Bar chart
  • R Package: ggplot, plotly
  • Interactivity: Set date range using radio button to see the plot of different months.
  • Investigate popular shopping path of members based on floors.
insert image of quadrant
  • Chart type: Scatter plot
  • R Package: arules, ggplot, plotly
  • Interactivity: Set date range using radio button to generate association rules based on different month’s transactions.
    Set parameters (support/confidence/min items) to generate valid associations rules and render plot.
    Hover over the bar to fade out non-relevant rules in the quadrant.
    Hover over the network to fade out non-relevant rules in the quadrant.
  • Analyze the competitive position of different rules based on set parameters.
insert image of network
  • Chart type: Network
  • R Package: visNetwork
  • Interactivity: Set date range using radio button to plot rules of different months.
  • Visualize the associations among departments.