Difference between revisions of "HomeIntel"

From Visual Analytics for Business Intelligence
Jump to navigation Jump to search
 
(70 intermediate revisions by 2 users not shown)
Line 1: Line 1:
[[File:NogadaFinal.png|500px|frameless|center]]
+
[[File:Logo home.png|300px|center|frameless]]
 
<!--Header-->
 
<!--Header-->
<p></p><br/>
+
<br/>
 
<div style="width:100%; text-align:center;">
 
<div style="width:100%; text-align:center;">
 
{|style="background-color:#143c67; color:#4d79ff; padding: 10 0 10 0;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0"  |
 
{|style="background-color:#143c67; color:#4d79ff; padding: 10 0 10 0;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0"  |
 
| style="padding:0.2em; font-size:100%; background-color:#143c67; text-align:center; color:#F5F5F5" width="10%" |  
 
| style="padding:0.2em; font-size:100%; background-color:#143c67; text-align:center; color:#F5F5F5" width="10%" |  
[[NO.G.A.D.A_Team |<font color="#F5F5F5" size=3 face="Helvetica">Team</font>]]
+
[[HomeIntel_Team |<font color="#F5F5F5" size=3 face="Helvetica">Team</font>]]
  
 
| style="background:none;" width="1%" | &nbsp;
 
| style="background:none;" width="1%" | &nbsp;
 
| style="padding:0.2em; font-size:100%; background-color:#05050f;  border-bottom:0px solid #3D9DD7; text-align:center; color:#F5F5F5" width="10%" |  
 
| style="padding:0.2em; font-size:100%; background-color:#05050f;  border-bottom:0px solid #3D9DD7; text-align:center; color:#F5F5F5" width="10%" |  
[[NO.G.A.D.A|<font color="#F5F5F5" size=3 face="Helvetica">Proposal</font>]]
+
[[HomeIntel|<font color="#F5F5F5" size=3 face="Helvetica">Proposal</font>]]
  
 
| style="background:none;" width="1%" | &nbsp;
 
| style="background:none;" width="1%" | &nbsp;
 
| style="padding:0.2em; font-size:100%; background-color:#143c67;  border-bottom:0px solid #3D9DD7; text-align:center; color:#F5F5F5" width="10%" |  
 
| style="padding:0.2em; font-size:100%; background-color:#143c67;  border-bottom:0px solid #3D9DD7; text-align:center; color:#F5F5F5" width="10%" |  
[[NO.G.A.D.A_Poster|<font color="#F5F5F5" size=3 face="Helvetica">Poster</font>]]
+
[[HomeIntel_Poster|<font color="#F5F5F5" size=3 face="Helvetica">Poster</font>]]
  
 
| style="background:none;" width="1%" | &nbsp;
 
| style="background:none;" width="1%" | &nbsp;
 
| style="padding:0.2em; font-size:100%; background-color:#143c67;  border-bottom:0px solid #3D9DD7; text-align:center; color:#F5F5F5" width="10%" |  
 
| style="padding:0.2em; font-size:100%; background-color:#143c67;  border-bottom:0px solid #3D9DD7; text-align:center; color:#F5F5F5" width="10%" |  
[[NO.G.A.D.A_Application|<font color="#F5F5F5" size=3 face="Helvetica">Application</font>]]
+
[[HomeIntel_Application|<font color="#F5F5F5" size=3 face="Helvetica">Application</font>]]
  
 
| style="background:none;" width="1%" | &nbsp;
 
| style="background:none;" width="1%" | &nbsp;
 
| style="padding:0.2em; font-size:100%; background-color:#143c67;  border-bottom:0px solid #3D9DD7; text-align:center; color:#F5F5F5" width="10%" |  
 
| style="padding:0.2em; font-size:100%; background-color:#143c67;  border-bottom:0px solid #3D9DD7; text-align:center; color:#F5F5F5" width="10%" |  
[[NO.G.A.D.A_Research Paper|<font color="#F5F5F5" size=3 face="Helvetica">Research Paper</font>]]
+
[[HomeIntel_Research Paper|<font color="#F5F5F5" size=3 face="Helvetica">Research Paper</font>]]
 
|}  
 
|}  
 
</div>
 
</div>
Line 28: Line 28:
 
<big> [[Project Groups|<--- Go Back to Project Groups]] </big>
 
<big> [[Project Groups|<--- Go Back to Project Groups]] </big>
 
