<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="350 -908 560 445">
  <title>Comparison gender life expectancy WHO-2019</title>
  <desc>Comparison of countries by life expectancy at birth according to estimation of the World Health Organization for 2019 (https://apps.who.int/gho/data/node.main.688). Squares of bubles are proportional to the population of countries, according to estimation of the United Nations for 2019 (https://population.un.org/wpp/Download/Files/1_Indicators%20(Standard)/EXCEL_FILES/1_Population/WPP2019_POP_F01_1_TOTAL_POPULATION_BOTH_SEXES.xlsx). Grouping of countries to subregions is according to the classification of the United Nations.</desc>
  <style type="text/css">
    #main         { font-family:Helvetica,Arial,sans-serif; font-size:14px; text-anchor:middle;
                    stroke-opacity:0; fill-opacity:0.5; cursor:default; }
    #main:hover   { stroke-opacity:0; fill-opacity:0.1; }
    .nofade,
    .active:hover { stroke-opacity:1; fill-opacity:1; }
    .hidden_text  { font-size:14px; text-anchor:end; fill:none; pointer-events:none; }
  </style>
  <defs>

    <!-- determine appearance of circles -->
    <radialGradient id="grad_asc" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
      <stop offset="50%" stop-color="#993300" stop-opacity="0"/>
      <stop offset="70%" stop-color="#993300" stop-opacity="0.05"/>
      <stop offset="99%" stop-color="#993300" stop-opacity="0.25"/>
    </radialGradient>
    <radialGradient id="grad_asw" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
      <stop offset="50%" stop-color="#004800" stop-opacity="0"/>
      <stop offset="70%" stop-color="#004800" stop-opacity="0.05"/>
      <stop offset="99%" stop-color="#004800" stop-opacity="0.25"/>
    </radialGradient>
    <radialGradient id="grad_ass" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
      <stop offset="50%" stop-color="#d2691e" stop-opacity="0"/>
      <stop offset="70%" stop-color="#d2691e" stop-opacity="0.05"/>
      <stop offset="99%" stop-color="#d2691e" stop-opacity="0.25"/>
    </radialGradient>
    <radialGradient id="grad_ase" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
      <stop offset="50%" stop-color="#ff0000" stop-opacity="0"/>
      <stop offset="70%" stop-color="#ff0000" stop-opacity="0.05"/>
      <stop offset="99%" stop-color="#ff0000" stop-opacity="0.25"/>
    </radialGradient>
    <radialGradient id="grad_asse" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
      <stop offset="50%" stop-color="#808000" stop-opacity="0"/>
      <stop offset="70%" stop-color="#808000" stop-opacity="0.05"/>
      <stop offset="99%" stop-color="#808000" stop-opacity="0.25"/>
    </radialGradient>
    <radialGradient id="grad_oc" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
      <stop offset="50%" stop-color="#0000ff" stop-opacity="0"/>
      <stop offset="70%" stop-color="#0000ff" stop-opacity="0.05"/>
      <stop offset="99%" stop-color="#0000ff" stop-opacity="0.25"/>
    </radialGradient>
    <radialGradient id="grad_-" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
      <stop offset="50%" stop-color="#999999" stop-opacity="0"/>
      <stop offset="70%" stop-color="#999999" stop-opacity="0.05"/>
      <stop offset="99%" stop-color="#999999" stop-opacity="0.25"/>
    </radialGradient>

    <!-- determine each country -->
    <g id="bubble_0" fill="#ff0000">
      <text x="696" y="-833" dy="0.7ex" text-anchor="end" stroke="none">Китай</text>
      <circle cx="747" cy="-805" r="1"/>
      <circle cx="747" cy="-805" r="47.85" stroke="#ff0000" fill="url(#grad_ase)"/>
    </g>
    <g id="bubble_1" fill="#d2691e">
      <text x="738" y="-690" dy="0.7ex" text-anchor="start" stroke="none">Индия</text>
      <circle cx="695" cy="-722" r="1"/>
      <circle cx="695" cy="-722" r="46.21" stroke="#d2691e" fill="url(#grad_ass)"/>
    </g>
    <g id="bubble_2" fill="#808000">
      <text x="748" y="-710" dy="0.7ex" text-anchor="start" stroke="none">Индонезия</text>
      <circle cx="694" cy="-733" r="1"/>
      <circle cx="694" cy="-733" r="20.56" stroke="#808000" fill="url(#grad_asse)"/>
    </g>
    <g id="bubble_3" fill="#d2691e">
      <text x="675" y="-660" dy="0.7ex" text-anchor="start" stroke="none">Пакистан</text>
      <circle cx="646" cy="-667" r="1"/>
      <circle cx="646" cy="-667" r="18.4" stroke="#d2691e" fill="url(#grad_ass)"/>
    </g>
    <g id="bubble_4" fill="#d2691e">
      <text x="752" y="-738" dy="0.7ex" text-anchor="start" stroke="none">Бангладеш</text>
      <circle cx="730" cy="-756" r="1"/>
      <circle cx="730" cy="-756" r="15.96" stroke="#d2691e" fill="url(#grad_ass)"/>
    </g>
    <g id="bubble_5" fill="#999999">
      <text x="661" y="-790" dy="0.7ex" text-anchor="end" stroke="none">Россия</text>
      <circle cx="682" cy="-780" r="1"/>
      <circle cx="682" cy="-780" r="15.1" stroke="#999999" fill="url(#grad_-)"/>
    </g>
    <g id="bubble_6" fill="#ff0000">
      <text x="823" y="-889" dy="0.7ex" text-anchor="start" stroke="none">Япония</text>
      <circle cx="815" cy="-869" r="1"/>
      <circle cx="815" cy="-869" r="14.08" stroke="#ff0000" fill="url(#grad_ase)"/>
    </g>
    <g id="bubble_7" fill="#808000">
      <text x="649" y="-755" dy="0.7ex" text-anchor="end" stroke="none">Филиппины</text>
      <circle cx="674" cy="-736" r="1"/>
      <circle cx="674" cy="-736" r="13.0" stroke="#808000" fill="url(#grad_asse)"/>
    </g>
    <g id="bubble_8" fill="#999999">
      <circle cx="696" cy="-741" r="1"/>
      <circle cx="696" cy="-741" r="12.52" stroke="#999999" fill="url(#grad_-)"/>
    </g>
    <g id="bubble_9" fill="#808000">
      <text x="687" y="-805" dy="0.7ex" text-anchor="end" stroke="none">Вьетнам</text>
      <circle cx="696" cy="-781" r="1"/>
      <circle cx="696" cy="-781" r="12.28" stroke="#808000" fill="url(#grad_asse)"/>
    </g>
    <g id="bubble_10" fill="#004800">
      <text x="804" y="-797" dy="0.7ex" text-anchor="start" stroke="none">Турция</text>
      <circle cx="764" cy="-807" r="1"/>
      <circle cx="764" cy="-807" r="11.42" stroke="#004800" fill="url(#grad_asw)"/>
    </g>
    <g id="bubble_11" fill="#d2691e">
      <text x="801" y="-782" dy="0.7ex" text-anchor="start" stroke="none">Иран</text>
      <circle cx="757" cy="-791" r="1"/>
      <circle cx="757" cy="-791" r="11.38" stroke="#d2691e" fill="url(#grad_ass)"/>
    </g>
    <g id="bubble_12" fill="#808000">
      <text x="710" y="-849" dy="0.7ex" text-anchor="end" stroke="none">Таиланд</text>
      <circle cx="744" cy="-810" r="1"/>
      <circle cx="744" cy="-810" r="10.43" stroke="#808000" fill="url(#grad_asse)"/>
    </g>
    <g id="bubble_13" fill="#808000">
      <text x="630" y="-718" dy="0.7ex" text-anchor="end" stroke="none">Мьянма</text>
      <circle cx="659" cy="-722" r="1"/>
      <circle cx="659" cy="-722" r="9.19" stroke="#808000" fill="url(#grad_asse)"/>
    </g>
    <g id="bubble_14" fill="#ff0000">
      <text x="792" y="-878" dy="0.7ex" text-anchor="end" stroke="none">Южная Корея</text>
      <circle cx="803" cy="-861" r="1"/>
      <circle cx="803" cy="-861" r="8.95" stroke="#ff0000" fill="url(#grad_ase)"/>
    </g>
    <g id="bubble_15" fill="#004800">
      <text x="661" y="-773" dy="0.7ex" text-anchor="end" stroke="none">Ирак</text>
      <circle cx="699" cy="-750" r="1"/>
      <circle cx="699" cy="-750" r="7.84" stroke="#004800" fill="url(#grad_asw)"/>
    </g>
    <g id="bubble_16" fill="#d2691e">
      <text x="649" y="-630" dy="0.7ex" text-anchor="start" stroke="none">Афганистан</text>
      <circle cx="633" cy="-632" r="1"/>
      <circle cx="633" cy="-632" r="7.71" stroke="#d2691e" fill="url(#grad_ass)"/>
    </g>
    <g id="bubble_17" fill="#004800">
      <text x="763" y="-751" dy="0.7ex" text-anchor="start" stroke="none">Саудовская Аравия</text>
      <circle cx="731" cy="-761" r="1"/>
      <circle cx="731" cy="-761" r="7.32" stroke="#004800" fill="url(#grad_asw)"/>
    </g>
    <g id="bubble_18" fill="#993300">
      <text x="748" y="-724" dy="0.7ex" text-anchor="start" stroke="none">Узбекистан</text>
      <circle cx="708" cy="-752" r="1"/>
      <circle cx="708" cy="-752" r="7.18" stroke="#993300" fill="url(#grad_asc)"/>
    </g>
    <g id="bubble_19" fill="#808000">
      <circle cx="726" cy="-771" r="1"/>
      <circle cx="726" cy="-771" r="7.07" stroke="#808000" fill="url(#grad_asse)"/>
    </g>
    <g id="bubble_20" fill="#004800">
      <text x="615" y="-695" dy="0.7ex" text-anchor="end" stroke="none">Йемен</text>
      <circle cx="644" cy="-689" r="1"/>
      <circle cx="644" cy="-689" r="6.75" stroke="#004800" fill="url(#grad_asw)"/>
    </g>
    <g id="bubble_21" fill="#d2691e">
      <circle cx="689" cy="-727" r="1"/>
      <circle cx="689" cy="-727" r="6.69" stroke="#d2691e" fill="url(#grad_ass)"/>
    </g>
    <g id="bubble_22" fill="#ff0000">
      <circle cx="693" cy="-757" r="1"/>
      <circle cx="693" cy="-757" r="6.33" stroke="#ff0000" fill="url(#grad_ase)"/>
    </g>
    <g id="bubble_23" fill="#0000ff">
      <text x="828" y="-840" dy="0.7ex" text-anchor="start" stroke="none">Австралия</text>
      <circle cx="813" cy="-848" r="1"/>
      <circle cx="813" cy="-848" r="6.28" stroke="#0000ff" fill="url(#grad_oc)"/>
    </g>
    <g id="bubble_24" fill="#d2691e">
      <circle cx="738" cy="-798" r="1"/>
      <circle cx="738" cy="-798" r="5.77" stroke="#d2691e" fill="url(#grad_ass)"/>
    </g>
    <g id="bubble_25" fill="#993300">
      <text x="692" y="-819" dy="0.7ex" text-anchor="end" stroke="none">Казахстан</text>
      <circle cx="700" cy="-776" r="1"/>
      <circle cx="700" cy="-776" r="5.38" stroke="#993300" fill="url(#grad_asc)"/>
    </g>
    <g id="bubble_26" fill="#004800">
      <circle cx="712" cy="-743" r="1"/>
      <circle cx="712" cy="-743" r="5.16" stroke="#004800" fill="url(#grad_asw)"/>
    </g>
    <g id="bubble_27" fill="#808000">
      <circle cx="672" cy="-727" r="1"/>
      <circle cx="672" cy="-727" r="5.08" stroke="#808000" fill="url(#grad_asse)"/>
    </g>
    <g id="bubble_28" fill="#004800">
      <circle cx="770" cy="-788" r="1"/>
      <circle cx="770" cy="-788" r="3.97" stroke="#004800" fill="url(#grad_asw)"/>
    </g>
    <g id="bubble_29" fill="#004800">
      <circle cx="688" cy="-741" r="1"/>
      <circle cx="688" cy="-741" r="3.96" stroke="#004800" fill="url(#grad_asw)"/>
    </g>
    <g id="bubble_30" fill="#004800">
      <text x="791" y="-766" dy="0.7ex" text-anchor="start" stroke="none">ОАЭ</text>
      <circle cx="751" cy="-784" r="1"/>
      <circle cx="751" cy="-784" r="3.91" stroke="#004800" fill="url(#grad_asw)"/>
    </g>
    <g id="bubble_31" fill="#993300">
      <circle cx="676" cy="-715" r="1"/>
      <circle cx="676" cy="-715" r="3.82" stroke="#993300" fill="url(#grad_asc)"/>
    </g>
    <g id="bubble_32" fill="#0000ff">
      <circle cx="634" cy="-674" r="1"/>
      <circle cx="634" cy="-674" r="3.7" stroke="#0000ff" fill="url(#grad_oc)"/>
    </g>
    <g id="bubble_33" fill="#004800">
      <text x="820" y="-827" dy="0.7ex" text-anchor="start" stroke="none">Израиль</text>
      <circle cx="808" cy="-844" r="1"/>
      <circle cx="808" cy="-844" r="3.65" stroke="#004800" fill="url(#grad_asw)"/>
    </g>
    <g id="bubble_34" fill="#808000">
      <circle cx="662" cy="-709" r="1"/>
      <circle cx="662" cy="-709" r="3.35" stroke="#808000" fill="url(#grad_asse)"/>
    </g>
    <g id="bubble_35" fill="#004800">
      <circle cx="740" cy="-792" r="1"/>
      <circle cx="740" cy="-792" r="3.27" stroke="#004800" fill="url(#grad_asw)"/>
    </g>
    <g id="bubble_36" fill="#993300">
      <circle cx="707" cy="-773" r="1"/>
      <circle cx="707" cy="-773" r="3.17" stroke="#993300" fill="url(#grad_asc)"/>
    </g>
    <g id="bubble_37" fill="#993300">
      <circle cx="665" cy="-730" r="1"/>
      <circle cx="665" cy="-730" r="3.05" stroke="#993300" fill="url(#grad_asc)"/>
    </g>
    <g id="bubble_38" fill="#808000">
      <text x="838" y="-869" dy="0.7ex" text-anchor="start" stroke="none">Сингапур</text>
      <circle cx="810" cy="-855" r="1"/>
      <circle cx="810" cy="-855" r="3.01" stroke="#808000" fill="url(#grad_asse)"/>
    </g>
    <g id="bubble_39" fill="#004800">
      <circle cx="730" cy="-753" r="1"/>
      <circle cx="730" cy="-753" r="2.79" stroke="#004800" fill="url(#grad_asw)"/>
    </g>
    <g id="bubble_40" fill="#0000ff">
      <text x="807" y="-812" dy="0.7ex" text-anchor="start" stroke="none">Новая Зеландия</text>
      <circle cx="804" cy="-835" r="1"/>
      <circle cx="804" cy="-835" r="2.73" stroke="#0000ff" fill="url(#grad_oc)"/>
    </g>
    <g id="bubble_41" fill="#004800">
      <text x="784" y="-862" dy="0.7ex" text-anchor="end" stroke="none">Кувейт</text>
      <circle cx="793" cy="-839" r="1"/>
      <circle cx="793" cy="-839" r="2.56" stroke="#004800" fill="url(#grad_asw)"/>
    </g>
    <g id="bubble_42" fill="#004800">
      <circle cx="688" cy="-778" r="1"/>
      <circle cx="688" cy="-778" r="2.5" stroke="#004800" fill="url(#grad_asw)"/>
    </g>
    <g id="bubble_43" fill="#ff0000">
      <text x="632" y="-738" dy="0.7ex" text-anchor="end" stroke="none">Монголия</text>
      <circle cx="638" cy="-728" r="1"/>
      <circle cx="638" cy="-728" r="2.24" stroke="#ff0000" fill="url(#grad_ase)"/>
    </g>
    <g id="bubble_44" fill="#004800">
      <circle cx="725" cy="-792" r="1"/>
      <circle cx="725" cy="-792" r="2.15" stroke="#004800" fill="url(#grad_asw)"/>
    </g>
    <g id="bubble_45" fill="#004800">
      <circle cx="780" cy="-766" r="1"/>
      <circle cx="780" cy="-766" r="2.1" stroke="#004800" fill="url(#grad_asw)"/>
    </g>
    <g id="bubble_46" fill="#004800">
      <circle cx="750" cy="-770" r="1"/>
      <circle cx="750" cy="-770" r="1.6" stroke="#004800" fill="url(#grad_asw)"/>
    </g>
    <g id="bubble_47" fill="#808000">
      <circle cx="679" cy="-714" r="1"/>
      <circle cx="679" cy="-714" r="1.42" stroke="#808000" fill="url(#grad_asse)"/>
    </g>
    <g id="bubble_48" fill="#004800">
      <text x="834" y="-854" dy="0.7ex" text-anchor="start" stroke="none">Кипр</text>
      <circle cx="811" cy="-851" r="1"/>
      <circle cx="811" cy="-851" r="1.37" stroke="#004800" fill="url(#grad_asw)"/>
    </g>
    <g id="bubble_49" fill="#0000ff">
      <circle cx="659" cy="-703" r="1"/>
      <circle cx="659" cy="-703" r="1.18" stroke="#0000ff" fill="url(#grad_oc)"/>
    </g>
    <g id="bubble_50" fill="#d2691e">
      <circle cx="720" cy="-744" r="1"/>
      <circle cx="720" cy="-744" r="1.09" stroke="#d2691e" fill="url(#grad_ass)"/>
    </g>
    <g id="bubble_51" fill="#0000ff">
      <circle cx="629" cy="-679" r="1"/>
      <circle cx="629" cy="-679" r="1.02" stroke="#0000ff" fill="url(#grad_oc)"/>
    </g>
    <g id="bubble_52" fill="#d2691e">
      <circle cx="786" cy="-808" r="1"/>
      <circle cx="786" cy="-808" r="0.91" stroke="#d2691e" fill="url(#grad_ass)"/>
    </g>
    <g id="bubble_53" fill="#808000">
      <circle cx="734" cy="-754" r="1"/>
      <circle cx="734" cy="-754" r="0.82" stroke="#808000" fill="url(#grad_asse)"/>
    </g>
    <g id="bubble_54" fill="#0000ff">
      <circle cx="627" cy="-683" r="1"/>
      <circle cx="627" cy="-683" r="0.68" stroke="#0000ff" fill="url(#grad_oc)"/>
    </g>
    <g id="bubble_55" fill="#0000ff">
      <circle cx="692" cy="-718" r="1"/>
      <circle cx="692" cy="-718" r="0.55" stroke="#0000ff" fill="url(#grad_oc)"/>
    </g>
    <g id="bubble_56" fill="#0000ff">
      <circle cx="561" cy="-628" r="1"/>
      <circle cx="561" cy="-628" r="0.43" stroke="#0000ff" fill="url(#grad_oc)"/>
    </g>
    <g id="bubble_57" fill="#0000ff">
      <circle cx="603" cy="-660" r="1"/>
      <circle cx="603" cy="-660" r="0.42" stroke="#0000ff" fill="url(#grad_oc)"/>
    </g>
    <g id="bubble_58" fill="#0000ff">
      <circle cx="698" cy="-756" r="1"/>
      <circle cx="698" cy="-756" r="0.4" stroke="#0000ff" fill="url(#grad_oc)"/>
    </g>

    <!-- vertical grid -->
    <path id="grid_x" d="M 0 -500 V -900"/>
    <g id="grid_x_5">
      <use xlink:href="#grid_x"/>
      <use xlink:href="#grid_x" transform="translate(10,0)"/>
      <use xlink:href="#grid_x" transform="translate(20,0)"/>
      <use xlink:href="#grid_x" transform="translate(30,0)"/>
      <use xlink:href="#grid_x" transform="translate(40,0)"/>
      <use xlink:href="#grid_x" transform="translate(50,0)"/>
    </g>

    <!-- horizontal grid -->
    <path id="grid_y" d="M 400 0 H 900"/>
    <g id="grid_y_5">
      <use xlink:href="#grid_y"/>
      <use xlink:href="#grid_y" transform="translate(0,-10)"/>
      <use xlink:href="#grid_y" transform="translate(0,-20)"/>
      <use xlink:href="#grid_y" transform="translate(0,-30)"/>
      <use xlink:href="#grid_y" transform="translate(0,-40)"/>
      <use xlink:href="#grid_y" transform="translate(0,-50)"/>
    </g>
  </defs>



  <g id="main">
    <g class="nofade">
      <!-- background for the whole diagram -->
      <circle cx="0" cy="0" r="99999" fill="#ffffff"/>

      <!-- draw grid -->
      <g stroke-opacity="0.05" stroke="#000000">
        <use xlink:href="#grid_x_5" transform="translate(400,0)"/>
        <use xlink:href="#grid_x_5" transform="translate(450,0)"/>
        <use xlink:href="#grid_x_5" transform="translate(500,0)"/>
        <use xlink:href="#grid_x_5" transform="translate(550,0)"/>
        <use xlink:href="#grid_x_5" transform="translate(600,0)"/>
        <use xlink:href="#grid_x_5" transform="translate(650,0)"/>
        <use xlink:href="#grid_x_5" transform="translate(700,0)"/>
        <use xlink:href="#grid_x_5" transform="translate(750,0)"/>
        <use xlink:href="#grid_x_5" transform="translate(800,0)"/>
        <use xlink:href="#grid_x_5" transform="translate(850,0)"/>
        <use xlink:href="#grid_y_5" transform="translate(0,-500)"/>
        <use xlink:href="#grid_y_5" transform="translate(0,-550)"/>
        <use xlink:href="#grid_y_5" transform="translate(0,-600)"/>
        <use xlink:href="#grid_y_5" transform="translate(0,-650)"/>
        <use xlink:href="#grid_y_5" transform="translate(0,-700)"/>
        <use xlink:href="#grid_y_5" transform="translate(0,-750)"/>
        <use xlink:href="#grid_y_5" transform="translate(0,-800)"/>
        <use xlink:href="#grid_y_5" transform="translate(0,-850)"/>
      </g>

      <!-- labels for axes -->
      <g fill="#999999">  <!-- color of font -->
        <text x="650" y="-467" style="font-size: 12px">Ожидаемая при рождении продолжительность жизни для мужчин</text>
        <text transform="rotate(-90)" x="695" y="365" style="font-size: 12px">Ожидаемая при рождении продолжительность жизни для женщин</text>
        <text x="450" y="-483">45</text>
        <text x="500" y="-483">50</text>
        <text x="550" y="-483">55</text>
        <text x="600" y="-483">60</text>
        <text x="650" y="-483">65</text>
        <text x="700" y="-483">70</text>
        <text x="750" y="-483">75</text>
        <text x="800" y="-483">80</text>
        <text x="850" y="-483">85</text>
        <text x="900" y="-483">90</text>
        <text x="385" y="-494">50</text>
        <text x="385" y="-544">55</text>
        <text x="385" y="-594">60</text>
        <text x="385" y="-644">65</text>
        <text x="385" y="-694">70</text>
        <text x="385" y="-744">75</text>
        <text x="385" y="-794">80</text>
        <text x="385" y="-844">85</text>
        <text x="385" y="-894">90</text>
      </g>

      <!-- diagonal line -->
      <path d="M 500 -500 L 900 -900" stroke="#00cc00" stroke-width="0.8" stroke-opacity="0.4"/>
    </g>

    <!-- menu -->
    <g text-anchor="start">

      <!-- rectangle around items -->
      <rect class="nofade" x="403" y="-896" width="159" height="128" rx="5" ry="5" stroke="#999999" fill="#ffffff"/>

      <!-- single items -->
      <g class="active">
        <text x="425" y="-881" fill="#993300">Азия Центральная</text>
        <circle cx="415" cy="-886" r="8" fill="url(#grad_asc)"/>
        <circle cx="415" cy="-886" r="1" fill="#993300"/>
        <use xlink:href="#bubble_18"/>
        <use xlink:href="#bubble_25"/>
        <use xlink:href="#bubble_31"/>
        <use xlink:href="#bubble_36"/>
        <use xlink:href="#bubble_37"/>
      </g>
      <g class="active">
        <text x="425" y="-863" fill="#004800">Азия Западная</text>
        <circle cx="415" cy="-868" r="8" fill="url(#grad_asw)"/>
        <circle cx="415" cy="-868" r="1" fill="#004800"/>
        <use xlink:href="#bubble_10"/>
        <use xlink:href="#bubble_15"/>
        <use xlink:href="#bubble_17"/>
        <use xlink:href="#bubble_20"/>
        <use xlink:href="#bubble_26"/>
        <use xlink:href="#bubble_28"/>
        <use xlink:href="#bubble_29"/>
        <use xlink:href="#bubble_30"/>
        <use xlink:href="#bubble_33"/>
        <use xlink:href="#bubble_35"/>
        <use xlink:href="#bubble_39"/>
        <use xlink:href="#bubble_41"/>
        <use xlink:href="#bubble_42"/>
        <use xlink:href="#bubble_44"/>
        <use xlink:href="#bubble_45"/>
        <use xlink:href="#bubble_46"/>
        <use xlink:href="#bubble_48"/>
      </g>
      <g class="active">
        <text x="425" y="-845" fill="#d2691e">Азия Южная</text>
        <circle cx="415" cy="-850" r="8" fill="url(#grad_ass)"/>
        <circle cx="415" cy="-850" r="1" fill="#d2691e"/>
        <use xlink:href="#bubble_1"/>
        <use xlink:href="#bubble_3"/>
        <use xlink:href="#bubble_4"/>
        <use xlink:href="#bubble_11"/>
        <use xlink:href="#bubble_16"/>
        <use xlink:href="#bubble_21"/>
        <use xlink:href="#bubble_24"/>
        <use xlink:href="#bubble_50"/>
        <use xlink:href="#bubble_52"/>
      </g>
      <g class="active">
        <text x="425" y="-827" fill="#ff0000">Азия Восточная</text>
        <circle cx="415" cy="-832" r="8" fill="url(#grad_ase)"/>
        <circle cx="415" cy="-832" r="1" fill="#ff0000"/>
        <use xlink:href="#bubble_0"/>
        <use xlink:href="#bubble_6"/>
        <use xlink:href="#bubble_14"/>
        <use xlink:href="#bubble_22"/>
        <use xlink:href="#bubble_43"/>
      </g>
      <g class="active">
        <text x="425" y="-809" fill="#808000">Азия Юго-Восточная</text>
        <circle cx="415" cy="-814" r="8" fill="url(#grad_asse)"/>
        <circle cx="415" cy="-814" r="1" fill="#808000"/>
        <use xlink:href="#bubble_2"/>
        <use xlink:href="#bubble_7"/>
        <use xlink:href="#bubble_9"/>
        <use xlink:href="#bubble_12"/>
        <use xlink:href="#bubble_13"/>
        <use xlink:href="#bubble_19"/>
        <use xlink:href="#bubble_27"/>
        <use xlink:href="#bubble_34"/>
        <use xlink:href="#bubble_38"/>
        <use xlink:href="#bubble_47"/>
        <use xlink:href="#bubble_53"/>
      </g>
      <g class="active">
        <text x="425" y="-791" fill="#0000ff">Океания</text>
        <circle cx="415" cy="-796" r="8" fill="url(#grad_oc)"/>
        <circle cx="415" cy="-796" r="1" fill="#0000ff"/>
        <use xlink:href="#bubble_23"/>
        <use xlink:href="#bubble_32"/>
        <use xlink:href="#bubble_40"/>
        <use xlink:href="#bubble_49"/>
        <use xlink:href="#bubble_51"/>
        <use xlink:href="#bubble_54"/>
        <use xlink:href="#bubble_55"/>
        <use xlink:href="#bubble_56"/>
        <use xlink:href="#bubble_57"/>
        <use xlink:href="#bubble_58"/>
      </g>
      <g class="active">
        <text x="425" y="-773" fill="#999999">другие</text>
        <circle cx="415" cy="-778" r="8" fill="url(#grad_-)"/>
        <circle cx="415" cy="-778" r="1" fill="#999999"/>
        <use xlink:href="#bubble_5"/>
        <use xlink:href="#bubble_8"/>
      </g>
    </g>

    <!-- pop-up notes -->
    <g class="active">
      <use xlink:href="#bubble_0"/>
      <title>Китай (население: 1 465 634 000)
