OpenMCR2030 

How can we understand and highlight city progress toward disaster risk reduction?

OpenMCR offers live data on the hundreds of cities who have joined Making Cities Resilient 2030, tracking their progress on the resilience roadmap from Stage A, raising awareness, to Stage C, mainstreaming DRR into all areas of policymaking. This data is shared in two ways: the first, widgets for easy drag-and-drop placement on any website. These widgets update automatically, with live data from MCR2030; the statistics will stay fresh without any intervention from the end user. OpenMCR also offers an API, and encourages users anywhere to make visualizations or other apps using the data it provides. The API allows tech-savvy users to dig into the MCR2030 data to better track and understand city progress in boosting safety, either on its own or in combination with other data sets as the user sees fit. 

The API powers the widgets, and both showcase MCR2030 city progress along the resilience roadmap. The widgets update automatically with data from the MCR2030 dashboard, an online tool that tracks city and organization sign ups to Making Cities Resilient 2030. 

For showcasing city progress easily

What's a widget?
  • A chunk of text that displays live statistics about MCR2030's participating cities resilience and progress
  • These statistics show how many cities have joined MCR2030, what stage they're in, and more
Where can these be used?
  • You can place these widgets on websites where you'd like to showcase city progress
  • Any website with a simple text editor can display one or more of the widgets below
  • Anyone with editing access to the website intended to display the widgets can add them; no technical expertise is required. With most web content management systems, adding a widget is as easy as editing a page, and can be done in under five minutes. 

For creating custom visualizations, integrations, and statistics

What's an API?
  • An Application Programming Interface (API) is code that provides access to a database, and refreshes regularly with updated data from that database. 
  • The MCR2030 API communicates information about the program and its participants that anyone can draw on, making integrations of MCR2030 data into other websites or apps possible. 
  • The MCR2030 API powers the widgets displayed below. 
  • The API contains many statistics about city progress along the resilience roadmap, all from the MCR2030 dashboard, an online tool where cities can log their progress. 
  • MCR2030 is a large, open data set that grows as more cities join the program and share their progress. 
What can I do with the API?
  • A data visualization expert can use the API to craft customized data visualizations, showing city progress or combining MCR2030 data with other sources 
  • The API makes the MCR2030 data set open for use, beyond the small set of statistics displayed in the pre-made widgets
  • A front-end web developer can create custom features for websites or apps that show, for example, city progress by country, size, population, or region

Map of MCR2030 cities by country

This map shows the number of MCR2030 cities in each member state, as well as the stages of the cities. This is an interactive map that uses ArcGIS.

How the map will appear

 

See the map widget

Copy the code to embed the map
<iframe src="https://mcr2030dashboard.undrr.org/widgets/map" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="830px" width="100%" allowfullscreen></iframe>

Basic city statistics

These statistics show live data about MCR2030 member cities, including total cities, total population that lives in MCR2030 cities, and cities per stage.

How the statistics will appear

 

Copy the code below to embed the statistics

<style type="text/css">@media only screen and (max-width: 1200px) { .mcr-statistics-widget { height: 640px; } }</style><iframe class="mcr-statistics-widget" src="https://mcr2030dashboard.undrr.org/widgets/statistics?basicCity=basicCity&lang=en" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="280px" width="100%"></iframe>
Options for display

The statistics in this widget can be customized. By changing the region code, you can narrow the statistics to just one of UNDRR's five regions. By changing the language code (where it says ?lang=en in the URL at the beginning of the code), you'll change the labels underneath each statistic in the widget. 

  • region=1|2|3|4|5
  • lang=en|ar|fr|es|zh-CN|ru|pt|ko|bs-Latn|sr-Latn|id|bn

Below, widgets for basic city statistics by region.

Africa

<style type="text/css">@media only screen and (max-width: 1200px) { .mcr-statistics-widget { height: 640px; } }</style><iframe class="mcr-statistics-widget" src="https://mcr2030dashboard.undrr.org/widgets/statistics?basicCity=basicCity&region=1&lang=en" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="280px" width="100%"></iframe>

The Americas

<style type="text/css">@media only screen and (max-width: 1200px) { .mcr-statistics-widget { height: 640px; } }</style><iframe class="mcr-statistics-widget" src="https://mcr2030dashboard.undrr.org/widgets/statistics?basicCity=basicCity&region=2&lang=en" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="280px" width="100%"></iframe>

Arab States

<style type="text/css">@media only screen and (max-width: 1200px) { .mcr-statistics-widget { height: 640px; } }</style><iframe class="mcr-statistics-widget" src="https://mcr2030dashboard.undrr.org/widgets/statistics?basicCity=basicCity&region=3&lang=en" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="280px" width="100%"></iframe>

