Difference between revisions of "Homviz Homies: Proposal Version 1"
(14 intermediate revisions by 2 users not shown) | |||
Line 25: | Line 25: | ||
<!--Sub Header End--> | <!--Sub Header End--> | ||
− | == | + | ==<div style="background: #2B547E; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">PROBLEM & MOTIVATION</font></div>== |
− | |||
− | |||
− | <div style="background: #2B547E; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">PROBLEM & MOTIVATION</font></div> | ||
'''Problem''' | '''Problem''' | ||
− | In the recent years, housing prices have been on the rise making it difficult for Singaporeans to own a house. In the National Day Rally 2018, | + | In the recent years, housing prices have been on the rise making it difficult for Singaporeans to own a house. In the National Day Rally 2018, Prime Minister Mr. Lee Hsien Loong addressed to the issue of housing to Singaporean. He stated the importance of the 99-year lease of Home Ownership as compared to Singaporean renting a house. However, several older estates were built within short periods such as Marine Parade, Ang Mo Kio and Bedok when their 99-year lease has expired they will all expire at the same time and the flats will be returned to the state. The government has also been progressively taking back flats over the years for redevelopment. |
'''Motivation''' | '''Motivation''' | ||
Line 37: | Line 34: | ||
<!--PROBLEM AND MOTIVATION END --> | <!--PROBLEM AND MOTIVATION END --> | ||
<!--OBJECTIVE START--> | <!--OBJECTIVE START--> | ||
− | + | ||
+ | ==<div style="background: #2B547E; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">OBJECTIVES</font></div>== | ||
In this project, we are interested to create a visualization that helps analysts perform the following: | In this project, we are interested to create a visualization that helps analysts perform the following: | ||
# Identify the lease term of the HDB and highlight those that are going to reach their due year. | # Identify the lease term of the HDB and highlight those that are going to reach their due year. | ||
# Identify the number of units and the number of households in the HDB that will be affected by the relocation | # Identify the number of units and the number of households in the HDB that will be affected by the relocation | ||
− | |||
# Identify how much housing should be supplied based on the household’s affected by buyback | # Identify how much housing should be supplied based on the household’s affected by buyback | ||
<!--OBJECTIVE END--> | <!--OBJECTIVE END--> | ||
<!--DATASET START--> | <!--DATASET START--> | ||
− | + | ||
+ | ==<div style="background: #2B547E; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">SELECTED DATASET</font></div>== | ||
The dataset for analysis will be retrieved from multiple databases, as elaborated below:<br/> | The dataset for analysis will be retrieved from multiple databases, as elaborated below:<br/> | ||
Line 141: | Line 139: | ||
# We can look at the supply of new HDB flats that the government is building every year and the number of flats completed. | # We can look at the supply of new HDB flats that the government is building every year and the number of flats completed. | ||
# From this dataset, we can then later identify if the government is supplying enough for the demand if they were to reallocate flat owners | # From this dataset, we can then later identify if the government is supplying enough for the demand if they were to reallocate flat owners | ||
+ | |- | ||
+ | |||
+ | | <center> Estimated Singapore Resident Population in HDB Flats <br/> | ||
+ | (https://data.gov.sg/dataset/estimated-resident-population-living-in-hdb-flats?resource_id=b29c1af8-e11a-4e61-b813-933db9f69633) </center> | ||
+ | || | ||
+ | * Financial Year | ||
+ | * Town | ||
+ | * Population | ||
+ | || | ||
+ | # From this dataset, we can calculate the population trend for each town to identify if population move in or out of town over the years. | ||
+ | # Later, we will be using it to compare with the HDB constructed over the years. | ||
|- | |- | ||
|} | |} | ||
Line 146: | Line 155: | ||
<!--DATASET END--> | <!--DATASET END--> | ||
<!--BACKGROUND SURVEY START--> | <!--BACKGROUND SURVEY START--> | ||
− | + | ||
+ | ==<div style="background: #2B547E; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">BACKGROUND SURVEY OF RELATED WORKS</font></div>== | ||
Some of these visualizations that we draw inspiration from, are as follows: | Some of these visualizations that we draw inspiration from, are as follows: | ||
Line 159: | Line 169: | ||
|| | || | ||
* The use of time series chart allows users to view the rise and fall of prices and prevents users from getting overwhelmed by too much cluttered data as compared to using bar charts. | * The use of time series chart allows users to view the rise and fall of prices and prevents users from getting overwhelmed by too much cluttered data as compared to using bar charts. | ||
− | |||
|- | |- | ||
| <p><center>'''Title : An Animated Time-Lapse Visualization ''' </center></p> | | <p><center>'''Title : An Animated Time-Lapse Visualization ''' </center></p> | ||
Line 166: | Line 175: | ||
|| | || | ||
* We can learn from this animation the temporal transition of the data points. | * We can learn from this animation the temporal transition of the data points. | ||
− | |||
* We can see the evolution of the data points for example in our case we can show the time transition for the lease end date. User will be able to see the change of the node from green to red if the lease is ending soon. | * We can see the evolution of the data points for example in our case we can show the time transition for the lease end date. User will be able to see the change of the node from green to red if the lease is ending soon. | ||
− | |||
|- | |- | ||
| <p><center>'''Title : Interactive Map ''' </center></p> | | <p><center>'''Title : Interactive Map ''' </center></p> | ||
Line 175: | Line 182: | ||
|| | || | ||
* What we can learn on this project is the use of cross filtering to provide an interactive filtering of data. | * What we can learn on this project is the use of cross filtering to provide an interactive filtering of data. | ||
− | |||
* The charts on the map will zoom into the details based on the user’s filter preference. | * The charts on the map will zoom into the details based on the user’s filter preference. | ||
− | |||
|- | |- | ||
| <p><center>'''Title : Area Shading Map ''' </center></p> | | <p><center>'''Title : Area Shading Map ''' </center></p> | ||
Line 186: | Line 191: | ||
* We can also understand that there are new areas and drawing of boundary changes across the years. | * We can also understand that there are new areas and drawing of boundary changes across the years. | ||
* There is also the information at a glance at the side for the users to view. | * There is also the information at a glance at the side for the users to view. | ||
− | |||
|- | |- | ||
| <p><center>'''Title : Bar chart and Box plot ''' </center></p> | | <p><center>'''Title : Bar chart and Box plot ''' </center></p> | ||
Line 193: | Line 197: | ||
|| | || | ||
* Data is sorted in descending order, making sure that the viewer will be able to have quick inference. | * Data is sorted in descending order, making sure that the viewer will be able to have quick inference. | ||
− | |||
|- | |- | ||
| <p><center>'''Title : Interactive Zoom Map''' </center></p> | | <p><center>'''Title : Interactive Zoom Map''' </center></p> | ||
Line 200: | Line 203: | ||
|| | || | ||
* Interactive map allows viewers to see the data at a quick glance, the viewer is able to zoom into the data that they are interested in. This allows the creator to convey a lot of geospatial data without overloading the user. | * Interactive map allows viewers to see the data at a quick glance, the viewer is able to zoom into the data that they are interested in. This allows the creator to convey a lot of geospatial data without overloading the user. | ||
− | |||
|} | |} | ||
<!--BACKGROUND SURVEY END--> | <!--BACKGROUND SURVEY END--> | ||
<!--STORYBOARD START--> | <!--STORYBOARD START--> | ||
− | + | ==<div style="background: #2B547E; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">PROPOSED STORYBOARD</font></div>== | |
Our group has proposed the following storyboard to assist analysts in the use of our visual application: | Our group has proposed the following storyboard to assist analysts in the use of our visual application: | ||
{| class="wikitable" style="background-color:#FFFFFF;" width="100%" | {| class="wikitable" style="background-color:#FFFFFF;" width="100%" | ||
Line 217: | Line 219: | ||
* Firstly, we present an overview of Singapore Map to display the “age” of HDB in Singapore | * Firstly, we present an overview of Singapore Map to display the “age” of HDB in Singapore | ||
* By using different intensity, we can identify the remaining Lease Years all over Singapore by the different dimensions, by Town, Sector and Area. | * By using different intensity, we can identify the remaining Lease Years all over Singapore by the different dimensions, by Town, Sector and Area. | ||
− | |||
|- | |- | ||
| <p><center>A line graph of the number of houses supplied vs the number of houses reclaimed over the years</center></p> | | <p><center>A line graph of the number of houses supplied vs the number of houses reclaimed over the years</center></p> | ||
Line 223: | Line 224: | ||
|| | || | ||
* From the number of HDBbuild and the number of HDB expiring, we can then look at the trend if we have enough supply to catch up on our demand. | * From the number of HDBbuild and the number of HDB expiring, we can then look at the trend if we have enough supply to catch up on our demand. | ||
− | |||
− | |||
|- | |- | ||
| <p><center>Box plot of housing price by flat types</center></p> | | <p><center>Box plot of housing price by flat types</center></p> | ||
Line 232: | Line 231: | ||
* This would give us a better estimate of how we should expect for a buyback price if government would to buyback the flat before the lease ends | * This would give us a better estimate of how we should expect for a buyback price if government would to buyback the flat before the lease ends | ||
* We could break it down to look at the transactional resale price by their remaining lease year | * We could break it down to look at the transactional resale price by their remaining lease year | ||
− | |||
|- | |- | ||
| <p><center>Bar Chart of Number of Room types by dwelling</center></p> | | <p><center>Bar Chart of Number of Room types by dwelling</center></p> | ||
Line 239: | Line 237: | ||
* Using a bar chart, we can show the number of each room types across the dwelling. | * Using a bar chart, we can show the number of each room types across the dwelling. | ||
* This would give us a better estimate of how many households of each room type will be affected | * This would give us a better estimate of how many households of each room type will be affected | ||
− | |||
− | |||
|} | |} | ||
<!--STORYBOARD END--> | <!--STORYBOARD END--> | ||
<!--KEY CHALLENGE START--> | <!--KEY CHALLENGE START--> | ||
− | + | ||
+ | ==<div style="background: #2B547E; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">ADDRESSING KEY TECHNICAL CHALLENGES</font></div>== | ||
The following are some of the key technical challenges that we may face throughout the course of the project: | The following are some of the key technical challenges that we may face throughout the course of the project: | ||
Line 267: | Line 264: | ||
|- | |- | ||
− | | <p><center>Unfamiliar with Javascript and | + | | <p><center>Unfamiliar with Javascript, leaflet and D3.js</center></p> |
|| | || | ||
− | * | + | * Independent learning of leaflet.js via online tutorial |
− | * Independent learning via online tutorial | + | * Independent learning of D3.js via online tutorial |
− | |||
|} | |} | ||
Line 279: | Line 275: | ||
<!--TIMELINE START--> | <!--TIMELINE START--> | ||
− | + | ||
+ | ==<div style="background: #2B547E; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">PROJECT TIMELINE</font></div>== | ||
<p>The following shows our project timeline for the completion of this project:</p> | <p>The following shows our project timeline for the completion of this project:</p> | ||
− | [[File:VA | + | [[File:VA final proj timeline.png|1000px|center]] |
+ | |||
+ | <br> | ||
+ | [[File:Gantt Chart Timeline.JPG|1000px|center]] | ||
<!--TIMELINE END--> | <!--TIMELINE END--> | ||
<!--TOOL USED START--> | <!--TOOL USED START--> | ||
− | + | ||
+ | ==<div style="background: #2B547E; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">TOOLS/TECHNOLOGIES</font></div>== | ||
<p>The following are some of the tools/technologies that we will be utilizing during the project:</p> | <p>The following are some of the tools/technologies that we will be utilizing during the project:</p> | ||
− | + | [[File:Technologies Homeviz Homies.JPG|1000px|center]] | |
− | |||
− | |||
− | |||
<!--TOOL USED END--> | <!--TOOL USED END--> | ||
<!--REFERENCE START--> | <!--REFERENCE START--> | ||
− | + | ||
+ | ==<div style="background: #2B547E; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">REFERENCES</font></div>== | ||
* National Day Rally 2018, https://graphics.straitstimes.com/STI/STIMEDIA/Interactives/2018/08/ndr-speech-analysis-2018/ | * National Day Rally 2018, https://graphics.straitstimes.com/STI/STIMEDIA/Interactives/2018/08/ndr-speech-analysis-2018/ | ||
− | * | + | * D3.js, https://d3js.org/ |
* vslashr, http://www.vslashr.com/category/visualization/ | * vslashr, http://www.vslashr.com/category/visualization/ | ||
+ | * Singpost, https://www.singpost.com/find-postal-code | ||
<!--REFERENCE END--> | <!--REFERENCE END--> | ||
<!--BRAINSTORM START--> | <!--BRAINSTORM START--> | ||
− | + | ||
+ | ==<div style="background: #2B547E; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">OUR BRAINSTORMING SESSIONS</font></div>== | ||
+ | <center>'''Version 1'''</center> | ||
<p>The following are some of the proposed storyboard that we designed during our brainstorming sessions:</p> | <p>The following are some of the proposed storyboard that we designed during our brainstorming sessions:</p> | ||
Line 318: | Line 320: | ||
<p> | <p> | ||
+ | <center>'''Version 2'''</center> | ||
<p> After meeting with professor, we have decided to brainstorm again on what kind of charts should we be plotting and have come out with the following: <p> | <p> After meeting with professor, we have decided to brainstorm again on what kind of charts should we be plotting and have come out with the following: <p> | ||
[[File:Brainstorm V2.jpg|700px|center]] | [[File:Brainstorm V2.jpg|700px|center]] | ||
Line 336: | Line 339: | ||
<!--BRAINSTORM END--> | <!--BRAINSTORM END--> | ||
<!--COMMENT START--> | <!--COMMENT START--> | ||
− | + | ||
+ | ==<div style="background: #2B547E; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">COMMENTS</font></div>== | ||
<p>Feel free to comment on our project</p> | <p>Feel free to comment on our project</p> | ||
<!--COMMENT END--> | <!--COMMENT END--> |
Latest revision as of 04:14, 24 November 2018
Contents
PROBLEM & MOTIVATION
Problem In the recent years, housing prices have been on the rise making it difficult for Singaporeans to own a house. In the National Day Rally 2018, Prime Minister Mr. Lee Hsien Loong addressed to the issue of housing to Singaporean. He stated the importance of the 99-year lease of Home Ownership as compared to Singaporean renting a house. However, several older estates were built within short periods such as Marine Parade, Ang Mo Kio and Bedok when their 99-year lease has expired they will all expire at the same time and the flats will be returned to the state. The government has also been progressively taking back flats over the years for redevelopment.
Motivation There is a need to relocate residents for redevelopment such as getting another flat to live in. In response to growing demand for housing, there is a need to analyze housing supply and housing prices to gain insights on how much is enough supply of housing and how much is enough payback price for citizens to afford a new housing.
OBJECTIVES
In this project, we are interested to create a visualization that helps analysts perform the following:
- Identify the lease term of the HDB and highlight those that are going to reach their due year.
- Identify the number of units and the number of households in the HDB that will be affected by the relocation
- Identify how much housing should be supplied based on the household’s affected by buyback
SELECTED DATASET
The dataset for analysis will be retrieved from multiple databases, as elaborated below:
Dataset/Source | Data Attributes | Rationale Of Usage |
---|---|---|
(https://data.gov.sg/dataset/hdb-property-information) |
FY(1 April - 31 March) |
|
(https://data.gov.sg/dataset/resale-flat-prices) |
|
|
(https://www.hdb.gov.sg/cs/infoweb/residential/buying-a-flat/resale/resale-statistics) |
|
|
(https://data.gov.sg/dataset/price-range-of-hdb-flats-offered) |
|
|
(https://data.gov.sg/dataset/number-of-units-of-hdb-developments-by-status?view_id=2f0e2460-4d87-464d-bd1f-aafa17fac75a&resource_id=ff97dd96-6db5-4eb7-ba79-ad8d4840a3aa) |
|
|
(https://data.gov.sg/dataset/estimated-resident-population-living-in-hdb-flats?resource_id=b29c1af8-e11a-4e61-b813-933db9f69633) |
|
|
BACKGROUND SURVEY OF RELATED WORKS
Some of these visualizations that we draw inspiration from, are as follows:
Reference of Other Interactive Visualization | What We Can Learn |
---|---|
| |
| |
| |
| |
| |
|
PROPOSED STORYBOARD
Our group has proposed the following storyboard to assist analysts in the use of our visual application:
Proposed Layout | What can we Analyse |
---|---|
| |
| |
| |
|
ADDRESSING KEY TECHNICAL CHALLENGES
The following are some of the key technical challenges that we may face throughout the course of the project:
Key Technical Challenge | Proposed Solution |
---|---|
| |
| |
|
PROJECT TIMELINE
The following shows our project timeline for the completion of this project:
TOOLS/TECHNOLOGIES
The following are some of the tools/technologies that we will be utilizing during the project:
REFERENCES
- National Day Rally 2018, https://graphics.straitstimes.com/STI/STIMEDIA/Interactives/2018/08/ndr-speech-analysis-2018/
- D3.js, https://d3js.org/
- vslashr, http://www.vslashr.com/category/visualization/
- Singpost, https://www.singpost.com/find-postal-code
OUR BRAINSTORMING SESSIONS
The following are some of the proposed storyboard that we designed during our brainstorming sessions:
- [1] Map of Singapore that the users are able to choose to filter by subzones or by individual dwellings. There will also be a timeline slider at the bottom of the Map. This will enable the users to pick a particular year. The map will change to show which dwelling's lease year is going to hit it's expiry mark
- [2] This will contain information at a glance of the dwellings of the user's choice such as number of households, number of units, the subzone etc.
- [3] The box plot will contain the transactional price of resale flats of each room type (1 room, 2 room, 3 room etc) in the dwelling. This will be based on what the user has clicked in the map.
- [4] A line graph of the number of houses supplied vs the number of houses reclaimed over the years.
- [5] A radar chart to show the distribution of the number of room types by the chosen area sector.
- [6] A bar chart of the number of dwelling by room type and area number.
After meeting with professor, we have decided to brainstorm again on what kind of charts should we be plotting and have come out with the following:
- [1] Map of Singapore that the users are able to choose to filter by newtown or by individual dwellings. There will also be a timeline slider at the bottom of the Map. This will enable the users to pick a particular year. The map will change to show which dwelling's lease year is going to hit it's expiry mark
- [2] This will contain information at a glance of the dwellings of the user's choice such as number of households, number of units, the newtown etc.
- [3] The box plot will contain the transactional price of resale flats of each room type (1 room, 2 room, 3 room etc) in the dwelling. This will be based on what the user has clicked in the map.
- [4] A line graph of the number of houses supplied vs the number of houses reclaimed over the years.
- [5] A bar chart to show the distribution of the number of room types by the chosen new town as well as the number of household living in each room type.
- [6] A bar chart of the number of dwelling by room type and area number.
COMMENTS
Feel free to comment on our project