<br /><br />
 
<br /><br />
==<div style="background:#143c67; padding: 15px; font-weight: bold; line-height: 0.3em; letter-spacing:0.5em;font-size:20px"><font color=#fbfcfd face="Century Gothic"><center>PROBLEM</center></font></div>==
 
<br/>
 
  
 +
== Problem and Motivation ==
  
<br/>
+
Did you know that 82% of Singaporeans actually lives in HDB flats? Everyone wants to own their dream house! Our group members are all currently at the age where friends talk about housing prices in the hope of securing their dream house soon. For young adults who are looking to start their own family, it is always a huge financial commitment to buy a new house. Hence, this make resale houses a considerable worthwhile choice to look towards..
  
==<div style="background:#143c67; padding: 15px; font-weight: bold; line-height: 0.3em;letter-spacing:0.5em;font-size:20px"><font color=#fbfcfd face="Century Gothic"><center>MOTIVATION</center></font></div>==
+
Many people are always worried about not getting the best price for their dream house and there are just too much information all over the internet which take hours to read up on. To make it easier for resale flat buyers, our team aims to come out with visualization that best represent the current resale flat industry, allowing people to understand the market better. We hope that through these visualizations, potential HDB resale flat buyers are able to better analyse and compare the costs of owning a flat across different towns, prioritize what is important to them before deciding on their dream home.
<br/>
 
  
<br/>
+
== Objectives ==
 +
The objectives we hope to address through this project are as follows:
  
==<div style="background:#143c67; padding: 15px; font-weight: bold; line-height: 0.3em;letter-spacing:0.5em;font-size:20px"><font color=#fbfcfd face="Century Gothic"><center>OBJECTIVES</center></font></div>==
+
#Allow users to gain overall insights on resale price trends over the last 5 years (2015-2019)
<br/>
+
#Understand the key factors that affect resale prices (resale price, floor level, floor area, flat type)
 +
#Gain insight on the town area which has the highest investment potential for housing flat
  
 +
== Selected Dataset ==
  
<br/>
+
The Data Sets we will be using for our analysis and for our application is listed below:
  
