Two interactive charts built with Vue and D3 v6 let a user switch between a bar chart of GDP by country and a radial pie variant. The bar chart scales rectangle heights by the `gdp` value, while the ring chart uses a linear angle scale and nested arcs with hover opacity transitions. The pie mode applies `d3.pie` and `d3.arc` with labeled segments.