мужчины: 74.7, женщины: 80.5, общая: 77.4 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_1"/>
      <title>Индия (население: 1 366 418 000)
мужчины: 69.5, женщины: 72.2, общая: 70.8 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_2"/>
      <title>Индонезия (население: 270 626 000)
мужчины: 69.4, женщины: 73.3, общая: 71.3 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_3"/>
      <title>Пакистан (население: 216 565 000)
мужчины: 64.6, женщины: 66.7, общая: 65.6 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_4"/>
      <title>Бангладеш (население: 163 046 000)
мужчины: 73.0, женщины: 75.6, общая: 74.3 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_5"/>
      <title>Россия (население: 145 872 000)
мужчины: 68.2, женщины: 78.0, общая: 73.2 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_6"/>
      <title>Япония (население: 126 860 000)
мужчины: 81.5, женщины: 86.9, общая: 84.3 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_7"/>
      <title>Филиппины (население: 108 117 000)
мужчины: 67.4, женщины: 73.6, общая: 70.4 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_8"/>
      <text x="685" y="-751" dy="0.7ex" class="hidden_text" stroke="#999999">Египет</text>
      <title>Египет (население: 100 388 000)
мужчины: 69.6, женщины: 74.1, общая: 71.8 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_9"/>
      <title>Вьетнам (население: 96 462 000)
