Difference between revisions of "IS428-AY2019-20T1 HDBViz-Proposal"
Jwteng.2017 (talk | contribs) |
|||
(22 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
+ | [[File:hdbviz-final.png|300px|center|frameless]] | ||
+ | <!--Header--> | ||
+ | <br/> | ||
+ | <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" | | ||
+ | <div style="width:100%; text-align:center;"> | ||
+ | | style="background:none;" width="1%" | | ||
+ | | style="padding:0.2em; font-size:100%; background-color:#143c67; border-bottom:0px solid #3D9DD7; text-align:center; color:#F5F5F5" width="10%" | | ||
+ | [[IS428-AY2019-20T1 HDBViz-Proposal|<font color="#F5F5F5" size=3 face="Helvetica">Proposal</font>]] | ||
+ | |||
+ | | style="background:none;" width="1%" | | ||
+ | | style="padding:0.2em; font-size:100%; background-color:#143c67; border-bottom:0px solid #3D9DD7; text-align:center; color:#F5F5F5" width="10%" | | ||
+ | [[IS428-AY2019-20T1 HDBViz-Poster|<font color="#F5F5F5" size=3 face="Helvetica">Poster</font>]] | ||
+ | |||
+ | | style="background:none;" width="1%" | | ||
+ | | style="padding:0.2em; font-size:100%; background-color:#143c67; border-bottom:0px solid #3D9DD7; text-align:center; color:#F5F5F5" width="10%" | | ||
+ | [[IS428-AY2019-20T1 HDBViz-Application|<font color="#F5F5F5" size=3 face="Helvetica">Application</font>]] | ||
+ | |||
+ | | style="background:none;" width="1%" | | ||
+ | | style="padding:0.2em; font-size:100%; background-color:#143c67; border-bottom:0px solid #3D9DD7; text-align:center; color:#F5F5F5" width="10%" | | ||
+ | [[IS428-AY2019-20T1 HDBViz-Research Paper|<font color="#F5F5F5" size=3 face="Helvetica">Research Paper</font>]] | ||
+ | |} | ||
+ | </div> | ||
+ | <!--/Header--> | ||
+ | <br /> | ||
+ | <big> [[Project Groups|<--- Go Back to Project Groups]] </big> | ||
+ | <br /><br /> | ||
+ | |||
+ | |||
== Problem Statement == | == Problem Statement == | ||
− | '''Problem''': Our team has identified a lack of information on HDB resale flats for | + | '''Problem''': Our team has identified a lack of information on HDB resale flats for home-buyers who want to understand and make decisions on the type of HDB flat to buy based on past transaction trends. |
'''Motivation''': With the increasing demand for housing, there is a need for homeowners to have a better understanding of the flats they are purchasing. Hence, there is a need to analyse the resale prices and transaction volume of the flats. | '''Motivation''': With the increasing demand for housing, there is a need for homeowners to have a better understanding of the flats they are purchasing. Hence, there is a need to analyse the resale prices and transaction volume of the flats. | ||
Line 86: | Line 115: | ||
* It collapses the negative values to the positive side of the axis, taking up less space and shows the same data. | * It collapses the negative values to the positive side of the axis, taking up less space and shows the same data. | ||
|- | |- | ||
− | |<center><br/> | + | | <center><br/> '''Title: Tree-Map''' |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
[[File:Treemap Resale.png|150px|frame|center]] | [[File:Treemap Resale.png|150px|frame|center]] | ||
Source: http://rpubs.com/tskam/treemap | Source: http://rpubs.com/tskam/treemap | ||
Line 101: | Line 121: | ||
|| | || | ||
* Main benefits of tree maps is that they make efficient use of compact space, so they can legibly display many items on the screen at the same time. | * Main benefits of tree maps is that they make efficient use of compact space, so they can legibly display many items on the screen at the same time. | ||
− | * But | + | * But tree-maps with too many items tend to be hard to read because of the many lines that enclose each small node. |
|- | |- | ||
|<center><br/> '''Title: Overlay BarChart''' | |<center><br/> '''Title: Overlay BarChart''' | ||
Line 108: | Line 128: | ||
</center> | </center> | ||
|| | || | ||
− | * Overlay | + | * Overlay Bar-chart reduces the chances of frequency measurement error. |
|} | |} | ||
Line 116: | Line 136: | ||
{| class="wikitable" style="margin-left: auto; margin-right: auto; width: 90%; | {| class="wikitable" style="margin-left: auto; margin-right: auto; width: 90%; | ||
|- | |- | ||
− | ! style="background:#B0E0E6;|Dashboards !! style="background:#B0E0E6; width:50%;| | + | ! style="background:#B0E0E6;|Dashboards !! style="background:#B0E0E6; width:50%;|Rationale |
|- | |- | ||
| <center><br/> '''Dashboard 1: Overview''' | | <center><br/> '''Dashboard 1: Overview''' | ||
Line 124: | Line 144: | ||
* An overview to show the Resale Prices and Transaction Volumes for the different flat types by region and town, in a hierarchy structure. | * An overview to show the Resale Prices and Transaction Volumes for the different flat types by region and town, in a hierarchy structure. | ||
* The size of the box will be based on the total transaction volume and the colour will be based on the median transaction price. | * The size of the box will be based on the total transaction volume and the colour will be based on the median transaction price. | ||
− | * The chart can be filtered by time and the | + | * The chart can be filtered by time and the tree-map will be updated according to the filter. |
|- | |- | ||
| | | | ||
Line 140: | Line 160: | ||
</center> | </center> | ||
|| | || | ||
− | * The user will apply filters on the price range, lease year, flat type and flat model | + | * The user will apply filters on the price range, lease year, flat type and flat model which will be reflected by the proportional map and heat-map accordingly |
− | |||
* The proportional map’s symbol size is determined by the number of transactions within each town | * The proportional map’s symbol size is determined by the number of transactions within each town | ||
− | * The | + | * The heat-map shows the median past transaction prices by town and flat type |
− | * The | + | * The heat-map shade intensity is determined by the median transaction price |
* Upon hovering over the points on the proportional map, it will show a box plot with the distribution of the transaction prices by the specific town | * Upon hovering over the points on the proportional map, it will show a box plot with the distribution of the transaction prices by the specific town | ||
|} | |} | ||
Line 153: | Line 172: | ||
! style="background:#B0E0E6;|Challenges !! style="background:#B0E0E6;|Action Taken | ! style="background:#B0E0E6;|Challenges !! style="background:#B0E0E6;|Action Taken | ||
|- | |- | ||
− | | Unfamiliarity with R and the different packages required to build the | + | | |
+ | <center> | ||
+ | Unfamiliarity with R and the different packages required to build the visualizations | ||
+ | </center> | ||
|| | || | ||
+ | <center> | ||
Explore online resources (e.g. Rpubs) | Explore online resources (e.g. Rpubs) | ||
− | Self-learn on | + | Self-learn on Data-camp |
+ | </center> | ||
|- | |- | ||
| | | | ||
+ | <center> | ||
Lack ideas in designing the storyboard | Lack ideas in designing the storyboard | ||
+ | </center> | ||
|| | || | ||
+ | <center> | ||
Explore online resources such as Tableau Public Library to gather insights and inspirations | Explore online resources such as Tableau Public Library to gather insights and inspirations | ||
+ | </center> | ||
|- | |- | ||
| | | | ||
− | Retrieving the coordinates for the different town required to build a map for our | + | <center> |
+ | Retrieving the coordinates for the different town required to build a map for our visualization | ||
+ | </center> | ||
|| | || | ||
+ | <center> | ||
Look into various projects and examples that made use of geographical mapping as reference | Look into various projects and examples that made use of geographical mapping as reference | ||
+ | </center> | ||
+ | |} | ||
− | | | + | == Tools and Technologies Used == |
+ | <p> | ||
+ | [[File:Archi.png|900px|center]] | ||
== Milestones == | == Milestones == | ||
− | [[File: | + | [[File:Milestone2.jpg|600px|center]] |
− | == References == | + | == References == |
+ | http://freerangestats.info/blog/2018/05/13/nz-govt-shinyapps <br> | ||
+ | http://rpubs.com/tskam/treemap <br> | ||
+ | https://public.tableau.com/profile/yslin#!/vizhome/HDBResalePrice_OverallTrend/DB_OverviewofHDBResalePrice | ||
+ | |||
+ | == Comments == | ||
+ | {| class="wikitable" style="margin-left: auto; margin-right: auto; width: 90%; | ||
+ | |- | ||
+ | ! style="background:#B0E0E6;|Name !! style="background:#B0E0E6;|Comments | ||
+ | |- | ||
+ | | | ||
+ | Your Name | ||
+ | || | ||
+ | * Comment | ||
+ | |- | ||
+ | | | ||
+ | Your Name | ||
+ | || | ||
+ | * Comment | ||
+ | |} |
Latest revision as of 22:25, 19 November 2019
<--- Go Back to Project Groups
Contents
Problem Statement
Problem: Our team has identified a lack of information on HDB resale flats for home-buyers who want to understand and make decisions on the type of HDB flat to buy based on past transaction trends.
Motivation: With the increasing demand for housing, there is a need for homeowners to have a better understanding of the flats they are purchasing. Hence, there is a need to analyse the resale prices and transaction volume of the flats.
Objectives
Target: Home Buyers
In this project, we aim to create a visualization tool that helps homeowners make decisions by identifying:
- Changes of resale prices by flat types, years and month
- Value of the house based on the estate area
- Resale transaction price based on the age of the estate area (lease year)
- Identify Estates that are worth buying
Selected Data Sets
Dataset/Source | Data Attributes | Rationale of Usage |
---|---|---|
HDB Resale Flat Prices |
|
To gain information on the HDB procurement over the years such as:
|
Background Survey of Related Work
Reference of Other Interactive Visualization | What we Learnt |
---|---|
Title: HDB One Map |
|
Title: SRX Heat Map Source: https://www.srx.com.sg/heat-map |
|
Title: Line Chart |
|
Title: Horizon Chart Source: https://flowingdata.com/2015/07/02/changing-price-of-food-items-and-horizon-graphs/ |
|
Title: Tree-Map Source: http://rpubs.com/tskam/treemap |
|
Title: Overlay BarChart Source: https://blogs.sas.com/content/graphicallyspeaking/2014/07/27/overlay-bar-charts/ |
|
Proposed Dashboard
Our group has proposed the following storyboard in our Visual Application:
Dashboards | Rationale |
---|---|
Dashboard 1: Overview |
|
Dashboard 2: Price/Transaction Volume Dashboard |
|
Dashboard 3: Past HDB Resale Transactions |
|
Key Technical Challenges
Challenges | Action Taken |
---|---|
Unfamiliarity with R and the different packages required to build the visualizations |
Explore online resources (e.g. Rpubs) Self-learn on Data-camp |
Lack ideas in designing the storyboard |
Explore online resources such as Tableau Public Library to gather insights and inspirations |
Retrieving the coordinates for the different town required to build a map for our visualization |
Look into various projects and examples that made use of geographical mapping as reference |
Tools and Technologies Used
Milestones
References
http://freerangestats.info/blog/2018/05/13/nz-govt-shinyapps
http://rpubs.com/tskam/treemap
https://public.tableau.com/profile/yslin#!/vizhome/HDBResalePrice_OverallTrend/DB_OverviewofHDBResalePrice
Comments
Name | Comments |
---|---|
Your Name |
|
Your Name |
|