Define layout on two columns for the whole page
Switch the position of the two columns
Give a fixed width to the menu in the right column
Reduce font size and line height
Move main heading and description of visualization to the menu
Remove useless heading "SVG Rendering (d3.js)"
Make visualization summary the main heading for the page

Former page heading "IPCC Tool" is removed.
Merge branch 'fontsize'
Fix the position of the menu

The menu stays in the same place when the page scrolls.
Refine layout and whitespace in the menu
Replace "mandated" with "affiliated"
Reorder filters and rephrase the sentence

The new order is:
* AR
* WG
* Role
* Country
* Institution
* Number of such participations
Merge branch 'layout'
Keep the menu on top of the visualization in narrow windows
Allow to scroll the menu when its height overflows the page

The height of the menu is set approximately to 90% of the height
of the page. It should actually be set to 100% minus the top margin.
Use the same unit for the top margin and the height of the menu

Using percentages in both cases, rather than em units for the margin
and percentages for the height, should avoid discrepancies as the
height of the window changes.
Merge branch 'layout'
Select the current grouping option in a list

This layout requires less screen space, it reduces
the amount of information displayed at all times.

I replaced the list of radio buttons with a select list
and updated the code to detect a change of value accordingly.
Use shorter labels for the group selection

Long labels get cut due to the fixed width of the menu.
Use a consistent layout for both fieldsets