Doughnut by Country Level

Interactive doughnut chart that can be filtered by country

I first heard about the Doughnut Economy in April 2022, and have been inspired by it ever since. So I've developed this interactive chart that displays both the social foundation and ecological ceiling of each country.

<< Click here >> to view the visualization.

For the former boundary, the data is extracted from World Bank and Unicef API, and I did some transformation on some of their metrics. As for the latter, it is not easy to get them so I extracted it from the scientific journal article by Fanning and team.

Fanning, A.L., O’Neill, D.W., Hickel, J., and Roux, N. (2021). The social shortfall and ecological overshoot of nations. Nature Sustainability in press.

This tool is a meant to something and to influence others towards a thriving change, and I will continuously improve on it. Thus please do not hesitate to provide me with feedback, critiques or suggestions.





    Moosa Yousuf

    Gosport, United Kingdom

    A concern for sustainability issues with regards to economic growth and development.

    Emma Shaw

    Chiangmai, Thailand

    I am starting to teach about this

    Luis Palicio

    Leeds (UK) / Oviedo (Spain)

    I want to learn more about how we can apply doughnut economics to our local community.

    Robert Austin

    Purdue University

    I interested in using data to help educate the public to bring about a better world.

    Robert Austin 12 months ago

    @Felix Surjadjaja
    Is it possible to get a spreadsheet that shows all the display values for each Doughnut Chart?

    1 0
    cristina sarris about 1 year ago

    Hello dear @Felix Surjadjaja  we are impressed and excited with this tool. Congrats! 

    I am a member of the Greek network. In one month, we will present the Doughnut at a conference. in Athens. We will use this tool. 

    Could you please help us with the following doubt? Why in some cases the "actual value" is different from the "displayed value"? 

    Thank you in advance

    0 1
    Felix Surjadjaja about 1 year ago

    Hi Christina, glad you have found it useful.

    The [display value] represents how far off that category from the doughnut. 0% indicates closest to doughnut and 100% farthest.

    I used a very basic method to convert the [actual values] for some categories i.e. Corruption Perception Index and Gini Index so that they can fit into the Doughnut Economy concept.

    This Google Sheet shows the list of categories in which their [display value] differs from their [actual value]. The calculation is reflected on the cell under column F. This is one way of converting them, and I'm sure there is a much better method to do this.

    Hope that helps. If not, please feel free to reach out.


    1 0
    Miguel Aderaldo over 1 year ago

    Hey, @Felix Surjadjaja ! Great work and excelent colaboration for the cause! I'd love to use it on the application of the doughnut theory in my universtiy! Would it be possible to share with us the source code (on github, maybe) where we would have more freedom to play along with? And thank you! 

    0 1
    Felix Surjadjaja over 1 year ago


    @Miguel Aderaldo . Thanks for your feedback, and excited to hear that you will be using the doughnut theory in your university. Here's the repo for that tool:

    Feel free to play with it, and all the best.

    0 0
    Felix Surjadjaja over 1 year ago

    Hi  @Zoe Emmett , one way to make a comparison of countries is to open two browser windows and place them side-by-side. I will see what I can do to make the comparison easier while maintaining the readability of the details.

    0 0
    Zoe Emmett over 1 year ago

    This is a great tool - is there any way that you can have a side-by-side comparison of countries? 

    0 0
    Felix Surjadjaja over 1 year ago

    Hey @Sam Miyamoto   glad that you found it useful. I used d3 and Typescript, and deployed it in Netlify.

    0 1
    Sam Miyamoto over 1 year ago

    Thank you,  @Felix Surjadjaja !

    0 0
    Sam Miyamoto over 1 year ago

    Felix, this visualization looks terrific and is very helpful. I appreciate you mentioning your API sources. If you don't mind me asking, what tech stack did you use?

    0 0

    Join the DEAL Community!

    Get inspired, connect with others and become part of the movement. No matter how big or small your contribution is, you’re welcome to join!