Difference between revisions of "IS428-AY2019-20T1 Group01-Proposal"
Csyuen.2016 (talk | contribs) |
|||
(18 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
== Problem Statement == | == Problem Statement == | ||
− | '''Problem | + | '''Problem''': Our team has identified a lack of information on HDB resale flats for homebuyers who want to understand and make decisions on the type of HDB flat to buy based on past transaction trends. |
− | '''Motivation | + | '''Motivation''': With the increasing demand for housing, there is a need for homeowners to have a better understanding over the flats they are purchasing. Hence, there is a need to analyse the resale prices and transaction volume of the flats. |
== Objectives == | == Objectives == | ||
− | + | '''Target: Home Buyers'''<br/> | |
+ | 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 estates area (lease year) | ||
+ | * Identify Estates that are worth buying | ||
== Selected Data Sets == | == Selected Data Sets == | ||
− | {| class="wikitable" | + | {| class="wikitable" style="margin-left: auto; margin-right: auto; width: 90%; |
|- | |- | ||
− | ! Dataset/Source !! Data Attributes !! Rationale of Usage | + | ! style="background:#B0E0E6;|Dataset/Source !! style="background:#B0E0E6;|Data Attributes !! style="background:#B0E0E6;|Rationale of Usage |
|- | |- | ||
− | | HDB Resale Flat Prices | + | | <center><br/> |
+ | HDB Resale Flat Prices<br/> | ||
(https://data.gov.sg/dataset/resale-flat-prices) | (https://data.gov.sg/dataset/resale-flat-prices) | ||
− | || | + | |
+ | ==Comments== | ||
+ | </center> | ||
+ | || | ||
* Month | * Month | ||
* Town | * Town | ||
Line 27: | Line 36: | ||
* Remaining Lease | * Remaining Lease | ||
* Resale Price | * Resale Price | ||
− | || To gain information on the HDB procurement over the years such as | + | || |
+ | To gain information on the HDB procurement over the years such as: | ||
+ | * The Resales prices by flat type | ||
+ | * Area size and Floor level and; | ||
+ | * The lease date of the flat. | ||
|} | |} | ||
== Background Survey of Related Work == | == Background Survey of Related Work == | ||
− | {| class="wikitable" | + | {| class="wikitable" style="margin-left: auto; margin-right: auto; width: 90%; |
|- | |- | ||
− | ! Reference of Other Interactive Visualization !! What we Learnt | + | ! style="background:#B0E0E6;|Reference of Other Interactive Visualization !!style="background:#B0E0E6;| What we Learnt |
|- | |- | ||
− | | '''Title: HDB One Map''' | + | | |
− | [[File:Onemap.png| | + | <center><br/> '''Title: HDB One Map''' |
+ | [[File:Onemap.png|150px|frame|center]] | ||
Source: https://services2.hdb.gov.sg/web/fi10/emap.html | Source: https://services2.hdb.gov.sg/web/fi10/emap.html | ||
+ | </center> | ||
+ | |||
|| | || | ||
* Shows detailed information on HDB flats but lacks the tool to show an overview on the hdb estates in singapore | * Shows detailed information on HDB flats but lacks the tool to show an overview on the hdb estates in singapore | ||
Line 43: | Line 59: | ||
|- | |- | ||
− | | '''Title: SRX Heat Map''' | + | | <center><br/> '''Title: SRX Heat Map''' |
− | [[File:SRX Heatmap.png| | + | [[File:SRX Heatmap.png|150px|frame|center]] |
+ | Source: https://www.srx.com.sg/heat-map | ||
+ | </center> | ||
|| | || | ||
* Shows an overview of the price and transaction volume of the different types of estate in different towns. | * Shows an overview of the price and transaction volume of the different types of estate in different towns. | ||
* Bad color scheme used | * Bad color scheme used | ||
* Could include more interactive elements to the chart & detailed information (eg when hover over a district can show price & no. of transactions) | * Could include more interactive elements to the chart & detailed information (eg when hover over a district can show price & no. of transactions) | ||
− | Source: https://www. | + | |
+ | |- | ||
+ | | <center><br/> '''Title: Line Chart''' | ||
+ | [[File:Linegraph.png|150px|frame|center]] | ||
+ | Source: https://www.teoalida.com/singapore/hdbprices/ | ||
+ | </center> | ||
+ | || | ||
+ | * Able to see the trend in a glance based on the different flat type | ||
+ | * Messy, not interactive as it does not show any highlight line when users hover over to the town that they want to see | ||
|- | |- | ||
− | | '''Title: | + | |<center><br/> '''Title: Horizon Chart''' |
− | [[File: | + | [[File:Horizon.png|150px|frame|center]] |
− | || | + | Source: https://flowingdata.com/2015/07/02/changing-price-of-food-items-and-horizon-graphs/ |
+ | </center> | ||
+ | || | ||
+ | * It allows users to look at patterns over time | ||
+ | * It does not come with any axis or bounds which makes it easy to implement | ||
+ | * Horizon chart also supports mouse interaction when hovered or selected in the chart. | ||
+ | * It makes use of color based code to separate positive and negative values | ||
+ | * It collapses the negative values to the positive side of the axis, taking up less space and shows the same data. | ||
|- | |- | ||
− | | | + | |<center><br/> '''Title: Horizon Chart''' |
+ | [[File:Horizon1.png|150px|frame|center]] | ||
+ | Source: https://www.perceptualedge.com/blog/?p=390 | ||
+ | </center> | ||
+ | || | ||
+ | * Using different colour codes, it made the interpretation of data between charts much easier. | ||
+ | * Using the mirrored approach, it is much easier to compare the variance of data when they are side by side. | ||
+ | |||
+ | |- | ||
+ | | <center><br/> '''Title: TreeMap''' | ||
+ | [[File:Treemap Resale.png|150px|frame|center]] | ||
+ | Source: http://rpubs.com/tskam/treemap | ||
+ | </center> | ||
+ | || | ||
+ | * 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 treemaps 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''' |
+ | [[File:OverlayBarchart.png|150px|frame|center]] | ||
+ | Source: https://blogs.sas.com/content/graphicallyspeaking/2014/07/27/overlay-bar-charts/ | ||
+ | </center> | ||
+ | || | ||
+ | * Overlay BarChart reduces the chances of frequency measurement error. | ||
|} | |} | ||
== Proposed Dashboard == | == Proposed Dashboard == | ||
− | {| class="wikitable" | + | Our group has proposed the following storyboard in our Visual Application: |
+ | |||
+ | {| class="wikitable" style="margin-left: auto; margin-right: auto; width: 90%; | ||
+ | |- | ||
+ | ! style="background:#B0E0E6;|Dashboards !! style="background:#B0E0E6;|Rational | ||
|- | |- | ||
− | ! | + | | |
+ | <center><br/> '''Dashboard 2: Price/Transaction Volume Dashboard''' | ||
+ | [[File:Dashboard 2.jpg|thumb|400px|center]] | ||
+ | </center> | ||
+ | || | ||
+ | * A horizon Chart to show the Resale Prices or Transaction Volumes by Towns. | ||
+ | * When Filtered to Resale Prices and Selected Town, the right graph will display a Line chart. It will show the absolute Resale price of the selected town and the changes of Resale price from the previous year to the current year. | ||
+ | * When filtered by Transaction Volume, it will show the absolute Transaction Volume of the selected town and changes of transaction volume from the previous year to the current year. | ||
+ | |- | ||
+ | | | ||
+ | <center><br/>'''Dashboard 3: Past HDB Resale Transactions''' | ||
+ | [[File:Dashboard3.jpg|thumb|400px|center]] | ||
+ | </center> | ||
+ | || | ||
+ | * The user will apply filters on the price range, lease year, flat type and flat model | ||
+ | * When filters are applied, the proportional map and heat map will reflect the selections accordingly | ||
+ | * The proportional map’s symbol size is determined by the number of transactions within each town | ||
+ | * The heatmap shows the median past transaction prices by town and flat type | ||
+ | * The heatmap 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 | ||
+ | |} | ||
+ | |||
+ | == Key Technical Challenges == | ||
+ | {| class="wikitable" style="margin-left: auto; margin-right: auto; width: 90%; | ||
+ | |- | ||
+ | ! style="background:#B0E0E6;|Challenges !! style="background:#B0E0E6;|Action Taken | ||
|- | |- | ||
| Example || Example | | Example || Example | ||
Line 71: | Line 153: | ||
| Example || Example | | Example || Example | ||
|} | |} | ||
− | |||
− | |||
− | |||
== Milestones == | == Milestones == |
Latest revision as of 19:42, 13 October 2019
Contents
Problem Statement
Problem: Our team has identified a lack of information on HDB resale flats for homebuyers 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 over 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 estates area (lease year)
- Identify Estates that are worth buying
Selected Data Sets
Dataset/Source | Data Attributes | Rationale of Usage |
---|---|---|
HDB Resale Flat Prices Comments |
|
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: Horizon Chart |
|
Title: TreeMap 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 | Rational |
---|---|
Dashboard 2: Price/Transaction Volume Dashboard |
|
Dashboard 3: Past HDB Resale Transactions |
|
Key Technical Challenges
Challenges | Action Taken |
---|---|
Example | Example |
Example | Example |
Example | Example |