Makeover Monday - if the world was 100 people

An update which transitions the people to the centre before moving to their new groups

forked from tomshanley's block: Makeover Monday - if the world was 100 people

<!DOCTYPE html>

body {
            font-family: 'Comfortaa', sans-serif;
            text-align: center;
            margin: auto
        }

.labels {
            text-anchor: middle;
        }

select {
            font-size: 18px
        }

p {
            font-size: 12px
        }

circle {
            opacity: 0.7
        }

</style>
</head>

<body>

<h1>If the world was 100 People...</h1>
    
    
    <div id="chart"></div>

<p>Choose another category</p>
    <div id="select-div"></div>
    <p>&nbsp</p>

<p>Source: <a href="https://www.100people.org/statistics_100stats.php?section=statistics">100People.org</a> and <a href="https://www.makeovermonday.co.uk/data/">Makeover Monday</a></p>
    <p>People icons designed by <a href="https://www.flaticon.com/authors/freepik">freepik</a> from Flaticon</p>

https://d3js.org/d3.v4.min.js