- Rent
- Maps
- Statistics
- Markers
- Crimes
- Closeness
- Cheaper rental
- Safety
- Parks
- Recreation
- Grocery stores
- Address
- Distances
- Zillow API
- https://apizillow.herokuapp.com/zillow-api
- This is a built-in proxy to query the Zillow API and handle the CORS.
- API URL, zws-id and zpid.
- 10 queries with zpid's.
- Crimes - 2001 to present
- https://data.cityofchicago.org/api/views/ijzp-q8t2/rows.json?accessType=DOWNLOAD&method=getByIds&asHashes=true&start=0&length=200
- Latitude, longitude and address.
- Array with 200 data.
- Police stations
- https://data.cityofchicago.org/api/views/z8bn-74gv/rows.json
- Latitude and longitude.
- Array with 23 data.
- Parks
- https://data.cityofchicago.org/api/views/y7qa-tvqx/rows.json
- Latitude and longitude.
- Array with 4152 data.
- Grocery stores
- https://data.cityofchicago.org/api/views/53t8-wyrc/rows.json
- Latitude and longitude.
- Array with 506 data.
- Historical temperatures
- https://www.ncdc.noaa.gov/cdo-web/api/v2/data?datasetid=GSOM&startdate=2016-02-01&enddate=2017-02-01&stationid=GHCND:USC00111550&datatypeid=TAVG&includemetadata=false
- Dates and values in degrees Celsius.
- Array with 12 data.
- Historical precipitations
- https://www.ncdc.noaa.gov/cdo-web/api/v2/data?datasetid=GSOM&startdate=2016-02-01&enddate=2017-02-01&stationid=GHCND:US1ILCK0036&datatypeid=PRCP&includemetadata=false
- Dates and values in mm.
- Array with 9 data.
Y Do you use the mandatory dataset Climate Data Online?
This project shows a map with a marker indicating the current position and others markers for the affordable rental housing. Also, it filters this markers and trace routes in different ways of travel mode. Additionally, it shows a radar chart with 5 different aspects giving detailed information of the rental house.
- Y Basic Map with specific location
- Y Markers for location of rental housing
- Y Labels for rental housing's names
- Y Dialog to show detail information of a rental housing
- Y Filters and Trace routes
- Y Trace route in diferent travel modes of a marker to university position
- Y Use Graph? What is the type?
To show the detailed information of a house for rent a radar chart is used.
- Y Any interaction available on the graph?
Displays a percentage by placing the pointer over one of the aspects of the chart.
- Y Any information output?
The information of a marker in dialog.
- Y Any operation option (filters)?
In the filters the user can drag the slides or edit the input text field.
- Y Any information input?
The parameters in the filter, the distance and the price in the rental house.
-
Y Interaction with Map?
- Filter markers in sidenav panel
- Trace routes
- Show dialog in the select a marker
-
Y Interaction with data visualization?
Displays a percentage by placing the pointer over one of the aspects of the chart.
To access the application it is only necessary to run a server in src folder since all dependencies are in the index.html and are called by CDN.
The server could be lite-server and installed with npm (npm install -g lite-server).
- Chrome
- Firefox
- Edge