мужчины: 69.6, женщины: 78.1, общая: 73.7 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_10"/>
      <title>Турция (население: 83 430 000)
мужчины: 76.4, женщины: 80.7, общая: 78.6 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_11"/>
      <title>Иран (население: 82 914 000)
мужчины: 75.7, женщины: 79.1, общая: 77.3 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_12"/>
      <title>Таиланд (население: 69 626 000)
мужчины: 74.4, женщины: 81.0, общая: 77.7 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_13"/>
      <title>Мьянма (население: 54 045 000)
мужчины: 65.9, женщины: 72.2, общая: 69.1 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_14"/>
      <title>Южная Корея (население: 51 225 000)
мужчины: 80.3, женщины: 86.1, общая: 83.3 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_15"/>
      <title>Ирак (население: 39 310 000)
мужчины: 69.9, женщины: 75.0, общая: 72.4 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_16"/>
      <title>Афганистан (население: 38 042 000)
мужчины: 63.3, женщины: 63.2, общая: 63.2 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_17"/>
      <title>Саудовская Аравия (население: 34 269 000)
мужчины: 73.1, женщины: 76.1, общая: 74.3 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_18"/>
      <title>Узбекистан (население: 32 982 000)
мужчины: 70.8, женщины: 75.2, общая: 73.0 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_19"/>
      <text x="720" y="-776" dy="0.7ex" class="hidden_text" stroke="#808000">Малайзия</text>
      <title>Малайзия (население: 31 950 000)
