Embed Singapore General Elections
Customise the map to your needs and copy the generated embed code below for your own websites.
Options to customize
These are options that you can choose to show on your map.
Map
This is the default map that will be shown.
View
Year
Detail Panel
These are the constituency cards that will be shown.
Details
Accessibility
Primary colour
Language
Mobile configuration
Embed height (px)
| Width | Orientation | Recommended Height |
|---|---|---|
| Less than 768px | Mobile | 1040px |
| More than or equal to 768px | Landscape | 642px |
Preview
This embed is responsive by default. Use the slider to see how the embed will look on different device widths.
Copy embedding
Paste the embed code anywhere you can add custom code snippets.
<iframe
id="responsive-iframe"
src="null/en/map?isScrollable=true&primaryColor=%236253E8&view=Winning%20margin&lang=en&year=2025&constituenciesView=all"
frameborder="0"
scrolling="no"
width="100%"
height="100%"
>
</iframe>
<script>
function adjustIframeHeight() {
const iframe = document.getElementById('responsive-iframe');
const width = iframe.offsetWidth;
if (width < 768) {
iframe.style.height = '1040px'; // ADJUST HEIGHT HERE FOR MOBILE VIEW HERE
} else {
iframe.style.height = '642px'; // FIXED HEIGHT FOR DESKTOP & TABLET SCREEN WIDTHS
}
}
window.addEventListener('load', adjustIframeHeight);
window.addEventListener('resize', adjustIframeHeight);
</script>
Feel free to use and embed this interactive map, it has been optimised for mobile, desktop and article embeddings. Please credit the Elections Department and data.gov.sg. For more information, you may email admin@data.gov.sg.
Error handling
See what to expect if an error occurs while a user is viewing the embedded map.
Information banner
We'll be able to let users know when something is not right, with flexibility to cater messaging to each case.
Cloudflare waiting room
When traffic load is high, users may be placed in a virtual queue to access the map.
Dismissible toast
If a particular feature is not working, users may also see a temporary banner that they may dismiss.
