A pie chart displays total sales by region, using canvas rendering via Chart.js. A custom legend to the right lists each region and its sales amount, with color-coded swatches built from a hardcoded array of thirteen regions and sales figures. The chart disables its built-in legend and constructs the HTML legend dynamically with JavaScript, iterating over the data to create list items.