us(280).outerRadius(280);
            svg.append('g').attr('transform', `translate(${width / 2}, ${height / 2})`)
            .selectAll('text').data(arcData).join('text')
            .attr('transform', d => `translate(${arcOuter.centroid(d)})`)
            .attr('text-anchor', 'middle')
            .text(d => d.data.city);
        });

    </script>
</body>

</html>