Asia and Pacific

<style type="text/css">@media only screen and (max-width: 1200px) { .mcr-statistics-widget { height: 640px; } }</style><iframe class="mcr-statistics-widget" src="https://mcr2030dashboard.undrr.org/widgets/statistics?basicCity=basicCity&region=4&lang=en" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="280px" width="100%"></iframe>

Europe and Central Asia

<style type="text/css">@media only screen and (max-width: 1200px) { .mcr-statistics-widget { height: 640px; } }</style><iframe class="mcr-statistics-widget" src="https://mcr2030dashboard.undrr.org/widgets/statistics?basicCity=basicCity&region=5&lang=en" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="280px" width="100%"></iframe>

Basic partner statistics

These statistics show live data about MCR2030 participating entities. These are organizations, public and private, who have joined MCR2030 to offer services to cities to reduce their disaster risk.

How the statistics will appear

Options for display

The statistics in this widget can be customized. By changing the region code, you can narrow the statistics to just one of UNDRR's five regions. By changing the language code (where it says ?lang=en in the URL at the beginning of the code), you'll change the labels underneath each statistic in the widget. 

  • region=1|2|3|4|5
  • lang=en|ar|fr|es|zh-CN|ru|pt|ko|bs-Latn|sr-Latn|id|bn

Below, widgets for basic partner, national government, and participating entity statistics  by region.

Africa

<style type="text/css">@media only screen and (max-width: 1200px) { .mcr-statistics-widget { height: 640px; } }</style><iframe class="mcr-statistics-widget" src="https://mcr2030dashboard.undrr.org/widgets/statistics?basicPartner=basicPartner&region=1&lang=en" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="280px" width="100%"></iframe>

The Americas

<style type="text/css">@media only screen and (max-width: 1200px) { .mcr-statistics-widget { height: 640px; } }</style><iframe class="mcr-statistics-widget" src="https://mcr2030dashboard.undrr.org/widgets/statistics?basicPartner=basicPartner&region=2&lang=en" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="280px" width="100%"></iframe>

Arab States

<style type="text/css">@media only screen and (max-width: 1200px) { .mcr-statistics-widget { height: 640px; } }</style><iframe class="mcr-statistics-widget" src="https://mcr2030dashboard.undrr.org/widgets/statistics?basicPartner=basicPartner&region=3&lang=en" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="280px" width="100%" onload="this.onresize=alert"></iframe>

Asia and Pacific

<style type="text/css">@media only screen and (max-width: 1200px) { .mcr-statistics-widget { height: 640px; } }</style><iframe class="mcr-statistics-widget" src="https://mcr2030dashboard.undrr.org/widgets/statistics?basicPartner=basicPartner&region=4&lang=en" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="280px" width="100%"></iframe>

Europe and Central Asia

<style type="text/css">@media only screen and (max-width: 1200px) { .mcr-statistics-widget { height: 640px; } }</style><iframe class="mcr-statistics-widget" src="https://mcr2030dashboard.undrr.org/widgets/statistics?basicPartner=basicPartner&region=5&lang=en" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="280px" width="100%"></iframe>

In-depth city statistics

These statistics show live data about MCR2030 member cities by region, breaking down the cities into their stages. Below, a sample for the region of Africa.

How the statistics will appear

 

Options for display

The statistics in this widget can be customized. By changing the region code, you can narrow the statistics to just one of UNDRR's five regions. By changing the language code (where it says ?lang=en in the URL at the beginning of the code), you'll change the labels underneath each statistic in the widget. 

  • region=1|2|3|4|5
  • lang=en|ar|fr|es|zh-CN|ru|pt|ko|bs-Latn|sr-Latn|id|bn

Below, in-depth city statistics with stages by region. 

Africa

<style type="text/css">@media only screen and (max-width: 1200px) { .mcr-statistics-widget { height: 740px; } }</style><iframe class="mcr-statistics-widget" src="https://mcr2030dashboard.undrr.org/widgets/statistics?specificRegion=specificRegion&region=1&lang=en" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="280px" width="100%"></iframe>

The Americas

<style type="text/css">@media only screen and (max-width: 1200px) { .mcr-statistics-widget { height: 740px; } }</style><iframe class="mcr-statistics-widget" src="https://mcr2030dashboard.undrr.org/widgets/statistics?specificRegion=specificRegion&region=2&lang=en" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="280px" width="100%"></iframe>

Arab States

