Choropleth Maps Side by Side

A responsive web page that displays three Datawrapper choropleth maps perfectly aligned in a three-column layout.

Maps Included

1. Map 1: https://datawrapper.dwcdn.net/KNXe5/3/
2. Map 2: https://datawrapper.dwcdn.net/wZkrU/2/
3. Map 3: https://datawrapper.dwcdn.net/ma4dc/1/

Features

• Three maps displayed side by side in equal columns
• Responsive design that fills the entire viewport
• Full-screen immersive viewing experience
• Each map takes up exactly 1/3 of the screen width

Layout

• Column distribution: 3 equal columns (33.333% each)
• Height: Full viewport height
• Alignment: Perfectly centered and aligned

Files

• index.html - Main HTML structure
• styles.css - Styling and layout
• index.js - Map URL configuration