мужчины: 72.6, женщины: 77.1, общая: 74.7 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_20"/>
      <title>Йемен (население: 29 162 000)
мужчины: 64.4, женщины: 68.9, общая: 66.6 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_21"/>
      <text x="683" y="-732" dy="0.7ex" class="hidden_text" stroke="#d2691e">Непал</text>
      <title>Непал (население: 28 609 000)
мужчины: 68.9, женщины: 72.7, общая: 70.9 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_22"/>
      <text x="687" y="-762" dy="0.7ex" class="hidden_text" stroke="#ff0000">Северная Корея</text>
      <title>Северная Корея (население: 25 666 000)
мужчины: 69.3, женщины: 75.7, общая: 72.6 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_23"/>
      <title>Австралия (население: 25 203 000)
мужчины: 81.3, женщины: 84.8, общая: 83.0 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_24"/>
      <text x="733" y="-802" dy="0.7ex" class="hidden_text" stroke="#d2691e">Шри-Ланка</text>
      <title>Шри-Ланка (население: 21 324 000)
мужчины: 73.8, женщины: 79.8, общая: 76.9 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_25"/>
      <title>Казахстан (население: 18 551 000)
мужчины: 70.0, женщины: 77.6, общая: 74.0 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_26"/>
      <text x="707" y="-747" dy="0.7ex" class="hidden_text" stroke="#004800">Сирия</text>
      <title>Сирия (население: 17 070 000)
