back

Interactive map

Introductionsubir

This tool displays the values taken by various indicators in certain years. The user can select to visualize the data of the municipalities or districts of the Basque Country

Interactive map

The top of the screen shows:

On the left side there are, from top to bottom:

On the right side there are, from top to bottom:

Selection optionssubir

Next options are reflected directly on the map and distribution plot:

  • Select the subject or indicator to visualize.
  • Select the geographic area to highlight in the display.

Select the subject or indicator to visualize.subir

The first two spinners on the top of the screen are used to select the subject and the indicator. The selected option is reflected on all the components, i.e., on the map, on the distribution plot and on the line chart.

Selection of the subject and the indicator to visualize

Select the geographic area to highlight in the display.subir

There are three options to highlight an area:

  • Select an area. The area sets fixed until making a new selection or re-clicking on the selected area. The information of the selected area is reflected on the information area in the right hand of the screen. There are three possible actions:

    • Click on a map's area.
    • Click on a ball of the distribution plot.
    • Select an area on the spinner on the top of the screen.

  • Highlight an area. While the cursor is positioning over an area, it is highlighted in green and its information is shown on the information area (if no area is selected).

    • Position the cursor over a map's area.
    • Position the cursor over a ball of the distribution plot.

  • Zoom an area. It follows the same behaviour as the area selection. But it centres the map on the selected area incrementing the zoom.
    • Double click on a map's area.
In all three cases, the options are reflected in the line chart, as shown in the following figure:

Select the geographic area to highlight in the display

Other options of the displaysubir

The display offers other options:

Other options of the display

Interactive legendsubir

In the colour legend the values are grouped into six classes using the percentile distribution of the values.

Moving the arrows up and down it is possible to change the legend's values; the map's and distribution plot's colours are updated.

Interactive legend

Animation optionssubir

The animation section comprises a control panel and a slider to determine speed.

Animation options

Information areasubir

The information area on the right side of the screen shows the overview of the selected area on the map. At the top is shown the selected year and at the bottom are shown the values of different areas for that year. By default, it is shown the value of the selected indicators in the Basque Country, in blue (see left picture). Otherwise, if an area is highlighted (see right picture), there are two options:

Information area

The slider below the distribution plotsubir

This slider is used to set the limits of the distribution plot above. To do so it is necessary to move the handles of the slider.

Slider below the ditribution plot

Evolution of the selected indicatorsubir

This line chart shows the distribution of the selected indicator. By default, it shows the data of the Basque Country (see the image on the left), but if an area is highlighted (see the image on the right), there are two options:

In both cases, when the cursor is positioned over a point, a dialog-box shows the values of all the represented series in that year.

Besides showing the evolution of the data, it allows changing the display's year (see next section)

Evolution of the selected indicator

Change the year of the displaysubir

There are two ways to change the year of the display:

In both cases, when changing the year, the data for that year are loaded.

Change the year of the display

Techniquesubir

This tool uses jqPlot (for displaying graphics) and Leaflet (for displaying the map) libraries. It uses JavaScript for adding interactivity, therefore the JavaScript option must be enabled in your browser.

It is cross-platform, so it is possible to visualize in Android, iOS and the most popular browsers (Internet Explorer 9+, Firefox, Google Chrome, Safari, Opera).

If the process takes too much time, it is recommended to use another browser, Google Chrome, for example.