house-pricing-map
heatmap.js
house-pricing-map | heatmap.js | |
---|---|---|
3 | 2 | |
7 | 6,155 | |
- | - | |
0.0 | 0.0 | |
almost 3 years ago | 6 months ago | |
HTML | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
house-pricing-map
-
Map of Housing Prices in Bilbao, Spain - Data scraped from Spanish real estate website
We also published this demo and a Google Maps version in https://github.com/ZenRows/house-pricing-map. You can find there the original dataset (6.85 MB) with almost 3000 houses on sale.
-
[OC] Map of Housing Prices in Bilbao, Spain - Data extract from Spanish real estate website
Source: https://www.fotocasa.es/es/comprar/viviendas/bilbao/todas-las-zonas/l (Spanish real estate website) For creating the visualization we used https://www.openstreetmap.org, https://leafletjs.com and https://www.patrick-wied.at/static/heatmapjs We also published this demo and a Google Maps version in https://github.com/ZenRows/house-pricing-map. You can find there the original dataset with almost 3000 houses on sale.
-
Collecting Data to Map Housing Prices
The content was collected from a well-known real estate website and plugged here with minimum effort. The original dataset contained some irrelevant fields for the demo, so we removed them for the sake of simplicity. Anyway, the map will ignore the additional fields. So you can use your dataset and make it work for you. You can find the working example and everything you need to play with it in this GitHub repository.
heatmap.js
-
[OC] Map of Housing Prices in Bilbao, Spain - Data extract from Spanish real estate website
Source: https://www.fotocasa.es/es/comprar/viviendas/bilbao/todas-las-zonas/l (Spanish real estate website) For creating the visualization we used https://www.openstreetmap.org, https://leafletjs.com and https://www.patrick-wied.at/static/heatmapjs We also published this demo and a Google Maps version in https://github.com/ZenRows/house-pricing-map. You can find there the original dataset with almost 3000 houses on sale.
-
How to create a heatmap in Angular?
How about https://www.patrick-wied.at/static/heatmapjs/
What are some alternatives?
recharts - Redefined chart library built with React and D3
three.js - JavaScript 3D Library.
Chart.js - Simple HTML5 Charts using the <canvas> tag
p5.js - p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —
svg.js - The lightweight library for manipulating and animating SVG
nvd3 - A reusable charting library written in d3.js
c3 - :bar_chart: A D3-based reusable chart library
victory-chart - Chart Component for Victory
flot - Attractive JavaScript charts for jQuery
BabylonJS - Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
echarts - Apache ECharts is a powerful, interactive charting and data visualization library for browser
chartist-js - Legacy Chartist Repo for old gh-pages