мужчины: 71.2, женщины: 74.3, общая: 72.7 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_27"/>
      <text x="667" y="-731" dy="0.7ex" class="hidden_text" stroke="#808000">Камбоджа</text>
      <title>Камбоджа (население: 16 487 000)
мужчины: 67.2, женщины: 72.7, общая: 70.1 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_28"/>
      <text x="766" y="-791" dy="0.7ex" class="hidden_text" stroke="#004800">Иордания</text>
      <title>Иордания (население: 10 102 000)
мужчины: 77.0, женщины: 78.8, общая: 77.9 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_29"/>
      <text x="684" y="-744" dy="0.7ex" class="hidden_text" stroke="#004800">Азербайджан</text>
      <title>Азербайджан (население: 10 048 000)
мужчины: 68.8, женщины: 74.1, общая: 71.4 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_30"/>
      <title>Объединённые Арабские Эмираты (население: 9 771 000)
мужчины: 75.1, женщины: 78.4, общая: 76.1 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_31"/>
      <text x="672" y="-718" dy="0.7ex" class="hidden_text" stroke="#993300">Таджикистан</text>
      <title>Таджикистан (население: 9 321 000)
мужчины: 67.6, женщины: 71.5, общая: 69.5 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_32"/>
      <text x="631" y="-676" dy="0.7ex" class="hidden_text" stroke="#0000ff">Папуа - Новая Гвинея</text>
      <title>Папуа - Новая Гвинея (население: 8 776 000)
