value:20}, {name:'Xiang-Li', value:12}, {name:'Wei-Yu', value:15}, {name:'Chen Zheng', value:14}, 
        {name:'Tian-Xing', value:15}, {name:'Yang-Fu', value:15}, {name:'Qing-Wen', value:18}, {name:'Yi-Xiao', value:18}]; 

        const svg = d3.select('#mainsvg');
        const width = +svg.attr('width');
        const height = +svg.attr('height');
        const margin = {top: 60, right: 30, bottom: 60, left: 150};
        const innerWidth = width - margin.left - margin.right;
        const innerHeight =