==<div style="background:#143c67; padding: 15px; font-weight: bold; line-height: 0.3em;letter-spacing:0.5em;font-size:20px"><font color=#fbfcfd face="Century Gothic"><center>SELECTED DATASET</center></font></div>==
+
{| class="wikitable" style="margin-left: auto; margin-right: auto; width: 90%;
<br/>
 
The Data Sets we will be using for our analysis and for our application is listed below:
 
<center>
 
{| class="wikitable" style="background-color:#FFFFFF;" width="90%"
 
 
|-
 
|-
! style="font-weight: bold;background: #141414;color:#fbfcfd;width: 30%;" | Dataset/Source
+
! style="background:#7dcfe8;|Dataset/Source !! style="background:#7dcfe8;|Data Attributes !! style="background:#7dcfe8;|Rationale of Usage
! style="font-weight: bold;background: #141414;color:#fbfcfd;width: 20%" | Data Attributes
 
! style="font-weight: bold;background: #141414;color:#fbfcfd;width: 50%;" | Rationale Of Usage
 
 
|-
 
|-
| <center>Visitor Arrivals Statistics
+
| <center><br/>
(2007 January - 2018 September)<br/><br/><br/>
+
Resale Flat Price (Jan 2015 - Aug 2019)
(https://kto.visitkorea.or.kr/eng/tourismStatics/keyFacts/KoreaMonthlyStatistics.kto ) </center>
+
<br/>
 
+
(https://data.gov.sg/dataset/resale-flat-prices?resource_id=42ff9cfe-abe5-4b54-beda-c88f9bb438ee)
||
 
 
 
  
 +
</center>
 +
||
 
* Month
 
* Month
 +
* Town
 +
* Flat type
 +
* Block
 +
* Street Name
 +
* Storey range
 +
* Floor Area sqm
 +
* Flat Model
 +
* Lease Commence Date
 +
* Remaining Lease
 +
* Resale Price
  
* Year
 
 
* Country
 
 
* Number of Visitor Arrivals
 
 
 
||
 
<center>This dataset will be used to understand the number of visitors to South Korea from 2007 January to 2018 June. This will allow us to understand the inflow of visitors and see the trend (seasonal trend) of when the visitors come in.</center>
 
|-
 
| <center>International Visitor Survey
 
(2007 - 2018 )<br/><br/><br/>
 
(https://kto.visitkorea.or.kr/kor/notice/data/statis/tstatus.kto)</center>
 
 
||  
 
||  
 +
This dataset will be used to understand the resale transacted price and see the price trend change over year.
  
* City
+
|}
 
 
* Tourist Attraction
 
 
 
* Local/Foreigner
 
 
 
* Date
 
 
 
* No. of Visitors
 
 
 
* Latitude
 
 
 
* Longitude
 
 
 
||
 
<center>This dataset will be used to understand the most popular tourist attraction in the different major cities in Korea. We will also be able to gain insights on the Number of visitors to each attraction and also if they are local and foreigner visitors which will allow us to see the difference between locals and foreigners.</center>
 
|-
 
| <center>Entry by nationality by age
 
(2007 - 2018)<br/><br/><br/>
 
([http://know.tour.go.kr/stat/tourStatSearchDis.do;jsessionid=18780F0E8CFAFBBCEB58B0A96098EDD3 Click to View Data])</center>
 
||
 
 
 
* City
 
  
* Age Range
+
== Background Survey ==
  
* Date
+
Our team did background research on the topic before creating the storyboards. It will expose us to the different types of charts and graphs that we can use for the project and consider how we can make it better. Some of the visualisations that we draw inspiration from are as follows:
  
||
+
{| class="wikitable" style="margin-left: auto; margin-right: auto; width: 90%;
<center>This data set will be used to understand the general demographic of international visitors coming to Korea from 2007 - 2018. We will be able to gain descriptive insights on the visitor demographics by Age Range.</center>
 
 
|-
 
|-
| <center>Entry by nationality by Sex
+
! style="background:#7dcfe8;|Reference of Other Interactive Visualization !!style="background:#7dcfe8;| Learning Points
(2007 - 2018)<br/><br/><br/>
 
([http://know.tour.go.kr/stat/tourStatSearchDis.do;jsessionid=18780F0E8CFAFBBCEB58B0A96098EDD3 Click to View Data])</center>
 
||
 
 
 
* City
 
 
 
* Sex
 
 
 
* Date
 
 
 
||
 
<center>This data set will be used to understand the general demographic of international visitors coming to Korea from 2007 - 2018. We will be able to gain descriptive insights on the visitor demographics by Gender.</center>
 
 
|-
 
|-
| <center>Entry by nationality by Purpose
+
|
(2007 - 2018)<br/><br/><br/>
+
<center><br/> '''Title: Historical Average of HDB Resale Prices in Ang Mo Kio
([http://know.tour.go.kr/stat/tourStatSearchDis.do;jsessionid=18780F0E8CFAFBBCEB58B0A96098EDD3 Click to View Data])</center>
+
'''
||
+
[[File:Relatedwork1.jpg|500px|center]]
 
+
Source: https://getaflat.herokuapp.com/charts
* City
 
 
 
* Purpose of Visit
 
 
 
* Date
 
 
 
||
 
<center>This data set will be used to understand the general demographic of international visitors coming to Korea from 2007 - 2018. We will be able to gain descriptive insights on the visitor demographics by Purpose of Visit.</center>
 
|}
 
 
</center>
 
</center>
  
<br/>
+
||
 
+
* This is a time-series chart which allow users to see the trend in resale prices by room type over time
==<div style="background:#143c67; padding:15px; font-weight: bold; line-height: 0.3em;letter-spacing:0.5em;font-size:20px"><font color=#fbfcfd face="Century Gothic"><center>BACKGROUND SURVEY</center></font></div>==
+
* The axis titles are missing
<br/>
+
* We will be using this chart as a reference and improving it by adding filters such as the age of flat and story range
  
Before we embarked on this project, we did some basic background research on this topic to see if there were any visualizations or dashboards we could drive inspirations from or make it better. Below are a few visuals we found:
 
  
<center>
 
{| class="wikitable" style="background-color:#FFFFFF;" width="90%"
 
|-
 
! style="font-weight: bold;background: #141414;color:#fbfcfd;width: 45%;" | Reference of Other Interactive Visualization
 
! style="font-weight: bold;background: #141414;color:#fbfcfd;width: 55%" | Learning Point
 
 
|-
 
|-
| <center>
+
| <center><br/>  '''Title: Distribution of 4-Room HDB Resale Prices By Town '''  
'''Title''': Monthly Number of Individual Travelling Visitors (2016)
+
[[File:Relatedwork2.jpg|500px|center]]
[[File:Example1.png|300px|frameless|center]]
+
Source: https://public.tableau.com/profile/priyadarsan.shankar#!/vizhome/Singapore4-ROOMHDBresalepricesvisualization/HDBdashboard
'''Source''':https://www.data.go.kr/visual/content/577
 
 
</center>
 
</center>
 
 
||  
 
||  
 
+
* The box plots can be used to identify towns with high median resale prices
* We can understand the monthly visitor arrivals' patterns throughout the year.
+
* Outliers can be identified easily and we can see if the data is skewed
* However, we feel that a time series line graph would be more appropriate, and there should be a wider year range to better understand the exact trend in visitor arrivals.
 
  
 
|-
 
|-
| <center>
+
| <center><br/> '''Title: Singapore Property Prices Heatmap '''
'''Title''': Foreign tourists visiting Korea by 2015
+
[[File:3.jpg|500px|center]]
[[File:Nogada.png|250px|frameless|center]]
+
Source: https://www.greyloft.com/singapore/property-prices-heatmap
'''Source''':http://m.datanews.co.kr/m/m_article.html?no=2995
 
 
</center>
 
</center>
 
||  
 
||  
 
+
* The heatmap focuses on the price per square foot by district.
* This bar chart displays the visits to various tourist attraction by year.
+
* Users can select the date range
* Data labels and legends can help us see the precise figures.
+
* The tooltips provide more information on the trend, the number of transactions and towns within the district
 +
* Easy to interpret the chart and the legends are useful.
 +
* The Central area stands out well. Good colour choice to represent the high price per sqf
 +
* We will do a heatmap on the average resale price by town and provide more information in the tooltip
  
 
|-
 
|-
 
+
|<center><br/>  '''Title: Heat Map of Median Resale Price'''
| <center>
+
[[File:Captureff.jpg|500px|center]]
'''Title''': Most visited tourism attractions in South Korea 2015
+
Source: https://public.tableau.com/profile/darrick8462#!/vizhome/HDBResaleAnalysisDDO/HDBRESALEDASHBOARD
[[File:BackgroundSurvey3Nogada.jpg|250px|frameless|center]]
 
'''Source''':https://know.tour.go.kr/ptourknow/knowplus/kChannel/kChannelPeriod/kChannelPeriodDetail.do?seq=102612
 
 
</center>
 
</center>
 
||  
 
||  
  
* This helps us to learn the most visited attractions by region as well as the increase / decrease as compared to the previous year.
+
* The heat map shows the relationship between flat type and the storey range
* We can enhance on this idea to make an interactive map so that the user can analyze with filters.
+
* We can improve this further by creating a heatmap based on an additional field called Estate Type (mature and non-mature estates)
  
|-
 
 
|}
 
|}
</center>
 
<br/>
 
  
==<div style="background:#143c67; padding:15px; font-weight: bold; line-height: 0.3em;letter-spacing:0.5em;font-size:20px"><font color=#fbfcfd face="Century Gothic"><center>CONSIDERATION & VISUAL SELECTION</center></font></div>==
+
== Brainstorming Sessions ==
<br/>
+
To come up with the storyboard, our group met up several times to try and come up with a visual. The five charts shown above are visual that we considered making for our project. Firstly, the bar and line charts are used to view the relationships between different factors against price. For the boxplot diagram, we feel that is a good visual to achieve our goal of seeing the seasonal trend of the resale price over the past five years. Lastly, the heatmap visual, our goal is to see the fluctuation of price per square meter to examine the profitability for investment or purchase a flat in a specific location.
 +
 
 +
[[Image:Brainstorming Session.jpg|center|800px]]
 +
<br>
 +
After much brainstorming sessions, we came up with our final storyboard designs which are listed below.
  
Below are a few visualizations and charts we considered making for our projects.
+
== Proposed Dashboard ==
 +
Our group has proposed the following storyboard in our Visual Application:
  
<center>
+
{| class="wikitable" style="margin-left: auto; margin-right: auto; width: 90%;
{| class="wikitable" style="background-color:#FFFFFF;" width="90%"
 
 
|-
 
|-
! style="font-weight: bold;background: #141414;color:#fbfcfd;width: 45%;" | Visual Considerations
+
! style="background:#7dcfe8;|Dashboards !! style="background:#7dcfe8; width:50%;|Rationale
! style="font-weight: bold;background: #141414;color:#fbfcfd;width: 55%" | Insights / Comments
 
 
|-
 
|-
| <center>
+
| <center><br/> '''Storyboard 1: Overview of Resale Price Trends''' </br>
'''Title''': Sunburst Diagram
+
[[File:SB1.jpg|300px|frameless|center]]
[[File:Sunburst.png|250px|frameless|center]]
+
 
'''Source''':https://bl.ocks.org/mbostock/4348373
 
 
</center>
 
</center>
 
 
||  
 
||  
 +
As this is the 1st storyboard, we would like to provide the reader with the big picture of resale prices before narrowing down the scope. The aim of this dashboard is to show the resale price trends and to allow the user to identify areas that are more expensive.
  
*'''Pros:'''
+
Users can filter by year/month, region, town, flat type and age. When the user hovers over the map, the average floor area in sqm, the average price per sqm and the number of transactions will be displayed.
** Aims to show various sub-components of a particular category
+
|-
** Can drill down to multiple divisions to observe the distribution by percentages
+
|
** May be useful to analyze tourism receipts by components and country
+
<center><br/> '''Storyboard 2: Key Factors Affecting Resale Prices'''  
 +
[[File:SB2.jpg|300px|center]]
  
*'''Cons:'''
 
** Difficult to break down the huge number of markets
 
** Does not provide a comprehensive time-series comparison
 
 
|-
 
| <center>
 
'''Title''': Treemap
 
[[File:Treemap.png|250px|frameless|center]]
 
'''Source''':https://www.theinformationlab.co.uk/2015/02/10/show-treemaps/
 
 
</center>
 
</center>
 
||  
 
||  
 
+
The aim of this dashboard is to find out if variables such as flat type, storey range, and region can influence the resale price.  
*'''Pros''':
+
The same filters used in the previous storyboard can be used for this storyboard.  
** Effective visualisation to organise multivariate data by hierarchy
 
** We can effectively see the purpose of visit for the top 10 visiting countries to Korea.
 
 
 
 
*'''Cons''':
 
** It would be hard to compare between years and months for different countries.
 
** The hierarchy will only be 2 levels so the interaction would not be as much.
 
 
 
 
|-
 
|-
| <center>
+
|  
'''Title''': Chord Diagram
+
<center><br/>'''Storyboard 3: Comparison Between Mature and Non-Mature Estates'''
[[File:Chord.png|250px|frameless|center]]
+
[[File:SB3.jpg|300px|center]]
'''Source''':https://beta.observablehq.com/@mbostock/d3-chord-diagram
 
 
</center>
 
</center>
 
||  
 
||  
  
*'''Pros''':
+
There are pros and cons in buying a new home in a mature and non-mature estate. Towns that have been around for more than 20 years are deemed mature.  
** Effective visualisation to see the influx of Visitors from and to Korea.
 
** We will be able to easily spot the country with the most travelers to Korea.
 
 
  
*'''Cons''':
+
The aim of this dashboard is to make comparisons between the 2 estate types and see if there are any distinct differences in terms of pricing and floor area. The user can also see the seasonal trend of people selling their homes
** This chart will make it harder to spot trends in the visiting pattern.
 
** We will not be able to see every single country as the size of the chord diagram is limited.
 
  
|-
 
 
|}
 
|}
</center>
 
  
<br/>
+
== Tools and Technologies Used ==
 
 
==<div style="background:#143c67; padding:15px; font-weight: bold; line-height: 0.3em;letter-spacing:0.5em;font-size:20px"><font color=#fbfcfd face="Century Gothic"><center>BRAINSTORMING SESSIONS</center></font></div>==
 
<br/>
 
 
 
[[File:BrainstormNogada.png|500px|frameless|center]]
 
 
 
<br/>
 
To come up with the story board, our group met up several times to try and come up with a visual. The two charts above are a few dashboards we considered making for our project. First Chart being a Chord diagram of visitors coming in and out of Korea. With an attractive look and great interaction, at first we felt that it was a good dashboard. But with some discussion and consultations, we realised that it would not help us achieve our goal of seeing the seasonal trend of visitors through the years. The second chart is a map with a hover function to see the popularity. We still stick to a similar design but instead of a tooltip like feel, we decided to give a whole section to the popularity part.
 
  
After the sessions, we came up with our final designs which are listed below.
+
[[File:Tools.png|center]]
  
<br/>
+
== Challenges ==
  
==<div style="background:#143c67; padding:15px; font-weight: bold; line-height: 0.3em;letter-spacing:0.5em;font-size:20px"><font color=#fbfcfd face="Century Gothic"><center>PROPOSED STORYBOARD</center></font></div>==
+
{| class="wikitable" style="margin-left: auto; margin-right: auto; width: 90%;
<br/>
 
 
 
Below is the proposed story board for our project:
 
 
 
<center>
 
{| class="wikitable" style="background-color:#FFFFFF;" width="90%"
 
 
|-
 
|-
! style="font-weight: bold;background: #141414;color:#fbfcfd;width: 45%;" | Storyboard
+
! style="background:#7dcfe8;|Challenges !! style="background:#7dcfe8;|Description !! style="background:#7dcfe8;|Mitigation Plan
! style="font-weight: bold;background: #141414;color:#fbfcfd;width: 55%" | Insights / Comments
 
 
|-
 
|-
| <center>
+
| <center><br/>  
'''Title''': Storyboard 1 - Seasonal Trend
+
Unfamiliarity of Visualization Technologies such as Tableau, R,Rshiny etc.
[[File:Storyboard1Nogada.jpg|300px|frameless|center]]
 
</center>
 
 
 
||
 
* Aims to show the seasonal trend of yearly visitor arrivals by country and month.
 
 
 
* There is a slider to select the year range and two dropdowns to analyse specific months and countries.
 
  
|-
 
| <center>
 
'''Title''': Storyboard 2 - Tourist Attractions
 
[[File:Storyboard2Nogada.jpg|400px|frameless|center]]
 
 
</center>
 
</center>
 +
||
 +
We are new to R and RShiny and we are not sure of its capabilities
 
||  
 
||  
 
+
* Independent Hands-on Practice via online resources such as Datacamp
* Aims to show the yearly / monthly trend in popular tourism destinations, filtered by year and month.
+
* Ask team mates for help
 
 
* After selecting a region, the map will zoom in and display various tourism attractions within that region.
 
 
* When the user hovers over a specific destination, there will be a time series graph of the local / foreigner arrivals as well as a picture of the destination.
 
  
 
|-
 
|-
| <center>
+
| <center><br/>  
'''Title''': Storyboard 3 - Demographic information
+
Data visualization
[[File:Photo 2018-11-25 15-55-54 (2).jpg|400px|frameless|center]]
 
</center>
 
||
 
 
 
* Aims to provide demographic information and the purpose of arrival through trend line charts and other barcharts.
 
 
 
* Users can select the year/month and country from the dropdown list.
 
  
|-
 
|}
 
 
</center>
 
</center>
 +
||
  
<br/>
+
It is challenging to determine what type of chart to use and we also have to consider if the user can gain useful insights from the chart and interpret it easily
 
 
==<div style="background:#143c67; padding:15px; font-weight: bold; line-height: 0.3em;letter-spacing:0.5em;font-size:20px"><font color=#fbfcfd face="Century Gothic"><center>TECHNOLOGIES</center></font></div>==
 
<br/>
 
 
 
The technologies we will be using for this Project is as below:
 
[[File:ArchitectureDiagram.png|650px|frameless|center]]
 
<br/>
 
==<div style="background:#143c67; padding:15px; font-weight: bold; line-height: 0.3em;letter-spacing:0.5em;font-size:20px"><font color=#fbfcfd face="Century Gothic"><center>CHALLENGES</center></font></div>==
 
<br/>
 
 
 
<center>
 
{| class="wikitable" style="background-color:#FFFFFF;" width="90%"
 
|-
 
! style="font-weight: bold;background: #141414;color:#fbfcfd;width: 45%;" | Challenges
 
! style="font-weight: bold;background: #141414;color:#fbfcfd;width: 55%" | Mitigation Plan
 
|-
 
|
 
* Unfamiliarity of Visualization Technologies such as Tableau, R,Rshiny etc.
 
||
 
 
 
* Attending Workshop on R and Rshiny
 
* Hands-on Practice with different technologies.
 
* Peer Learning.
 
  
|-
 
|
 
* Data Cleaning & Transformation from messy data.
 
 
||  
 
||  
 +
* Evaluate potential designs with team mates and provide constructive feedback
 +
* Look at more charts online for inspiration and see how we can make it better
 +
* Watch the courses on Datacamp to familiarise ourselves with R and the different packages like Plotly.
  
* Organize Meeting Sessions to meet and do data cleaning and transformation together.
 
* Split the work between team members.
 
* Python Scripting to find Top 10, Sort data and translate.
 
 
|-
 
|
 
* Integrating Relevant Data from Multiple Sources Proposed Solution.
 
||
 
  
* Working together to decide on what data to extract or eliminate.
 
* Trial and test for one set of data together before splitting the work.
 
  
|-
 
 
|}
 
|}
</center>
 
 
<br/>
 
==<div style="background:#143c67; padding:15px; font-weight: bold; line-height: 0.3em;letter-spacing:0.5em;font-size:20px"><font color=#fbfcfd face="Century Gothic"><center>TIMELINE</center></font></div>==
 
<br/>
 
 
[[File:NogadaGantt.png|1000px|frameless|center]]
 
 
<br/>
 
==<div style="background:#143c67; padding:15px; font-weight: bold; line-height: 0.3em;letter-spacing:0.5em;font-size:20px"><font color=#fbfcfd face="Century Gothic"><center>COMMENTS</center></font></div>==
 
<br/>
 
  
Feel free to leave us some comments so that we can improve!
+
== Timeline==
 +
[[Image:Gantt Chart.png|center| 800px]]
  
<center>
+
== Comments ==
{| class="wikitable" width="100%"
+
{| class="wikitable" style="margin-left: auto; margin-right: auto; width: 90%;
 
|-
 
|-
! style="font-weight: bold;background: #141414;color:#fbfcfd;width: 5%;" |No.
+
! style="background:#7dcfe8;|Name !! style="background:#7dcfe8;|Comments
! style="font-weight: bold;background: #141414;color:#fbfcfd;width: 25%;" |Name
 
! style="font-weight: bold;background: #141414;color:#fbfcfd;width: 20%;" |Date
 
! style="font-weight: bold;background: #141414;color:#fbfcfd;width: 50%;" |Comments
 
 
|-
 
|-
| 1.
+
|  
| Insert your name here
+
Your Name
| Insert date here
+
||  
| Insert comment here
+
* Comment
 
|-
 
|-
| 2.
+
|  
| Insert your name here
+
Your Name
| Insert date here
+
||  
| Insert comment here
+
* Comment
|-
 
| 3.
 
| Insert your name here
 
| Insert date here
 
| Insert comment here
 
 
|}
 
|}
</center>
 

Latest revision as of 13:32, 13 October 2019

Logo home.png


Team

 

Proposal

 

Poster

 

Application

 

Research Paper


<--- Go Back to Project Groups

Problem and Motivation

Did you know that 82% of Singaporeans actually lives in HDB flats? Everyone wants to own their dream house! Our group members are all currently at the age where friends talk about housing prices in the hope of securing their dream house soon. For young adults who are looking to start their own family, it is always a huge financial commitment to buy a new house. Hence, this make resale houses a considerable worthwhile choice to look towards..

Many people are always worried about not getting the best price for their dream house and there are just too much information all over the internet which take hours to read up on. To make it easier for resale flat buyers, our team aims to come out with visualization that best represent the current resale flat industry, allowing people to understand the market better. We hope that through these visualizations, potential HDB resale flat buyers are able to better analyse and compare the costs of owning a flat across different towns, prioritize what is important to them before deciding on their dream home.

Objectives

The objectives we hope to address through this project are as follows:

  1. Allow users to gain overall insights on resale price trends over the last 5 years (2015-2019)
  2. Understand the key factors that affect resale prices (resale price, floor level, floor area, flat type)
  3. Gain insight on the town area which has the highest investment potential for housing flat

Selected Dataset

The Data Sets we will be using for our analysis and for our application is listed below:

Dataset/Source Data Attributes Rationale of Usage

Resale Flat Price (Jan 2015 - Aug 2019)
(https://data.gov.sg/dataset/resale-flat-prices?resource_id=42ff9cfe-abe5-4b54-beda-c88f9bb438ee)

  • Month
  • Town
  • Flat type
  • Block
  • Street Name
  • Storey range
  • Floor Area sqm
  • Flat Model
  • Lease Commence Date
  • Remaining Lease
  • Resale Price

This dataset will be used to understand the resale transacted price and see the price trend change over year.

Background Survey

Our team did background research on the topic before creating the storyboards. It will expose us to the different types of charts and graphs that we can use for the project and consider how we can make it better. Some of the visualisations that we draw inspiration from are as follows:

Reference of Other Interactive Visualization Learning Points

Title: Historical Average of HDB Resale Prices in Ang Mo Kio

Relatedwork1.jpg

Source: https://getaflat.herokuapp.com/charts

  • This is a time-series chart which allow users to see the trend in resale prices by room type over time
  • The axis titles are missing
  • We will be using this chart as a reference and improving it by adding filters such as the age of flat and story range



Title: Distribution of 4-Room HDB Resale Prices By Town
Relatedwork2.jpg

Source: https://public.tableau.com/profile/priyadarsan.shankar#!/vizhome/Singapore4-ROOMHDBresalepricesvisualization/HDBdashboard

  • The box plots can be used to identify towns with high median resale prices
  • Outliers can be identified easily and we can see if the data is skewed

Title: Singapore Property Prices Heatmap
3.jpg

Source: https://www.greyloft.com/singapore/property-prices-heatmap

  • The heatmap focuses on the price per square foot by district.
  • Users can select the date range
  • The tooltips provide more information on the trend, the number of transactions and towns within the district
  • Easy to interpret the chart and the legends are useful.
  • The Central area stands out well. Good colour choice to represent the high price per sqf
  • We will do a heatmap on the average resale price by town and provide more information in the tooltip

Title: Heat Map of Median Resale Price
Captureff.jpg

Source: https://public.tableau.com/profile/darrick8462#!/vizhome/HDBResaleAnalysisDDO/HDBRESALEDASHBOARD

  • The heat map shows the relationship between flat type and the storey range
  • We can improve this further by creating a heatmap based on an additional field called Estate Type (mature and non-mature estates)

Brainstorming Sessions

To come up with the storyboard, our group met up several times to try and come up with a visual. The five charts shown above are visual that we considered making for our project. Firstly, the bar and line charts are used to view the relationships between different factors against price. For the boxplot diagram, we feel that is a good visual to achieve our goal of seeing the seasonal trend of the resale price over the past five years. Lastly, the heatmap visual, our goal is to see the fluctuation of price per square meter to examine the profitability for investment or purchase a flat in a specific location.

Brainstorming Session.jpg


After much brainstorming sessions, we came up with our final storyboard designs which are listed below.

Proposed Dashboard

Our group has proposed the following storyboard in our Visual Application:

Dashboards Rationale

Storyboard 1: Overview of Resale Price Trends
SB1.jpg

As this is the 1st storyboard, we would like to provide the reader with the big picture of resale prices before narrowing down the scope. The aim of this dashboard is to show the resale price trends and to allow the user to identify areas that are more expensive.

Users can filter by year/month, region, town, flat type and age. When the user hovers over the map, the average floor area in sqm, the average price per sqm and the number of transactions will be displayed.


Storyboard 2: Key Factors Affecting Resale Prices
SB2.jpg

The aim of this dashboard is to find out if variables such as flat type, storey range, and region can influence the resale price. The same filters used in the previous storyboard can be used for this storyboard.


Storyboard 3: Comparison Between Mature and Non-Mature Estates
SB3.jpg

There are pros and cons in buying a new home in a mature and non-mature estate. Towns that have been around for more than 20 years are deemed mature.

The aim of this dashboard is to make comparisons between the 2 estate types and see if there are any distinct differences in terms of pricing and floor area. The user can also see the seasonal trend of people selling their homes

Tools and Technologies Used

Tools.png

Challenges

Challenges Description Mitigation Plan

Unfamiliarity of Visualization Technologies such as Tableau, R,Rshiny etc.

We are new to R and RShiny and we are not sure of its capabilities

  • Independent Hands-on Practice via online resources such as Datacamp
  • Ask team mates for help

Data visualization

It is challenging to determine what type of chart to use and we also have to consider if the user can gain useful insights from the chart and interpret it easily

  • Evaluate potential designs with team mates and provide constructive feedback
  • Look at more charts online for inspiration and see how we can make it better
  • Watch the courses on Datacamp to familiarise ourselves with R and the different packages like Plotly.


Timeline

Gantt Chart.png

Comments

Name Comments

Your Name

  • Comment

Your Name

  • Comment