мужчины: 63.4, женщины: 67.4, общая: 65.3 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_33"/>
      <title>Израиль (население: 8 519 000)
мужчины: 80.8, женщины: 84.4, общая: 82.6 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_34"/>
      <text x="659" y="-711" dy="0.7ex" class="hidden_text" stroke="#808000">Лаос</text>
      <title>Лаос (население: 7 169 000)
мужчины: 66.2, женщины: 70.9, общая: 68.5 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_35"/>
      <text x="737" y="-794" dy="0.7ex" class="hidden_text" stroke="#004800">Ливан</text>
      <title>Ливан (население: 6 856 000)
мужчины: 74.0, женщины: 79.2, общая: 76.4 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_36"/>
      <text x="704" y="-775" dy="0.7ex" class="hidden_text" stroke="#993300">Киргизия</text>
      <title>Киргизия (население: 6 416 000)
мужчины: 70.7, женщины: 77.3, общая: 74.2 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_37"/>
      <text x="662" y="-732" dy="0.7ex" class="hidden_text" stroke="#993300">Туркменистан</text>
      <title>Туркменистан (население: 5 942 000)
мужчины: 66.5, женщины: 73.0, общая: 69.7 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_38"/>
      <title>Сингапур (население: 5 804 000)
мужчины: 81.0, женщины: 85.5, общая: 83.2 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_39"/>
      <text x="727" y="-755" dy="0.7ex" class="hidden_text" stroke="#004800">Оман</text>
      <title>Оман (население: 4 975 000)
