usame-algan

type Color = { r: number, g: number, b: number, a: number }

// Helpers
function getTextBoundingBox(ctx: CanvasRenderingContext2D, text: string) {
  const metrics = ctx.measureText(text)
  const top = metrics.actualBoundingBoxAscent * -1
  const bottom = metrics.actualBoundingBoxDescent
  const height = bottom - top

  return { top, height }

usame-algan

[select country "Afghanistan|AF" "Åland Islands|AX" "Albania|AL" "Algeria|DZ" "American Samoa|AS" "Andorra|AD" "Angola|AO" "Anguilla|AI" "Antarctica|AQ" "Antigua and Barbuda|AG" "Argentina|AR" "Armenia|AM" "Aruba|AW" "Australia|AU" "Austria|AT" "Azerbaijan|AZ" "Bahamas|BS" "Bahrain|BH" "Bangladesh|BD" "Barbados|BB" "Belarus|BY" "Belgium|BE" "Belize|BZ" "Benin|BJ" "Bermuda|BM" "Bhutan|BT" "Bolivia, Plurinational State of|BO" "Bonaire, Sint Eustatius and Saba|BQ" "Bosnia and Herzegovina|BA" "Botswana|BW" "Bouvet Island|BV" "Brazil|BR" "British Indian Ocean Territory|IO" "Brunei Darussalam|BN" "Bulgaria|BG" "Burkina Faso|BF" "Burundi|BI" "Cambodia|KH" "Cameroon|CM" "Canada|CA" "Cape Verde|CV" "Cayman Islands|KY" "Central African Republic|CF" "Chad|TD" "Chile|CL" "China|CN" "Christmas Island|CX" "Cocos (Keeling) Islands|CC" "Colombia|CO" "Comoros|KM" "Congo|CG" "Congo, the Democratic Republic of the|CD" "Cook Islands|CK" "Costa Rica|CR" "Côte d'Ivoire|CI" "Croatia|HR" "Cuba|CU" "Curaçao|CW" "Cyprus|CY" "Czech Rep