• Introduction
• Selection of categories
• Other visualisation options
• Animation options
• Evolution of the selected indicator
• Change the visualisation day
• Technique

The Heatmap graph is a tool for determining the evolution of pricing trends in hotel establishments in the Basque Country.

This tool lets you visualise the position regarding the price history of the different establishments in the Basque Country, gathered from web-scraping on platforms offering room reservations at hotel establishments, thanks to the following components and options:

The top of the screen shows:

1. Heatmap graph (to the left). It can be visualised both by municipalities and by geographical areas and shows the evolution of hotel prices in each region.
2. The graph key is used to select the category of the establishments.
3. Table with additional information on the prices of hotel establishments in the selected categories on the day shown.
4. Histogram with the distribution of the prices of hotel establishments in the selected categories on the day shown.

At the bottom of the screen:

1. Control buttons (to the left), for animating and personalising the graph.
2. Line graph (to the right). Shows the spatial autocorrelation of hotels in the Basque Country for each day.

This selector or "spinner" at the top of the screen allows you to select the data that will be taken into account in the visualisation. You can choose between using all data, guesthouse data or hotel data.

The graph offers the option to choose between visualising the data by municipalities, by geographical areas or as a general heat map. It will also be possible to zoom in or out with the assistance of the mouse wheel or the + and - symbols on the upper left of the graph.

The animation section consists of a control panel with the following:

1. Buttons

   1. Play/pause. Play or pause the consecutive reproduction of data corresponding to different days.
   2. Repeat. Plays the animation again when it reaches the final year.

2. Sliding speed control. Bar for adjusting the play speed.

Line diagram representing the value of the Geary index for spatial correlation with translated values between 0 and 100. The closer to 100, the greater the spatial similarity of the hotels.

As well as showing the evolution of the selected indicator, it allows the visualisation day to be set (see the next section).

There are two ways to change the visualisation day:

1. Use the sliding control located below the map. Move the bar either right or left and the year will increase or decrease accordingly.
2. Via the line diagram showing the evolution of the selected indicator. Click on the grey bar that appears when you place the cursor over the graph.

In both cases, changing the day will display the data corresponding to that day.

This tool uses the libraries Leaflet (to create the map) and Plotly (to make the histogram). The use of JavaScript enables it to be interactive, and you must therefore have the JavaScript option active in your browser.

If the process takes too long, you are advised to use another browser, such as Firefox.