мужчины: 73.0, женщины: 75.3, общая: 73.9 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_40"/>
      <title>Новая Зеландия (население: 4 783 000)
мужчины: 80.4, женщины: 83.5, общая: 82.0 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_41"/>
      <title>Кувейт (население: 4 207 000)
мужчины: 79.3, женщины: 83.9, общая: 81.0 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_42"/>
      <text x="686" y="-780" dy="0.7ex" class="hidden_text" stroke="#004800">Грузия</text>
      <title>Грузия (население: 3 997 000)
мужчины: 68.8, женщины: 77.8, общая: 73.3 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_43"/>
      <title>Монголия (население: 3 225 000)
мужчины: 63.8, женщины: 72.8, общая: 68.1 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_44"/>
      <text x="723" y="-793" dy="0.7ex" class="hidden_text" stroke="#004800">Армения</text>
      <title>Армения (население: 2 958 000)
мужчины: 72.5, женщины: 79.2, общая: 76.0 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_45"/>
      <text x="778" y="-767" dy="0.7ex" class="hidden_text" stroke="#004800">Катар</text>
      <title>Катар (население: 2 832 000)
мужчины: 78.0, женщины: 76.6, общая: 77.2 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_46"/>
      <text x="748" y="-771" dy="0.7ex" class="hidden_text" stroke="#004800">Бахрейн</text>
      <title>Бахрейн (население: 1 641 000)