<style type="text/css">@media only screen and (max-width: 1200px) { .mcr-statistics-widget { height: 740px; } }</style><iframe class="mcr-statistics-widget" src="https://mcr2030dashboard.undrr.org/widgets/statistics?specificRegion=specificRegion&region=3&lang=en" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="280px" width="100%"></iframe>

Asia and Pacific

<style type="text/css">@media only screen and (max-width: 1200px) { .mcr-statistics-widget { height: 740px; } }</style><iframe class="mcr-statistics-widget" src="https://mcr2030dashboard.undrr.org/widgets/statistics?specificRegion=specificRegion&region=4&lang=en" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="280px" width="100%"></iframe>

Europe and Central Asia

<style type="text/css">@media only screen and (max-width: 1200px) { .mcr-statistics-widget { height: 740px; } }</style><iframe class="mcr-statistics-widget" src="https://mcr2030dashboard.undrr.org/widgets/statistics?specificRegion=specificRegion&region=5&lang=en" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="280px" width="100%"></iframe>

National government organization statistics

This widget includes statistics about the number of national government entities and organizations that have joined MCR2030. It also includes other statistics from the basic city statistic widget.

How the statistics will appear

Copy the code below to embed the statistics

<style type="text/css">@media only screen and (max-width: 1200px) { .mcr-statistics-widget { height: 640px; } }</style><iframe class="mcr-statistics-widget" src="https://mcr2030dashboard.undrr.org/widgets/statistics?joinScreen=joinScreen&lang=en" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="280px" width="100%"></iframe>
Options for display

This widget can customized to show labels in different languages, or to display only statistics related to one region. Adding these parameters into the widget code will customize the widget.

  • region=1|2|3|4|5
  • lang=en|ar|fr|es|zh-CN|ru|pt|ko|bs-Latn|sr-Latn|id|bn

Participating entity list 

The participating entity list shows the latest organizations to join MCR2030 to offer services to cities for disaster risk reduction. The list can be customized along the same lines as the city list, below. 

Copy the code to embed the list
<iframe src="https://mcr2030dashboard.undrr.org/widgets/partner-list?lang=en" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="4000px" width="100%" allowfullscreen></iframe>
Options for display

This widget can slice and dice the statistics shown in different ways, depending on the region codes you include. You can also customize the language of the labels underneath each statistic. Adding these parameters into the widget code will customize the widget.

You can also customize the number of items that display in the list, using the "request size" option. If requestSize is not provided, there will be pagination on the widget and all partners will be loaded into the widget, so you can see the full list.

  • requestSize={number}
  • Height: You can customize the height of the widget with height=""
  • lang=en|ar|fr|es|zh-CN|ru|pt|ko|bs-Latn|sr-Latn|id|bn

See sample partner list

City list 

This is the list of latest cities to join MCR2030, organized newest to oldest by date joined. As with all the widgets, this list will update automatically by pulling data from the MCR2030 dashboard when it loads.

Copy the code to embed the list

<iframe src="https://mcr2030dashboard.undrr.org/widgets/city-list?lang=en" style="border:0px #ffffff none;" name="mcr-widget" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="960px" width="100%" allowfullscreen></iframe>
Options for display

This widget can slice and dice the statistics shown in different ways, depending on the region codes you include. You can also customize the language of the labels underneath each statistic. Adding these parameters into the widget code will customize the widget. 

You can also customize the number of cities that display in the list, using the "request size" option. If requestSize is not provided, there will be pagination on the widget and all cities will be loaded into the widget, so you can see the full list. For example, to show just the newest city to join MCR2030, you'd enter requestSize=1.

  • requestSize={number}
  • Height: You can customize the height of the widget with height=""
  • lang=en|ar|fr|es|zh-CN|ru|pt|ko|bs-Latn|sr-Latn|id|bn

How the list will appear 

With the height changed from 960px to 4000px: 

See sample city list

I need more information. How do I get in touch with MCR2030?

To learn more about how to work with widgets (like those above), we encourage you to visit W3 Schools resource pages on iframes. 

Contact MCR secretariat for my region

I made something! How do I share it?

Have you created something with the API, or added the widgets to your website? Thank you for helping us to promote disaster risk reduction to make communities safer so they can thrive. Please include @undrr and #MCR2030 #ResilientCities when sharing on social media.

We'd also like to hear about how you've contributed to OpenMCR by email: you can contact the focal point for your region through the link below. 

Contact MCR secretariat for my region

Return to top of page

Is this page useful?

Yes No
Report an issue on this page

Thank you. If you have 2 minutes, we would benefit from additional feedback (link opens in a new window).