Difference between revisions of "1718t1is428T2"
Jump to navigation
Jump to search
| Line 12: | Line 12: | ||
| style="vertical-align:top;width:16%;" | <div style="padding: 3px; font-weight: bold; text-align:center; line-height: wrap_content; font-size:16px; border-bottom:1px solid #3D9DD7; border-top:1px solid #3D9DD7; font-family:helvetica"> [[Home Sweet Home: Research Paper | <b>Research Paper</b>]] | | style="vertical-align:top;width:16%;" | <div style="padding: 3px; font-weight: bold; text-align:center; line-height: wrap_content; font-size:16px; border-bottom:1px solid #3D9DD7; border-top:1px solid #3D9DD7; font-family:helvetica"> [[Home Sweet Home: Research Paper | <b>Research Paper</b>]] | ||
| + | |} | ||
| + | |||
| + | |||
| + | <br/><div style="background: #364558; 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> | ||
| + | There are many charts and visualisations available which illustrates the various trends of house prices and index. We have selected a few of these to study and learn before we begin developing our own visualizations. | ||
| + | {| class="wikitable" style="background-color:#FFFFFF;" width="100%" | ||
| + | |- | ||
| + | ! style="font-weight: bold;background: #536a87;color:#fbfcfd;width: 50%;" | Related Works | ||
| + | ! style="font-weight: bold;background: #536a87;color:#fbfcfd;" | What We Can Learn | ||
| + | |- | ||
| + | | | ||
| + | <p><center>'''An Analysis of the trend and correlation between resale prices and flat production''' </center></p> | ||
| + | [[File:1718T1G1 BackgroundSurvey1.png|400px|center]] | ||
| + | <p><center>'''Source''': http://www.teoalida.com/singapore/hdbprices/</center></p> | ||
| + | || | ||
| + | * The use of 2 different chart types with a secondary axis is effective in illustrating the correlation between resale prices and flat production. | ||
| + | * The colours used are striking and contrast well with each other. | ||
| + | * There are dips in both variables which are not explained in the infographic itself (E.g. 1997 Asian crisis, 2003 SARs outbreak). This events could be incorporated into the charts to make it more informative. | ||
| + | |- | ||
| + | | <p><center> '''An interactive heatmap of Singapore’s house prices in various districts''' </center></p> | ||
| + | [[File:1718T1G1 BackgroundSurvey2.png|400px|center]] | ||
| + | <p><center> '''Source''': https://www.srx.com.sg/heat-map </center> </p> | ||
| + | || | ||
| + | * This heatmap uses colours appropriately so that the house prices of each district can be identified intuitively (Red means expensive, blue means cheap, orange means mid-range) | ||
| + | * The use of filters allows user to find out more about the price distribution of each house type easily. | ||
| + | * When user mouseover a district on the heatmap, the corresponding district on the legend is highlighted. This improves usability as users do not have to match district numbers manually. | ||
| + | |- | ||
| + | | <p><center> '''An interactive visualization of house prices along MRT stations''' </center></p> | ||
| + | [[File:1718T1G1 BackgroundSurvey3.png|400px|center]] | ||
| + | <p><center> '''Source''': https://www.srx.com.sg/mrt-home-prices/property-listings-near-east-west-line </center></p> | ||
| + | || | ||
| + | * This visualization makes use of unique ways to illustrate the relation between nearby facilities and house prices. | ||
| + | * The separating of the various MRT lines using filters at the top prevent too much information from being shown in one page | ||
|} | |} | ||
Revision as of 13:14, 12 October 2017
BACKGROUND SURVEY OF RELATED WORKS
There are many charts and visualisations available which illustrates the various trends of house prices and index. We have selected a few of these to study and learn before we begin developing our own visualizations.
| Related Works | What We Can Learn |
|---|---|
 |
|
 |
|
 |
|