мужчины: 75.0, женщины: 77.0, общая: 75.8 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_47"/>
      <text x="677" y="-715" dy="0.7ex" class="hidden_text" stroke="#808000">Восточный Тимор</text>
      <title>Восточный Тимор (население: 1 293 000)
мужчины: 67.9, женщины: 71.4, общая: 69.6 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_48"/>
      <title>Кипр (население: 1 199 000)
мужчины: 81.1, женщины: 85.1, общая: 83.1 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_49"/>
      <text x="658" y="-703" dy="0.7ex" class="hidden_text" stroke="#0000ff">Фиджи</text>
      <title>Фиджи (население: 890 000)
мужчины: 65.9, женщины: 70.3, общая: 68.0 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_50"/>
      <text x="719" y="-744" dy="0.7ex" class="hidden_text" stroke="#d2691e">Бутан</text>
      <title>Бутан (население: 763 000)
мужчины: 72.0, женщины: 74.4, общая: 73.1 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_51"/>
      <text x="628" y="-679" dy="0.7ex" class="hidden_text" stroke="#0000ff">Соломоновы Острова</text>
      <title>Соломоновы Острова (население: 670 000)
мужчины: 62.9, женщины: 67.9, общая: 65.2 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_52"/>
      <text x="785" y="-808" dy="0.7ex" class="hidden_text" stroke="#d2691e">Мальдивы</text>
      <title>Мальдивы (население: 531 000)
мужчины: 78.6, женщины: 80.8, общая: 79.6 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_53"/>
      <text x="733" y="-754" dy="0.7ex" class="hidden_text" stroke="#808000">Бруней</text>
      <title>Бруней (население: 433 000)
мужчины: 73.4, женщины: 75.4, общая: 74.3 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_54"/>
      <text x="626" y="-683" dy="0.7ex" class="hidden_text" stroke="#0000ff">Вануату</text>
      <title>Вануату (население: 300 000)
мужчины: 62.7, женщины: 68.3, общая: 65.3 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_55"/>
      <text x="691" y="-718" dy="0.7ex" class="hidden_text" stroke="#0000ff">Самоа</text>
      <title>Самоа (население: 197 000)
мужчины: 69.2, женщины: 71.8, общая: 70.5 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_56"/>
      <text x="560" y="-628" dy="0.7ex" class="hidden_text" stroke="#0000ff">Кирибати</text>
      <title>Кирибати (население: 118 000)
мужчины: 56.1, женщины: 62.8, общая: 59.4 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_57"/>
      <text x="602" y="-660" dy="0.7ex" class="hidden_text" stroke="#0000ff">Микронезия</text>
      <title>Микронезия (население: 114 000)
мужчины: 60.3, женщины: 66.0, общая: 63.0 лет</title>
    </g>
    <g class="active">
      <use xlink:href="#bubble_58"/>
      <text x="697" y="-756" dy="0.7ex" class="hidden_text" stroke="#0000ff">Тонга</text>
      <title>Тонга (население: 104 000)
мужчины: 69.8, женщины: 75.6, общая: 72.6 лет</title>
    </g>
  </g>
</svg>