Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

inlineStyles removes css feature #main:hover { stroke-opacity:0; fill-opacity:0.1; } #1486

Open
JoKalliauer opened this issue Jun 6, 2021 · 2 comments
Open

inlineStyles removes css feature #main:hover { stroke-opacity:0; fill-opacity:0.1; } #1486

JoKalliauer opened this issue Jun 6, 2021 · 2 comments
Labels
bug

Comments

@JoKalliauer
Copy link

JoKalliauer commented Jun 6, 2021 •
edited
Loading

Describe the bug
The hovering does not increase the opaticity in Google Chrome , because #main:hover { stroke-opacity:0; fill-opacity:0.1; } is removed.

Input

...
 <style id="style6" type="text/css">
  #main         { font-family:Helvetica,Arial,sans-serif; font-size:16px; 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>
...
 <g id="main" fill-opacity=".5" stroke-opacity="0" font-family="Helvetica,Arial,sans-serif" font-size="16px">
...
 </g>
....

Output

...
 <style id="style6" type="text/css">
  .active:hover,.nofade{stroke-opacity:1;fill-opacity:1}.hidden_text{font-size:14px;text-anchor:end;fill:none;pointer-events:none}
 </style>
...
 <g fill-opacity=".5" stroke-opacity="0" cursor="default" font-family="Helvetica,Arial,sans-serif" font-size="16">
...
 </g>
....

Desktop (please complete the following information):

  • SVGO Version 2.3.0
  • node --version v14.17.0
  • OS: Fedora 34

copyright

source https://en.wikipedia.org/wiki/File:Comparison_gender_life_expectancy_CIA_factbook.svg

author https://commons.wikimedia.org/wiki/User:Cmglee

license https://creativecommons.org/licenses/by-sa/3.0
@JoKalliauer JoKalliauer added the bug label Jun 6, 2021
@JoKalliauer JoKalliauer changed the title css to xml of cursor="default" changes hover-behaviour css feature #main:hover { stroke-opacity:0; fill-opacity:0.1; } removed Jun 6, 2021
@JoKalliauer
Copy link
Author

I add the source-code a simplified example, since the above sample seems not to work properly.

Input-Source

Input-source-code (2194lines) 
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="350 -953 560 490">
  <style>
    #main{font-family:Helvetica,Arial,sans-serif;font-size:16px;text-anchor:middle;stroke-opacity:0;fill-opacity:.5;cursor:default}
	#main:hover{stroke-opacity:0;fill-opacity:.1}
	.active:hover,.nofade{stroke-opacity:1;fill-opacity:1}
	.hidden_text{font-size:14px;text-anchor:end;fill:none;pointer-events:none}
  </style>
  <defs>
    <g id="bubble_0" fill="#999">
      <text x="571" y="-712" dy=".7ex" text-anchor="end">WORLD</text>
      <circle cx="670" cy="-711" r="1"/>
      <circle cx="670" cy="-711" r="97.46" fill="url(#grad_-)" stroke="#999"/>
    </g>
    <g id="bubble_1" fill="#999">
      <text x="742" y="-856" dy=".7ex" text-anchor="end">EUROPEAN UNION</text>
      <circle cx="779" cy="-836" r="1"/>
      <circle cx="779" cy="-836" r="40.13" fill="url(#grad_-)" stroke="#999"/>
    </g>
    <g id="bubble_2" fill="red">
      <text x="791" y="-761" dy=".7ex">China</text>
      <circle cx="737" cy="-781" r="1"/>
      <circle cx="737" cy="-781" r="55.73" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_3" fill="#930">
      <text x="728" y="-680" dy=".7ex">India</text>
      <circle cx="678" cy="-705" r="1"/>
      <circle cx="678" cy="-705" r="54.53" fill="url(#grad_as)" stroke="#930"/>
    </g>
    <g id="bubble_4" fill="#03c">
      <text x="800" y="-795" dy=".7ex">USA</text>
      <circle cx="778" cy="-823" r="1"/>
      <circle cx="778" cy="-823" r="34.53" fill="url(#grad_na)" stroke="#03c"/>
    </g>
    <g id="bubble_5" fill="red">
      <circle cx="706" cy="-760" r="1"/>
      <circle cx="706" cy="-760" r="32.03" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_6" fill="#090">
      <circle cx="707" cy="-780" r="1"/>
      <circle cx="707" cy="-780" r="29.67" fill="url(#grad_sa)" stroke="#090"/>
    </g>
    <g id="bubble_7" fill="#930">
      <circle cx="664" cy="-705" r="1"/>
      <circle cx="664" cy="-705" r="29.62" fill="url(#grad_as)" stroke="#930"/>
    </g>
    <g id="bubble_8" fill="#000">
      <text x="548" y="-626" dy=".7ex" text-anchor="end">Nigeria</text>
      <circle cx="575" cy="-611" r="1"/>
      <circle cx="575" cy="-611" r="29.41" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_9" fill="#930">
      <circle cx="715" cy="-759" r="1"/>
      <circle cx="715" cy="-759" r="27.11" fill="url(#grad_as)" stroke="#930"/>
    </g>
    <g id="bubble_10" fill="#60c">
      <text x="629" y="-781" dy=".7ex" text-anchor="end">Russia</text>
      <circle cx="656" cy="-773" r="1"/>
      <circle cx="656" cy="-773" r="26.09" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_11" fill="red">
      <text x="805" y="-910" dy=".7ex" text-anchor="end">Japan</text>
      <circle cx="822" cy="-890" r="1"/>
      <circle cx="822" cy="-890" r="25.08" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_12" fill="#03c">
      <circle cx="735" cy="-792" r="1"/>
      <circle cx="735" cy="-792" r="25.06" fill="url(#grad_na)" stroke="#03c"/>
    </g>
    <g id="bubble_13" fill="#000">
      <text x="580" y="-660" dy=".7ex" text-anchor="end">Ethiopia</text>
      <circle cx="605" cy="-655" r="1"/>
      <circle cx="605" cy="-655" r="23.84" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_14" fill="red">
      <text x="642" y="-749" dy=".7ex" text-anchor="end">Philippines</text>
      <circle cx="661" cy="-733" r="1"/>
      <circle cx="661" cy="-733" r="23.66" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_15" fill="#000">
      <circle cx="718" cy="-747" r="1"/>
      <circle cx="718" cy="-747" r="23.16" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_16" fill="red">
      <circle cx="714" cy="-767" r="1"/>
      <circle cx="714" cy="-767" r="22.98" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_17" fill="#000">
      <text x="543" y="-606" dy=".7ex" text-anchor="end">DR Congo</text>
      <circle cx="565" cy="-597" r="1"/>
      <circle cx="565" cy="-597" r="22.01" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_18" fill="#c90">
      <circle cx="728" cy="-756" r="1"/>
      <circle cx="728" cy="-756" r="21.81" fill="url(#grad_me)" stroke="#c90"/>
    </g>
    <g id="bubble_19" fill="#c90">
      <circle cx="729" cy="-777" r="1"/>
      <circle cx="729" cy="-777" r="21.66" fill="url(#grad_me)" stroke="#c90"/>
    </g>
    <g id="bubble_20" fill="#60c">
      <circle cx="786" cy="-834" r="1"/>
      <circle cx="786" cy="-834" r="21.59" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_21" fill="red">
      <circle cx="719" cy="-785" r="1"/>
      <circle cx="719" cy="-785" r="20.47" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_22" fill="#60c">
      <circle cx="789" cy="-853" r="1"/>
      <circle cx="789" cy="-853" r="20.34" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_23" fill="#60c">
      <text x="798" y="-814" dy=".7ex">UK</text>
      <circle cx="787" cy="-832" r="1"/>
      <circle cx="787" cy="-832" r="20.11" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_24" fill="#60c">
      <circle cx="797" cy="-852" r="1"/>
      <circle cx="797" cy="-852" r="19.82" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_25" fill="red">
      <circle cx="670" cy="-703" r="1"/>
      <circle cx="670" cy="-703" r="19.09" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_26" fill="#000">
      <circle cx="616" cy="-646" r="1"/>
      <circle cx="616" cy="-646" r="19.07" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_27" fill="#000">
      <circle cx="627" cy="-656" r="1"/>
      <circle cx="627" cy="-656" r="19.06" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_28" fill="red">
      <circle cx="794" cy="-858" r="1"/>
      <circle cx="794" cy="-858" r="18.59" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_29" fill="#60c">
      <circle cx="788" cy="-850" r="1"/>
      <circle cx="788" cy="-850" r="18.34" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_30" fill="#000">
      <circle cx="631" cy="-661" r="1"/>
      <circle cx="631" cy="-661" r="18.22" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_31" fill="#090">
      <circle cx="730" cy="-795" r="1"/>
      <circle cx="730" cy="-795" r="18.19" fill="url(#grad_sa)" stroke="#090"/>
    </g>
    <g id="bubble_32" fill="#090">
      <circle cx="744" cy="-808" r="1"/>
      <circle cx="744" cy="-808" r="17.74" fill="url(#grad_sa)" stroke="#090"/>
    </g>
    <g id="bubble_33" fill="#60c">
      <text x="675" y="-798" dy=".7ex" text-anchor="end">Ukraine</text>
      <circle cx="677" cy="-774" r="1"/>
      <circle cx="677" cy="-774" r="17.65" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_34" fill="#000">
      <circle cx="637" cy="-681" r="1"/>
      <circle cx="637" cy="-681" r="17.53" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_35" fill="#000">
      <circle cx="758" cy="-787" r="1"/>
      <circle cx="758" cy="-787" r="17.33" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_36" fill="#000">
      <text x="532" y="-588" dy=".7ex" text-anchor="end">Uganda</text>
      <circle cx="548" cy="-578" r="1"/>
      <circle cx="548" cy="-578" r="17.22" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_37" fill="#c90">
      <circle cx="726" cy="-772" r="1"/>
      <circle cx="726" cy="-772" r="17.13" fill="url(#grad_me)" stroke="#c90"/>
    </g>
    <g id="bubble_38" fill="#60c">
      <circle cx="741" cy="-820" r="1"/>
      <circle cx="741" cy="-820" r="16.87" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_39" fill="#03c">
      <circle cx="794" cy="-848" r="1"/>
      <circle cx="794" cy="-848" r="16.49" fill="url(#grad_na)" stroke="#03c"/>
    </g>
    <g id="bubble_40" fill="#930">
      <text x="488" y="-541" dy=".7ex" text-anchor="end">Afghanistan</text>
      <circle cx="506" cy="-536" r="1"/>
      <circle cx="506" cy="-536" r="16.35" fill="url(#grad_as)" stroke="#930"/>
    </g>
    <g id="bubble_41" fill="#000">
      <circle cx="742" cy="-805" r="1"/>
      <circle cx="742" cy="-805" r="16.25" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_42" fill="#c90">
      <circle cx="742" cy="-773" r="1"/>
      <circle cx="742" cy="-773" r="16.05" fill="url(#grad_me)" stroke="#c90"/>
    </g>
    <g id="bubble_43" fill="red">
      <circle cx="726" cy="-784" r="1"/>
      <circle cx="726" cy="-784" r="15.84" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_44" fill="#090">
      <circle cx="732" cy="-793" r="1"/>
      <circle cx="732" cy="-793" r="15.82" fill="url(#grad_sa)" stroke="#090"/>
    </g>
    <g id="bubble_45" fill="#090">
      <circle cx="721" cy="-764" r="1"/>
      <circle cx="721" cy="-764" r="15.76" fill="url(#grad_sa)" stroke="#090"/>
    </g>
    <g id="bubble_46" fill="#000">
      <circle cx="585" cy="-627" r="1"/>
      <circle cx="585" cy="-627" r="15.6" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_47" fill="#c0c">
      <circle cx="712" cy="-775" r="1"/>
      <circle cx="712" cy="-775" r="15.54" fill="url(#grad_ca)" stroke="#c0c"/>
    </g>
    <g id="bubble_48" fill="#930">
      <circle cx="706" cy="-720" r="1"/>
      <circle cx="706" cy="-720" r="15.49" fill="url(#grad_as)" stroke="#930"/>
    </g>
    <g id="bubble_49" fill="#c90">
      <circle cx="640" cy="-685" r="1"/>
      <circle cx="640" cy="-685" r="15.3" fill="url(#grad_me)" stroke="#c90"/>
    </g>
    <g id="bubble_50" fill="#000">
      <circle cx="649" cy="-700" r="1"/>
      <circle cx="649" cy="-700" r="15.2" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_51" fill="#000">
      <text x="548" y="-541" dy=".7ex">Mozambique</text>
      <circle cx="533" cy="-549" r="1"/>
      <circle cx="533" cy="-549" r="15.04" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_52" fill="#000">
      <circle cx="580" cy="-624" r="1"/>
      <circle cx="580" cy="-624" r="14.86" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_53" fill="#000">
      <circle cx="651" cy="-682" r="1"/>
      <circle cx="651" cy="-682" r="14.75" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_54" fill="#000">
      <circle cx="580" cy="-609" r="1"/>
      <circle cx="580" cy="-609" r="14.74" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_55" fill="red">
      <circle cx="672" cy="-750" r="1"/>
      <circle cx="672" cy="-750" r="14.69" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_56" fill="red">
      <circle cx="772" cy="-837" r="1"/>
      <circle cx="772" cy="-837" r="14.33" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_57" fill="#00f">
      <circle cx="799" cy="-850" r="1"/>
      <circle cx="799" cy="-850" r="14.32" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_58" fill="#930">
      <circle cx="737" cy="-808" r="1"/>
      <circle cx="737" cy="-808" r="14.13" fill="url(#grad_as)" stroke="#930"/>
    </g>
    <g id="bubble_59" fill="#60c">
      <circle cx="721" cy="-792" r="1"/>
      <circle cx="721" cy="-792" r="13.89" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_60" fill="#000">
      <circle cx="550" cy="-577" r="1"/>
      <circle cx="550" cy="-577" r="13.54" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_61" fill="#000">
      <circle cx="602" cy="-643" r="1"/>
      <circle cx="602" cy="-643" r="13.54" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_62" fill="#000">
      <circle cx="601" cy="-636" r="1"/>
      <circle cx="601" cy="-636" r="13.51" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_63" fill="#c90">
      <circle cx="728" cy="-778" r="1"/>
      <circle cx="728" cy="-778" r="13.45" fill="url(#grad_me)" stroke="#c90"/>
    </g>
    <g id="bubble_64" fill="#c0c">
      <text x="647" y="-765" dy=".7ex" text-anchor="end">Kazakhstan</text>
      <circle cx="662" cy="-763" r="1"/>
      <circle cx="662" cy="-763" r="13.28" fill="url(#grad_ca)" stroke="#c0c"/>
    </g>
    <g id="bubble_65" fill="#000">
      <circle cx="586" cy="-630" r="1"/>
      <circle cx="586" cy="-630" r="13.21" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_66" fill="#090">
      <circle cx="760" cy="-822" r="1"/>
      <circle cx="760" cy="-822" r="13.09" fill="url(#grad_sa)" stroke="#090"/>
    </g>
    <g id="bubble_67" fill="#60c">
      <circle cx="793" cy="-838" r="1"/>
      <circle cx="793" cy="-838" r="12.89" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_68" fill="#09c">
      <circle cx="698" cy="-739" r="1"/>
      <circle cx="698" cy="-739" r="12.75" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_69" fill="#090">
      <circle cx="742" cy="-803" r="1"/>
      <circle cx="742" cy="-803" r="12.73" fill="url(#grad_sa)" stroke="#090"/>
    </g>
    <g id="bubble_70" fill="red">
      <circle cx="627" cy="-679" r="1"/>
      <circle cx="627" cy="-679" r="12.72" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_71" fill="#000">
      <text x="502" y="-555" dy=".7ex" text-anchor="end">Zambia</text>
      <circle cx="514" cy="-547" r="1"/>
      <circle cx="514" cy="-547" r="12.71" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_72" fill="#000">
      <circle cx="557" cy="-593" r="1"/>
      <circle cx="557" cy="-593" r="12.56" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_73" fill="#000">
      <circle cx="604" cy="-647" r="1"/>
      <circle cx="604" cy="-647" r="12.34" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_74" fill="#000">
      <circle cx="590" cy="-632" r="1"/>
      <circle cx="590" cy="-632" r="12.06" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_75" fill="#000">
      <circle cx="626" cy="-665" r="1"/>
      <circle cx="626" cy="-665" r="11.51" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_76" fill="#000">
      <circle cx="604" cy="-640" r="1"/>
      <circle cx="604" cy="-640" r="11.4" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_77" fill="#000">
      <circle cx="596" cy="-632" r="1"/>
      <circle cx="596" cy="-632" r="11.4" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_78" fill="#60c">
      <circle cx="786" cy="-839" r="1"/>
      <circle cx="786" cy="-839" r="11.31" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_79" fill="#000">
      <circle cx="743" cy="-776" r="1"/>
      <circle cx="743" cy="-776" r="11.29" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_80" fill="#000">
      <circle cx="612" cy="-642" r="1"/>
      <circle cx="612" cy="-642" r="11.23" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_81" fill="#090">
      <circle cx="670" cy="-728" r="1"/>
      <circle cx="670" cy="-728" r="11.22" fill="url(#grad_sa)" stroke="#090"/>
    </g>
    <g id="bubble_82" fill="#000">
      <text x="508" y="-570" dy=".7ex" text-anchor="end">Somalia</text>
      <circle cx="510" cy="-554" r="1"/>
      <circle cx="510" cy="-554" r="11.21" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_83" fill="#09c">
      <circle cx="766" cy="-814" r="1"/>
      <circle cx="766" cy="-814" r="11.16" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_84" fill="#09c">
      <circle cx="619" cy="-672" r="1"/>
      <circle cx="619" cy="-672" r="11.05" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_85" fill="#60c">
      <circle cx="782" cy="-836" r="1"/>
      <circle cx="782" cy="-836" r="11.04" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_86" fill="#60c">
      <circle cx="760" cy="-821" r="1"/>
      <circle cx="760" cy="-821" r="11.01" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_87" fill="#c90">
      <circle cx="736" cy="-766" r="1"/>
      <circle cx="736" cy="-766" r="10.93" fill="url(#grad_me)" stroke="#c90"/>
    </g>
    <g id="bubble_88" fill="#60c">
      <circle cx="777" cy="-842" r="1"/>
      <circle cx="777" cy="-842" r="10.9" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_89" fill="#09c">
      <circle cx="697" cy="-731" r="1"/>
      <circle cx="697" cy="-731" r="10.88" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_90" fill="#c90">
      <circle cx="700" cy="-764" r="1"/>
      <circle cx="700" cy="-764" r="10.79" fill="url(#grad_me)" stroke="#c90"/>
    </g>
    <g id="bubble_91" fill="#60c">
      <circle cx="803" cy="-843" r="1"/>
      <circle cx="803" cy="-843" r="10.79" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_92" fill="#60c">
      <circle cx="726" cy="-802" r="1"/>
      <circle cx="726" cy="-802" r="10.71" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_93" fill="#c90">
      <circle cx="773" cy="-801" r="1"/>
      <circle cx="773" cy="-801" r="10.66" fill="url(#grad_me)" stroke="#c90"/>
    </g>
    <g id="bubble_94" fill="#60c">
      <circle cx="678" cy="-790" r="1"/>
      <circle cx="678" cy="-790" r="10.6" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_95" fill="#09c">
      <circle cx="696" cy="-730" r="1"/>
      <circle cx="696" cy="-730" r="10.47" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_96" fill="#60c">
      <circle cx="790" cy="-845" r="1"/>
      <circle cx="790" cy="-845" r="10.32" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_97" fill="#c0c">
      <circle cx="652" cy="-717" r="1"/>
      <circle cx="652" cy="-717" r="10.25" fill="url(#grad_ca)" stroke="#c0c"/>
    </g>
    <g id="bubble_98" fill="#c90">
      <circle cx="808" cy="-847" r="1"/>
      <circle cx="808" cy="-847" r="10.17" fill="url(#grad_me)" stroke="#c90"/>
    </g>
    <g id="bubble_99" fill="#60c">
      <circle cx="804" cy="-852" r="1"/>
      <circle cx="804" cy="-852" r="10.12" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_100" fill="#000">
      <circle cx="631" cy="-686" r="1"/>
      <circle cx="631" cy="-686" r="10.07" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_101" fill="red">
      <circle cx="629" cy="-671" r="1"/>
      <circle cx="629" cy="-671" r="9.67" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_102" fill="red">
      <circle cx="804" cy="-860" r="1"/>
      <circle cx="804" cy="-860" r="9.66" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_103" fill="#60c">
      <circle cx="730" cy="-790" r="1"/>
      <circle cx="730" cy="-790" r="9.6" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_104" fill="#60c">
      <circle cx="715" cy="-783" r="1"/>
      <circle cx="715" cy="-783" r="9.59" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_105" fill="red">
      <circle cx="653" cy="-698" r="1"/>
      <circle cx="653" cy="-698" r="9.58" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_106" fill="#090">
      <circle cx="749" cy="-804" r="1"/>
      <circle cx="749" cy="-804" r="9.58" fill="url(#grad_sa)" stroke="#090"/>
    </g>
    <g id="bubble_107" fill="#000">
      <circle cx="751" cy="-787" r="1"/>
      <circle cx="751" cy="-787" r="9.45" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_108" fill="#000">
      <circle cx="564" cy="-617" r="1"/>
      <circle cx="564" cy="-617" r="9.24" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_109" fill="#09c">
      <circle cx="718" cy="-786" r="1"/>
      <circle cx="718" cy="-786" r="9.18" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_110" fill="#c90">
      <circle cx="766" cy="-793" r="1"/>
      <circle cx="766" cy="-793" r="9.14" fill="url(#grad_me)" stroke="#c90"/>
    </g>
    <g id="bubble_111" fill="#09c">
      <circle cx="715" cy="-761" r="1"/>
      <circle cx="715" cy="-761" r="9.13" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_112" fill="red">
      <text x="830" y="-870" dy=".7ex">Singapore</text>
      <circle cx="828" cy="-883" r="1"/>
      <circle cx="828" cy="-883" r="9.08" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_113" fill="#000">
      <circle cx="630" cy="-682" r="1"/>
      <circle cx="630" cy="-682" r="9.07" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_114" fill="#c0c">
      <circle cx="671" cy="-756" r="1"/>
      <circle cx="671" cy="-756" r="9.01" fill="url(#grad_ca)" stroke="#c0c"/>
    </g>
    <g id="bubble_115" fill="#60c">
      <circle cx="791" cy="-831" r="1"/>
      <circle cx="791" cy="-831" r="8.99" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_116" fill="#000">
      <circle cx="519" cy="-547" r="1"/>
      <circle cx="519" cy="-547" r="8.96" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_117" fill="#60c">
      <circle cx="781" cy="-842" r="1"/>
      <circle cx="781" cy="-842" r="8.85" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_118" fill="#60c">
      <circle cx="739" cy="-812" r="1"/>
      <circle cx="739" cy="-812" r="8.8" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_119" fill="#c0c">
      <circle cx="676" cy="-739" r="1"/>
      <circle cx="676" cy="-739" r="8.78" fill="url(#grad_ca)" stroke="#c0c"/>
    </g>
    <g id="bubble_120" fill="#60c">
      <circle cx="799" cy="-841" r="1"/>
      <circle cx="799" cy="-841" r="8.76" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_121" fill="#60c">
      <circle cx="787" cy="-835" r="1"/>
      <circle cx="787" cy="-835" r="8.59" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_122" fill="#000">
      <circle cx="590" cy="-616" r="1"/>
      <circle cx="590" cy="-616" r="8.59" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_123" fill="#09c">
      <circle cx="762" cy="-817" r="1"/>
      <circle cx="762" cy="-817" r="8.54" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_124" fill="#c90">
      <circle cx="725" cy="-809" r="1"/>
      <circle cx="725" cy="-809" r="8.51" fill="url(#grad_me)" stroke="#c90"/>
    </g>
    <g id="bubble_125" fill="#000">
      <circle cx="616" cy="-660" r="1"/>
      <circle cx="616" cy="-660" r="8.44" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_126" fill="#00f">
      <circle cx="792" cy="-836" r="1"/>
      <circle cx="792" cy="-836" r="8.28" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_127" fill="#60c">
      <circle cx="732" cy="-796" r="1"/>
      <circle cx="732" cy="-796" r="8.11" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_128" fill="#60c">
      <circle cx="741" cy="-803" r="1"/>
      <circle cx="741" cy="-803" r="7.84" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_129" fill="#000">
      <circle cx="614" cy="-662" r="1"/>
      <circle cx="614" cy="-662" r="7.83" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_130" fill="#09c">
      <circle cx="761" cy="-819" r="1"/>
      <circle cx="761" cy="-819" r="7.8" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_131" fill="#c90">
      <circle cx="739" cy="-780" r="1"/>
      <circle cx="739" cy="-780" r="7.59" fill="url(#grad_me)" stroke="#c90"/>
    </g>
    <g id="bubble_132" fill="#60c">
      <circle cx="674" cy="-754" r="1"/>
      <circle cx="674" cy="-754" r="7.55" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_133" fill="#090">
      <circle cx="744" cy="-808" r="1"/>
      <circle cx="744" cy="-808" r="7.5" fill="url(#grad_sa)" stroke="#090"/>
    </g>
    <g id="bubble_134" fill="#09c">
      <circle cx="777" cy="-845" r="1"/>
      <circle cx="777" cy="-845" r="7.44" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_135" fill="red">
      <circle cx="660" cy="-747" r="1"/>
      <circle cx="660" cy="-747" r="7.29" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_136" fill="#60c">
      <circle cx="760" cy="-816" r="1"/>
      <circle cx="760" cy="-816" r="7.26" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_137" fill="#c90">
      <circle cx="718" cy="-787" r="1"/>
      <circle cx="718" cy="-787" r="7.24" fill="url(#grad_me)" stroke="#c90"/>
    </g>
    <g id="bubble_138" fill="#c90">
      <circle cx="769" cy="-798" r="1"/>
      <circle cx="769" cy="-798" r="7.14" fill="url(#grad_me)" stroke="#c90"/>
    </g>
    <g id="bubble_139" fill="#09c">
      <circle cx="727" cy="-765" r="1"/>
      <circle cx="727" cy="-765" r="7.06" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_140" fill="#c90">
      <circle cx="734" cy="-776" r="1"/>
      <circle cx="734" cy="-776" r="7.05" fill="url(#grad_me)" stroke="#c90"/>
    </g>
    <g id="bubble_141" fill="#60c">
      <text x="693" y="-814" dy=".7ex" text-anchor="end">Lithuania</text>
      <circle cx="699" cy="-808" r="1"/>
      <circle cx="699" cy="-808" r="7.04" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_142" fill="#000">
      <circle cx="627" cy="-662" r="1"/>
      <circle cx="627" cy="-662" r="6.82" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_143" fill="#c90">
      <circle cx="769" cy="-812" r="1"/>
      <circle cx="769" cy="-812" r="6.66" fill="url(#grad_me)" stroke="#c90"/>
    </g>
    <g id="bubble_144" fill="#000">
      <circle cx="618" cy="-660" r="1"/>
      <circle cx="618" cy="-660" r="6.55" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_145" fill="#000">
      <circle cx="663" cy="-696" r="1"/>
      <circle cx="663" cy="-696" r="6.42" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_146" fill="#60c">
      <circle cx="738" cy="-782" r="1"/>
      <circle cx="738" cy="-782" r="6.42" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_147" fill="#60c">
      <circle cx="783" cy="-842" r="1"/>
      <circle cx="783" cy="-842" r="6.41" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_148" fill="#000">
      <circle cx="630" cy="-678" r="1"/>
      <circle cx="630" cy="-678" r="6.4" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_149" fill="#000">
      <text x="532" y="-519" dy=".7ex">Lesotho</text>
      <circle cx="530" cy="-531" r="1"/>
      <circle cx="530" cy="-531" r="6.26" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_150" fill="#60c">
      <circle cx="704" cy="-797" r="1"/>
      <circle cx="704" cy="-797" r="6.22" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_151" fill="#c90">
      <circle cx="727" cy="-762" r="1"/>
      <circle cx="727" cy="-762" r="6.12" fill="url(#grad_me)" stroke="#c90"/>
    </g>
    <g id="bubble_152" fill="#000">
      <circle cx="592" cy="-636" r="1"/>
      <circle cx="592" cy="-636" r="6.12" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_153" fill="#c90">
      <circle cx="769" cy="-815" r="1"/>
      <circle cx="769" cy="-815" r="5.65" fill="url(#grad_me)" stroke="#c90"/>
    </g>
    <g id="bubble_154" fill="#000">
      <circle cx="726" cy="-797" r="1"/>
      <circle cx="726" cy="-797" r="5.55" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_155" fill="red">
      <circle cx="671" cy="-704" r="1"/>
      <circle cx="671" cy="-704" r="5.49" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_156" fill="#60c">
      <circle cx="723" cy="-820" r="1"/>
      <circle cx="723" cy="-820" r="5.38" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_157" fill="#60c">
      <circle cx="762" cy="-819" r="1"/>
      <circle cx="762" cy="-819" r="5.37" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_158" fill="#09c">
      <circle cx="705" cy="-764" r="1"/>
      <circle cx="705" cy="-764" r="5.34" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_159" fill="#000">
      <circle cx="551" cy="-593" r="1"/>
      <circle cx="551" cy="-593" r="5.14" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_160" fill="#00f">
      <circle cx="705" cy="-760" r="1"/>
      <circle cx="705" cy="-760" r="4.87" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_161" fill="#000">
      <circle cx="614" cy="-666" r="1"/>
      <circle cx="614" cy="-666" r="4.8" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_162" fill="#000">
      <circle cx="626" cy="-674" r="1"/>
      <circle cx="626" cy="-674" r="4.68" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_163" fill="#000">
      <circle cx="638" cy="-662" r="1"/>
      <circle cx="638" cy="-662" r="4.64" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_164" fill="#930">
      <circle cx="701" cy="-722" r="1"/>
      <circle cx="701" cy="-722" r="4.58" fill="url(#grad_as)" stroke="#930"/>
    </g>
    <g id="bubble_165" fill="#090">
      <circle cx="659" cy="-721" r="1"/>
      <circle cx="659" cy="-721" r="4.52" fill="url(#grad_sa)" stroke="#090"/>
    </g>
    <g id="bubble_166" fill="#00f">
      <circle cx="731" cy="-786" r="1"/>
      <circle cx="731" cy="-786" r="4.35" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_167" fill="#000">
      <circle cx="614" cy="-662" r="1"/>
      <circle cx="614" cy="-662" r="4.26" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_168" fill="red">
      <text x="814" y="-887" dy=".7ex" text-anchor="end">Macau</text>
      <circle cx="816" cy="-877" r="1"/>
      <circle cx="816" cy="-877" r="4.23" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_169" fill="#60c">
      <circle cx="799" cy="-850" r="1"/>
      <circle cx="799" cy="-850" r="4.23" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_170" fill="#090">
      <circle cx="703" cy="-753" r="1"/>
      <circle cx="703" cy="-753" r="4.21" fill="url(#grad_sa)" stroke="#090"/>
    </g>
    <g id="bubble_171" fill="#000">
      <circle cx="703" cy="-751" r="1"/>
      <circle cx="703" cy="-751" r="4.14" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_172" fill="red">
      <circle cx="752" cy="-800" r="1"/>
      <circle cx="752" cy="-800" r="3.83" fill="url(#grad_ea)" stroke="red"/>
    </g>
    <g id="bubble_173" fill="#60c">
      <circle cx="806" cy="-848" r="1"/>
      <circle cx="806" cy="-848" r="3.83" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_174" fill="#930">
      <circle cx="737" cy="-785" r="1"/>
      <circle cx="737" cy="-785" r="3.66" fill="url(#grad_as)" stroke="#930"/>
    </g>
    <g id="bubble_175" fill="#09c">
      <circle cx="731" cy="-763" r="1"/>
      <circle cx="731" cy="-763" r="3.64" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_176" fill="#60c">
      <circle cx="809" cy="-855" r="1"/>
      <circle cx="809" cy="-855" r="3.5" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_177" fill="#09c">
      <circle cx="704" cy="-754" r="1"/>
      <circle cx="704" cy="-754" r="3.46" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_178" fill="#09c">
      <circle cx="733" cy="-781" r="1"/>
      <circle cx="733" cy="-781" r="3.32" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_179" fill="#00f">
      <circle cx="752" cy="-800" r="1"/>
      <circle cx="752" cy="-800" r="3.31" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_180" fill="#00f">
      <circle cx="724" cy="-757" r="1"/>
      <circle cx="724" cy="-757" r="3.3" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_181" fill="#00f">
      <circle cx="741" cy="-822" r="1"/>
      <circle cx="741" cy="-822" r="3.28" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_182" fill="#000">
      <circle cx="643" cy="-671" r="1"/>
      <circle cx="643" cy="-671" r="2.95" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_183" fill="#00f">
      <circle cx="713" cy="-773" r="1"/>
      <circle cx="713" cy="-773" r="2.93" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_184" fill="#00f">
      <circle cx="739" cy="-789" r="1"/>
      <circle cx="739" cy="-789" r="2.76" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_185" fill="#09c">
      <circle cx="754" cy="-810" r="1"/>
      <circle cx="754" cy="-810" r="2.75" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_186" fill="#09c">
      <circle cx="763" cy="-811" r="1"/>
      <circle cx="763" cy="-811" r="2.66" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_187" fill="#09c">
      <circle cx="741" cy="-803" r="1"/>
      <circle cx="741" cy="-803" r="2.44" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_188" fill="#09c">
      <circle cx="721" cy="-776" r="1"/>
      <circle cx="721" cy="-776" r="2.41" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_189" fill="#00f">
      <circle cx="643" cy="-695" r="1"/>
      <circle cx="643" cy="-695" r="2.39" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_190" fill="#09c">
      <circle cx="763" cy="-830" r="1"/>
      <circle cx="763" cy="-830" r="2.37" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_191" fill="#00f">
      <circle cx="750" cy="-783" r="1"/>
      <circle cx="750" cy="-783" r="2.37" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_192" fill="#00f">
      <circle cx="713" cy="-756" r="1"/>
      <circle cx="713" cy="-756" r="2.35" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_193" fill="#09c">
      <circle cx="737" cy="-779" r="1"/>
      <circle cx="737" cy="-779" r="2.33" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_194" fill="#60c">
      <circle cx="795" cy="-847" r="1"/>
      <circle cx="795" cy="-847" r="2.32" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_195" fill="#09c">
      <circle cx="748" cy="-792" r="1"/>
      <circle cx="748" cy="-792" r="2.29" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_196" fill="#000">
      <circle cx="707" cy="-798" r="1"/>
      <circle cx="707" cy="-798" r="2.28" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_197" fill="#60c">
      <circle cx="796" cy="-833" r="1"/>
      <circle cx="796" cy="-833" r="2.24" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_198" fill="#60c">
      <circle cx="807" cy="-853" r="1"/>
      <circle cx="807" cy="-853" r="2.2" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_199" fill="#00f">
      <circle cx="714" cy="-760" r="1"/>
      <circle cx="714" cy="-760" r="2.11" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_200" fill="#09c">
      <circle cx="744" cy="-805" r="1"/>
      <circle cx="744" cy="-805" r="2.1" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_201" fill="#03c">
      <circle cx="783" cy="-847" r="1"/>
      <circle cx="783" cy="-847" r="2.07" fill="url(#grad_na)" stroke="#03c"/>
    </g>
    <g id="bubble_202" fill="#60c">
      <circle cx="800" cy="-855" r="1"/>
      <circle cx="800" cy="-855" r="2.03" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_203" fill="#09c">
      <circle cx="787" cy="-842" r="1"/>
      <circle cx="787" cy="-842" r="1.95" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_204" fill="#03c">
      <circle cx="702" cy="-758" r="1"/>
      <circle cx="702" cy="-758" r="1.93" fill="url(#grad_na)" stroke="#03c"/>
    </g>
    <g id="bubble_205" fill="#09c">
      <circle cx="773" cy="-830" r="1"/>
      <circle cx="773" cy="-830" r="1.89" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_206" fill="#09c">
      <circle cx="737" cy="-787" r="1"/>
      <circle cx="737" cy="-787" r="1.88" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_207" fill="#00f">
      <circle cx="736" cy="-781" r="1"/>
      <circle cx="736" cy="-781" r="1.87" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_208" fill="#60c">
      <circle cx="781" cy="-833" r="1"/>
      <circle cx="781" cy="-833" r="1.85" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_209" fill="#00f">
      <circle cx="716" cy="-762" r="1"/>
      <circle cx="716" cy="-762" r="1.85" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_210" fill="#09c">
      <circle cx="761" cy="-809" r="1"/>
      <circle cx="761" cy="-809" r="1.75" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_211" fill="#60c">
      <circle cx="798" cy="-848" r="1"/>
      <circle cx="798" cy="-848" r="1.69" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_212" fill="#09c">
      <circle cx="775" cy="-804" r="1"/>
      <circle cx="775" cy="-804" r="1.65" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_213" fill="#60c">
      <circle cx="808" cy="-862" r="1"/>
      <circle cx="808" cy="-862" r="1.62" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_214" fill="#60c">
      <text x="852" y="-935" dy=".7ex" text-anchor="end">Monaco</text>
      <circle cx="855" cy="-934" r="1"/>
      <circle cx="855" cy="-934" r="1.57" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_215" fill="#60c">
      <circle cx="768" cy="-828" r="1"/>
      <circle cx="768" cy="-828" r="1.54" fill="url(#grad_eu)" stroke="#60c"/>
    </g>
    <g id="bubble_216" fill="#00f">
      <circle cx="704" cy="-770" r="1"/>
      <circle cx="704" cy="-770" r="1.39" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_217" fill="#09c">
      <circle cx="790" cy="-843" r="1"/>
      <circle cx="790" cy="-843" r="1.3" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_218" fill="#00f">
      <circle cx="770" cy="-831" r="1"/>
      <circle cx="770" cy="-831" r="1.25" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_219" fill="#00f">
      <circle cx="650" cy="-695" r="1"/>
      <circle cx="650" cy="-695" r="1.12" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_220" fill="#00f">
      <text x="634" y="-715" dy=".7ex" text-anchor="end">Nauru</text>
      <circle cx="636" cy="-712" r="1"/>
      <circle cx="636" cy="-712" r="1.07" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_221" fill="#00f">
      <circle cx="734" cy="-792" r="1"/>
      <circle cx="734" cy="-792" r="1.04" fill="url(#grad_oc)" stroke="#00f"/>
    </g>
    <g id="bubble_222" fill="#000">
      <circle cx="768" cy="-829" r="1"/>
      <circle cx="768" cy="-829" r=".99" fill="url(#grad_af)" stroke="#000"/>
    </g>
    <g id="bubble_223" fill="#03c">
      <circle cx="784" cy="-832" r="1"/>
      <circle cx="784" cy="-832" r=".88" fill="url(#grad_na)" stroke="#03c"/>
    </g>
    <g id="bubble_224" fill="#09c">
      <text x="763" y="-727" dy=".7ex">Montserrat</text>
      <circle cx="761" cy="-735" r="1"/>
      <circle cx="761" cy="-735" r=".87" fill="url(#grad_la)" stroke="#09c"/>
    </g>
    <g id="bubble_225" fill="#090">
      <circle cx="756" cy="-796" r="1"/>
      <circle cx="756" cy="-796" r=".74" fill="url(#grad_sa)" stroke="#090"/>
    </g>
    <g id="grid_x_5">
      <use xlink:href="#grid_x"/>
      <use xlink:href="#grid_x" transform="translate(10)"/>
      <use xlink:href="#grid_x" transform="translate(20)"/>
      <use xlink:href="#grid_x" transform="translate(30)"/>
      <use xlink:href="#grid_x" transform="translate(40)"/>
      <use xlink:href="#grid_x" transform="translate(50)"/>
    </g>
    <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>
    <radialGradient id="grad_na" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
      <stop offset="50%" stop-color="#03c" stop-opacity="0"/>
      <stop offset="70%" stop-color="#03c" stop-opacity=".05"/>
      <stop offset="99%" stop-color="#03c" stop-opacity=".25"/>
    </radialGradient>
    <radialGradient id="grad_la" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
      <stop offset="50%" stop-color="#09c" stop-opacity="0"/>
      <stop offset="70%" stop-color="#09c" stop-opacity=".05"/>
      <stop offset="99%" stop-color="#09c" stop-opacity=".25"/>
    </radialGradient>
    <radialGradient id="grad_sa" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
      <stop offset="50%" stop-color="#090" stop-opacity="0"/>
      <stop offset="70%" stop-color="#090" stop-opacity=".05"/>
      <stop offset="99%" stop-color="#090" stop-opacity=".25"/>
    </radialGradient>
    <radialGradient id="grad_eu" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
      <stop offset="50%" stop-color="#60c" stop-opacity="0"/>
      <stop offset="70%" stop-color="#60c" stop-opacity=".05"/>
      <stop offset="99%" stop-color="#60c" stop-opacity=".25"/>
    </radialGradient>
    <radialGradient id="grad_af" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
      <stop offset="50%" stop-opacity="0"/>
      <stop offset="70%" stop-opacity=".05"/>
      <stop offset="99%" stop-opacity=".25"/>
    </radialGradient>
    <radialGradient id="grad_me" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
      <stop offset="50%" stop-color="#c90" stop-opacity="0"/>
      <stop offset="70%" stop-color="#c90" stop-opacity=".05"/>
      <stop offset="99%" stop-color="#c90" stop-opacity=".25"/>
    </radialGradient>
    <radialGradient id="grad_ca" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
      <stop offset="50%" stop-color="#c0c" stop-opacity="0"/>
      <stop offset="70%" stop-color="#c0c" stop-opacity=".05"/>
      <stop offset="99%" stop-color="#c0c" stop-opacity=".25"/>
    </radialGradient>
    <radialGradient id="grad_as" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
      <stop offset="50%" stop-color="#930" stop-opacity="0"/>
      <stop offset="70%" stop-color="#930" stop-opacity=".05"/>
      <stop offset="99%" stop-color="#930" stop-opacity=".25"/>
    </radialGradient>
    <radialGradient id="grad_ea" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
      <stop offset="50%" stop-color="red" stop-opacity="0"/>
      <stop offset="70%" stop-color="red" stop-opacity=".05"/>
      <stop offset="99%" stop-color="red" stop-opacity=".25"/>
    </radialGradient>
    <radialGradient id="grad_oc" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
      <stop offset="50%" stop-color="#00f" stop-opacity="0"/>
      <stop offset="70%" stop-color="#00f" stop-opacity=".05"/>
      <stop offset="99%" stop-color="#00f" stop-opacity=".25"/>
    </radialGradient>
    <radialGradient id="grad_-" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
      <stop offset="50%" stop-color="#999" stop-opacity="0"/>
      <stop offset="70%" stop-color="#999" stop-opacity=".05"/>
      <stop offset="99%" stop-color="#999" stop-opacity=".25"/>
    </radialGradient>
    <path id="grid_x" d="M0-500v-450"/>
    <path id="grid_y" d="M400 0h500"/>
  </defs>
  <g id="main">
    <g class="nofade">
      <circle r="99999" fill="#fff"/>
      <g stroke="#000" stroke-opacity=".05">
        <use xlink:href="#grid_x_5" transform="translate(400)"/>
        <use xlink:href="#grid_x_5" transform="translate(450)"/>
        <use xlink:href="#grid_x_5" transform="translate(500)"/>
        <use xlink:href="#grid_x_5" transform="translate(550)"/>
        <use xlink:href="#grid_x_5" transform="translate(600)"/>
        <use xlink:href="#grid_x_5" transform="translate(650)"/>
        <use xlink:href="#grid_x_5" transform="translate(700)"/>
        <use xlink:href="#grid_x_5" transform="translate(750)"/>
        <use xlink:href="#grid_x_5" transform="translate(800)"/>
        <use xlink:href="#grid_x_5" transform="translate(850)"/>
        <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)"/>
        <use xlink:href="#grid_y_5" transform="translate(0 -900)"/>
      </g>
      <text x="650" y="-467">Male life expectancy at birth in years</text>
      <text x="750" y="365" transform="rotate(-90)">Female life expectancy at birth in years</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="-490">50</text>
      <text x="385" y="-540">55</text>
      <text x="385" y="-590">60</text>
      <text x="385" y="-640">65</text>
      <text x="385" y="-690">70</text>
      <text x="385" y="-740">75</text>
      <text x="385" y="-790">80</text>
      <text x="385" y="-840">85</text>
      <text x="385" y="-890">90</text>
      <text x="385" y="-940">95</text>
      <path stroke="#0c0" stroke-dasharray="2 1" stroke-width="2" d="m500-500 400-400"/>
    </g>
    <g text-anchor="start">
      <rect width="154" height="210" x="403" y="-945" fill="#fff" stroke="#999" class="nofade" rx="5" ry="5"/>
      <g class="active">
        <text x="425" y="-930" fill="#03c">North America</text>
        <text x="425" y="-930" fill="#03c">North America</text>
        <circle cx="415" cy="-935" r="8" fill="url(#grad_na)"/>
        <circle cx="415" cy="-935" r="8" fill="url(#grad_na)"/>
        <circle cx="415" cy="-935" r="1" fill="#03c"/>
        <use xlink:href="#bubble_4"/>
        <use xlink:href="#bubble_12"/>
        <use xlink:href="#bubble_39"/>
        <use xlink:href="#bubble_201"/>
        <use xlink:href="#bubble_204"/>
        <use xlink:href="#bubble_223"/>
      </g>
      <g class="active">
        <text x="425" y="-911" fill="#09c">Central America</text>
        <text x="425" y="-911" fill="#09c">Central America</text>
        <circle cx="415" cy="-916" r="8" fill="url(#grad_la)"/>
        <circle cx="415" cy="-916" r="8" fill="url(#grad_la)"/>
        <circle cx="415" cy="-916" r="1" fill="#09c"/>
        <use xlink:href="#bubble_68"/>
        <use xlink:href="#bubble_83"/>
        <use xlink:href="#bubble_84"/>
        <use xlink:href="#bubble_89"/>
        <use xlink:href="#bubble_95"/>
        <use xlink:href="#bubble_109"/>
        <use xlink:href="#bubble_111"/>
        <use xlink:href="#bubble_123"/>
        <use xlink:href="#bubble_130"/>
        <use xlink:href="#bubble_134"/>
        <use xlink:href="#bubble_139"/>
        <use xlink:href="#bubble_158"/>
        <use xlink:href="#bubble_175"/>
        <use xlink:href="#bubble_177"/>
        <use xlink:href="#bubble_178"/>
        <use xlink:href="#bubble_185"/>
        <use xlink:href="#bubble_186"/>
        <use xlink:href="#bubble_187"/>
        <use xlink:href="#bubble_188"/>
        <use xlink:href="#bubble_190"/>
        <use xlink:href="#bubble_193"/>
        <use xlink:href="#bubble_195"/>
        <use xlink:href="#bubble_200"/>
        <use xlink:href="#bubble_203"/>
        <use xlink:href="#bubble_205"/>
        <use xlink:href="#bubble_206"/>
        <use xlink:href="#bubble_210"/>
        <use xlink:href="#bubble_212"/>
        <use xlink:href="#bubble_217"/>
        <use xlink:href="#bubble_224"/>
      </g>
      <g class="active">
        <text x="425" y="-892" fill="#090">South America</text>
        <text x="425" y="-892" fill="#090">South America</text>
        <circle cx="415" cy="-897" r="8" fill="url(#grad_sa)"/>
        <circle cx="415" cy="-897" r="8" fill="url(#grad_sa)"/>
        <circle cx="415" cy="-897" r="1" fill="#090"/>
        <use xlink:href="#bubble_6"/>
        <use xlink:href="#bubble_31"/>
        <use xlink:href="#bubble_32"/>
        <use xlink:href="#bubble_44"/>
        <use xlink:href="#bubble_45"/>
        <use xlink:href="#bubble_66"/>
        <use xlink:href="#bubble_69"/>
        <use xlink:href="#bubble_81"/>
        <use xlink:href="#bubble_106"/>
        <use xlink:href="#bubble_133"/>
        <use xlink:href="#bubble_165"/>
        <use xlink:href="#bubble_170"/>
        <use xlink:href="#bubble_225"/>
      </g>
      <g class="active">
        <text x="425" y="-873" fill="#60c">Europe</text>
        <text x="425" y="-873" fill="#60c">Europe</text>
        <circle cx="415" cy="-878" r="8" fill="url(#grad_eu)"/>
        <circle cx="415" cy="-878" r="8" fill="url(#grad_eu)"/>
        <circle cx="415" cy="-878" r="1" fill="#60c"/>
        <use xlink:href="#bubble_10"/>
        <use xlink:href="#bubble_20"/>
        <use xlink:href="#bubble_22"/>
        <use xlink:href="#bubble_23"/>
        <use xlink:href="#bubble_24"/>
        <use xlink:href="#bubble_29"/>
        <use xlink:href="#bubble_33"/>
        <use xlink:href="#bubble_38"/>
        <use xlink:href="#bubble_59"/>
        <use xlink:href="#bubble_67"/>
        <use xlink:href="#bubble_78"/>
        <use xlink:href="#bubble_85"/>
        <use xlink:href="#bubble_86"/>
        <use xlink:href="#bubble_88"/>
        <use xlink:href="#bubble_91"/>
        <use xlink:href="#bubble_92"/>
        <use xlink:href="#bubble_94"/>
        <use xlink:href="#bubble_96"/>
        <use xlink:href="#bubble_99"/>
        <use xlink:href="#bubble_103"/>
        <use xlink:href="#bubble_104"/>
        <use xlink:href="#bubble_115"/>
        <use xlink:href="#bubble_117"/>
        <use xlink:href="#bubble_118"/>
        <use xlink:href="#bubble_120"/>
        <use xlink:href="#bubble_121"/>
        <use xlink:href="#bubble_127"/>
        <use xlink:href="#bubble_128"/>
        <use xlink:href="#bubble_132"/>
        <use xlink:href="#bubble_136"/>
        <use xlink:href="#bubble_141"/>
        <use xlink:href="#bubble_146"/>
        <use xlink:href="#bubble_147"/>
        <use xlink:href="#bubble_150"/>
        <use xlink:href="#bubble_156"/>
        <use xlink:href="#bubble_157"/>
        <use xlink:href="#bubble_169"/>
        <use xlink:href="#bubble_173"/>
        <use xlink:href="#bubble_176"/>
        <use xlink:href="#bubble_194"/>
        <use xlink:href="#bubble_197"/>
        <use xlink:href="#bubble_198"/>
        <use xlink:href="#bubble_202"/>
        <use xlink:href="#bubble_208"/>
        <use xlink:href="#bubble_211"/>
        <use xlink:href="#bubble_213"/>
        <use xlink:href="#bubble_214"/>
        <use xlink:href="#bubble_215"/>
      </g>
      <g class="active">
        <text x="425" y="-854">Africa</text>
        <text x="425" y="-854">Africa</text>
        <circle cx="415" cy="-859" r="8" fill="url(#grad_af)"/>
        <circle cx="415" cy="-859" r="8" fill="url(#grad_af)"/>
        <circle cx="415" cy="-859" r="1"/>
        <use xlink:href="#bubble_8"/>
        <use xlink:href="#bubble_13"/>
        <use xlink:href="#bubble_15"/>
        <use xlink:href="#bubble_17"/>
        <use xlink:href="#bubble_26"/>
        <use xlink:href="#bubble_27"/>
        <use xlink:href="#bubble_30"/>
        <use xlink:href="#bubble_34"/>
        <use xlink:href="#bubble_35"/>
        <use xlink:href="#bubble_36"/>
        <use xlink:href="#bubble_41"/>
        <use xlink:href="#bubble_46"/>
        <use xlink:href="#bubble_50"/>
        <use xlink:href="#bubble_51"/>
        <use xlink:href="#bubble_52"/>
        <use xlink:href="#bubble_53"/>
        <use xlink:href="#bubble_54"/>
        <use xlink:href="#bubble_60"/>
        <use xlink:href="#bubble_61"/>
        <use xlink:href="#bubble_62"/>
        <use xlink:href="#bubble_65"/>
        <use xlink:href="#bubble_71"/>
        <use xlink:href="#bubble_72"/>
        <use xlink:href="#bubble_73"/>
        <use xlink:href="#bubble_74"/>
        <use xlink:href="#bubble_75"/>
        <use xlink:href="#bubble_76"/>
        <use xlink:href="#bubble_77"/>
        <use xlink:href="#bubble_79"/>
        <use xlink:href="#bubble_80"/>
        <use xlink:href="#bubble_82"/>
        <use xlink:href="#bubble_100"/>
        <use xlink:href="#bubble_107"/>
        <use xlink:href="#bubble_108"/>
        <use xlink:href="#bubble_113"/>
        <use xlink:href="#bubble_116"/>
        <use xlink:href="#bubble_122"/>
        <use xlink:href="#bubble_125"/>
        <use xlink:href="#bubble_129"/>
        <use xlink:href="#bubble_142"/>
        <use xlink:href="#bubble_144"/>
        <use xlink:href="#bubble_145"/>
        <use xlink:href="#bubble_148"/>
        <use xlink:href="#bubble_149"/>
        <use xlink:href="#bubble_152"/>
        <use xlink:href="#bubble_154"/>
        <use xlink:href="#bubble_159"/>
        <use xlink:href="#bubble_161"/>
        <use xlink:href="#bubble_162"/>
        <use xlink:href="#bubble_163"/>
        <use xlink:href="#bubble_167"/>
        <use xlink:href="#bubble_171"/>
        <use xlink:href="#bubble_182"/>
        <use xlink:href="#bubble_196"/>
        <use xlink:href="#bubble_222"/>
      </g>
      <g class="active">
        <text x="425" y="-835" fill="#c90">Middle East</text>
        <text x="425" y="-835" fill="#c90">Middle East</text>
        <circle cx="415" cy="-840" r="8" fill="url(#grad_me)"/>
        <circle cx="415" cy="-840" r="8" fill="url(#grad_me)"/>
        <circle cx="415" cy="-840" r="1" fill="#c90"/>
        <use xlink:href="#bubble_18"/>
        <use xlink:href="#bubble_19"/>
        <use xlink:href="#bubble_37"/>
        <use xlink:href="#bubble_42"/>
        <use xlink:href="#bubble_49"/>
        <use xlink:href="#bubble_63"/>
        <use xlink:href="#bubble_87"/>
        <use xlink:href="#bubble_90"/>
        <use xlink:href="#bubble_93"/>
        <use xlink:href="#bubble_98"/>
        <use xlink:href="#bubble_110"/>
        <use xlink:href="#bubble_124"/>
        <use xlink:href="#bubble_131"/>
        <use xlink:href="#bubble_137"/>
        <use xlink:href="#bubble_138"/>
        <use xlink:href="#bubble_140"/>
        <use xlink:href="#bubble_143"/>
        <use xlink:href="#bubble_151"/>
        <use xlink:href="#bubble_153"/>
      </g>
      <g class="active">
        <text x="425" y="-816" fill="#c0c">Central Asia</text>
        <text x="425" y="-816" fill="#c0c">Central Asia</text>
        <circle cx="415" cy="-821" r="8" fill="url(#grad_ca)"/>
        <circle cx="415" cy="-821" r="8" fill="url(#grad_ca)"/>
        <circle cx="415" cy="-821" r="1" fill="#c0c"/>
        <use xlink:href="#bubble_47"/>
        <use xlink:href="#bubble_64"/>
        <use xlink:href="#bubble_97"/>
        <use xlink:href="#bubble_114"/>
        <use xlink:href="#bubble_119"/>
      </g>
      <g class="active">
        <text x="425" y="-797" fill="#930">South Asia</text>
        <text x="425" y="-797" fill="#930">South Asia</text>
        <circle cx="415" cy="-802" r="8" fill="url(#grad_as)"/>
        <circle cx="415" cy="-802" r="8" fill="url(#grad_as)"/>
        <circle cx="415" cy="-802" r="1" fill="#930"/>
        <use xlink:href="#bubble_3"/>
        <use xlink:href="#bubble_7"/>
        <use xlink:href="#bubble_9"/>
        <use xlink:href="#bubble_40"/>
        <use xlink:href="#bubble_48"/>
        <use xlink:href="#bubble_58"/>
        <use xlink:href="#bubble_164"/>
        <use xlink:href="#bubble_174"/>
      </g>
      <g class="active">
        <text x="425" y="-778" fill="red">East/SE Asia</text>
        <text x="425" y="-778" fill="red">East/SE Asia</text>
        <circle cx="415" cy="-783" r="8" fill="url(#grad_ea)"/>
        <circle cx="415" cy="-783" r="8" fill="url(#grad_ea)"/>
        <circle cx="415" cy="-783" r="1" fill="red"/>
        <use xlink:href="#bubble_2"/>
        <use xlink:href="#bubble_5"/>
        <use xlink:href="#bubble_11"/>
        <use xlink:href="#bubble_14"/>
        <use xlink:href="#bubble_16"/>
        <use xlink:href="#bubble_21"/>
        <use xlink:href="#bubble_25"/>
        <use xlink:href="#bubble_28"/>
        <use xlink:href="#bubble_43"/>
        <use xlink:href="#bubble_55"/>
        <use xlink:href="#bubble_56"/>
        <use xlink:href="#bubble_70"/>
        <use xlink:href="#bubble_101"/>
        <use xlink:href="#bubble_102"/>
        <use xlink:href="#bubble_105"/>
        <use xlink:href="#bubble_112"/>
        <use xlink:href="#bubble_135"/>
        <use xlink:href="#bubble_155"/>
        <use xlink:href="#bubble_168"/>
        <use xlink:href="#bubble_172"/>
      </g>
      <g class="active">
        <text x="425" y="-759" fill="#00f">Australia/Oceania</text>
        <text x="425" y="-759" fill="#00f">Australia/Oceania</text>
        <circle cx="415" cy="-764" r="8" fill="url(#grad_oc)"/>
        <circle cx="415" cy="-764" r="8" fill="url(#grad_oc)"/>
        <circle cx="415" cy="-764" r="1" fill="#00f"/>
        <use xlink:href="#bubble_57"/>
        <use xlink:href="#bubble_126"/>
        <use xlink:href="#bubble_160"/>
        <use xlink:href="#bubble_166"/>
        <use xlink:href="#bubble_179"/>
        <use xlink:href="#bubble_180"/>
        <use xlink:href="#bubble_181"/>
        <use xlink:href="#bubble_183"/>
        <use xlink:href="#bubble_184"/>
        <use xlink:href="#bubble_189"/>
        <use xlink:href="#bubble_191"/>
        <use xlink:href="#bubble_192"/>
        <use xlink:href="#bubble_199"/>
        <use xlink:href="#bubble_207"/>
        <use xlink:href="#bubble_209"/>
        <use xlink:href="#bubble_216"/>
        <use xlink:href="#bubble_218"/>
        <use xlink:href="#bubble_219"/>
        <use xlink:href="#bubble_220"/>
        <use xlink:href="#bubble_221"/>
      </g>
      <g class="active">
        <text x="425" y="-740" fill="#999">Other</text>
        <text x="425" y="-740" fill="#999">Other</text>
        <circle cx="415" cy="-745" r="8" fill="url(#grad_-)"/>
        <circle cx="415" cy="-745" r="8" fill="url(#grad_-)"/>
        <circle cx="415" cy="-745" r="1" fill="#999"/>
        <use xlink:href="#bubble_0"/>
        <use xlink:href="#bubble_1"/>
      </g>
    </g>
    <use xlink:href="#bubble_0" class="active"/>
    <use xlink:href="#bubble_1" class="active"/>
    <use xlink:href="#bubble_2" class="active"/>
    <use xlink:href="#bubble_3" class="active"/>
    <use xlink:href="#bubble_4" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_5"/>
      <text x="680" y="-785" stroke="red" class="hidden_text" dy=".7ex">Indonesia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_6"/>
      <text x="683" y="-803" stroke="#090" class="hidden_text" dy=".7ex">Brazil</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_7"/>
      <text x="640" y="-728" stroke="#930" class="hidden_text" dy=".7ex">Pakistan</text>
    </g>
    <use xlink:href="#bubble_8" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_9"/>
      <text x="693" y="-780" stroke="#930" class="hidden_text" dy=".7ex">Bangladesh</text>
    </g>
    <use xlink:href="#bubble_10" class="active"/>
    <use xlink:href="#bubble_11" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_12"/>
      <text x="714" y="-812" stroke="#03c" class="hidden_text" dy=".7ex">Mexico</text>
    </g>
    <use xlink:href="#bubble_13" class="active"/>
    <use xlink:href="#bubble_14" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_15"/>
      <text x="699" y="-765" stroke="#000" class="hidden_text" dy=".7ex">Egypt</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_16"/>
      <text x="695" y="-785" stroke="red" class="hidden_text" dy=".7ex">Vietnam</text>
    </g>
    <use xlink:href="#bubble_17" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_18"/>
      <text x="710" y="-773" stroke="#c90" class="hidden_text" dy=".7ex">Iran</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_19"/>
      <text x="711" y="-794" stroke="#c90" class="hidden_text" dy=".7ex">Turkey</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_20"/>
      <text x="768" y="-851" stroke="#60c" class="hidden_text" dy=".7ex">Germany</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_21"/>
      <text x="702" y="-801" stroke="red" class="hidden_text" dy=".7ex">Thailand</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_22"/>
      <text x="772" y="-869" stroke="#60c" class="hidden_text" dy=".7ex">France</text>
    </g>
    <use xlink:href="#bubble_23" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_24"/>
      <text x="781" y="-867" stroke="#60c" class="hidden_text" dy=".7ex">Italy</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_25"/>
      <text x="654" y="-718" stroke="red" class="hidden_text" dy=".7ex">Burma</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_26"/>
      <text x="600" y="-661" stroke="#000" class="hidden_text" dy=".7ex">Tanzania</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_27"/>
      <text x="611" y="-671" stroke="#000" class="hidden_text" dy=".7ex">South Africa</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_28"/>
      <text x="779" y="-872" stroke="red" class="hidden_text" dy=".7ex">Korea, South</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_29"/>
      <text x="773" y="-864" stroke="#60c" class="hidden_text" dy=".7ex">Spain</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_30"/>
      <text x="616" y="-675" stroke="#000" class="hidden_text" dy=".7ex">Kenya</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_31"/>
      <text x="715" y="-809" stroke="#090" class="hidden_text" dy=".7ex">Colombia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_32"/>
      <text x="729" y="-822" stroke="#090" class="hidden_text" dy=".7ex">Argentina</text>
    </g>
    <use xlink:href="#bubble_33" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_34"/>
      <text x="622" y="-695" stroke="#000" class="hidden_text" dy=".7ex">Sudan</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_35"/>
      <text x="744" y="-800" stroke="#000" class="hidden_text" dy=".7ex">Algeria</text>
    </g>
    <use xlink:href="#bubble_36" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_37"/>
      <text x="712" y="-785" stroke="#c90" class="hidden_text" dy=".7ex">Iraq</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_38"/>
      <text x="727" y="-833" stroke="#60c" class="hidden_text" dy=".7ex">Poland</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_39"/>
      <text x="780" y="-861" stroke="#03c" class="hidden_text" dy=".7ex">Canada</text>
    </g>
    <use xlink:href="#bubble_40" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_41"/>
      <text x="729" y="-818" stroke="#000" class="hidden_text" dy=".7ex">Morocco</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_42"/>
      <text x="729" y="-785" stroke="#c90" class="hidden_text" dy=".7ex">Saudi Arabia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_43"/>
      <text x="713" y="-796" stroke="red" class="hidden_text" dy=".7ex">Malaysia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_44"/>
      <text x="719" y="-805" stroke="#090" class="hidden_text" dy=".7ex">Venezuela</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_45"/>
      <text x="708" y="-776" stroke="#090" class="hidden_text" dy=".7ex">Peru</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_46"/>
      <text x="572" y="-639" stroke="#000" class="hidden_text" dy=".7ex">Angola</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_47"/>
      <text x="699" y="-787" stroke="#c0c" class="hidden_text" dy=".7ex">Uzbekistan</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_48"/>
      <text x="693" y="-732" stroke="#930" class="hidden_text" dy=".7ex">Nepal</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_49"/>
      <text x="627" y="-697" stroke="#c90" class="hidden_text" dy=".7ex">Yemen</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_50"/>
      <text x="636" y="-712" stroke="#000" class="hidden_text" dy=".7ex">Ghana</text>
    </g>
    <use xlink:href="#bubble_51" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_52"/>
      <text x="568" y="-635" stroke="#000" class="hidden_text" dy=".7ex">Cote d&apos;Ivoire</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_53"/>
      <text x="639" y="-693" stroke="#000" class="hidden_text" dy=".7ex">Madagascar</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_54"/>
      <text x="568" y="-620" stroke="#000" class="hidden_text" dy=".7ex">Cameroon</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_55"/>
      <text x="660" y="-761" stroke="red" class="hidden_text" dy=".7ex">Korea, North</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_56"/>
      <text x="760" y="-848" stroke="red" class="hidden_text" dy=".7ex">Taiwan</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_57"/>
      <text x="787" y="-861" stroke="#00f" class="hidden_text" dy=".7ex">Australia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_58"/>
      <text x="725" y="-819" stroke="#930" class="hidden_text" dy=".7ex">Sri Lanka</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_59"/>
      <text x="709" y="-803" stroke="#60c" class="hidden_text" dy=".7ex">Romania</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_60"/>
      <text x="539" y="-587" stroke="#000" class="hidden_text" dy=".7ex">Niger</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_61"/>
      <text x="591" y="-653" stroke="#000" class="hidden_text" dy=".7ex">Malawi</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_62"/>
      <text x="590" y="-646" stroke="#000" class="hidden_text" dy=".7ex">Burkina Faso</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_63"/>
      <text x="717" y="-788" stroke="#c90" class="hidden_text" dy=".7ex">Syria</text>
    </g>
    <use xlink:href="#bubble_64" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_65"/>
      <text x="575" y="-640" stroke="#000" class="hidden_text" dy=".7ex">Mali</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_66"/>
      <text x="749" y="-832" stroke="#090" class="hidden_text" dy=".7ex">Chile</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_67"/>
      <text x="782" y="-848" stroke="#60c" class="hidden_text" dy=".7ex">Netherlands</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_68"/>
      <text x="687" y="-749" stroke="#09c" class="hidden_text" dy=".7ex">Guatemala</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_69"/>
      <text x="731" y="-813" stroke="#090" class="hidden_text" dy=".7ex">Ecuador</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_70"/>
      <text x="616" y="-689" stroke="red" class="hidden_text" dy=".7ex">Cambodia</text>
    </g>
    <use xlink:href="#bubble_71" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_72"/>
      <text x="546" y="-603" stroke="#000" class="hidden_text" dy=".7ex">Chad</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_73"/>
      <text x="594" y="-656" stroke="#000" class="hidden_text" dy=".7ex">Senegal</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_74"/>
      <text x="580" y="-641" stroke="#000" class="hidden_text" dy=".7ex">Zimbabwe</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_75"/>
      <text x="616" y="-674" stroke="#000" class="hidden_text" dy=".7ex">Rwanda</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_76"/>
      <text x="594" y="-649" stroke="#000" class="hidden_text" dy=".7ex">Guinea</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_77"/>
      <text x="586" y="-641" stroke="#000" class="hidden_text" dy=".7ex">Burundi</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_78"/>
      <text x="776" y="-848" stroke="#60c" class="hidden_text" dy=".7ex">Belgium</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_79"/>
      <text x="733" y="-785" stroke="#000" class="hidden_text" dy=".7ex">Tunisia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_80"/>
      <text x="603" y="-650" stroke="#000" class="hidden_text" dy=".7ex">Benin</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_81"/>
      <text x="661" y="-736" stroke="#090" class="hidden_text" dy=".7ex">Bolivia</text>
    </g>
    <use xlink:href="#bubble_82" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_83"/>
      <text x="757" y="-822" stroke="#09c" class="hidden_text" dy=".7ex">Cuba</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_84"/>
      <text x="610" y="-680" stroke="#09c" class="hidden_text" dy=".7ex">Haiti</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_85"/>
      <text x="773" y="-844" stroke="#60c" class="hidden_text" dy=".7ex">Greece</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_86"/>
      <text x="751" y="-829" stroke="#60c" class="hidden_text" dy=".7ex">Czechia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_87"/>
      <text x="727" y="-774" stroke="#c90" class="hidden_text" dy=".7ex">Jordan</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_88"/>
      <text x="768" y="-850" stroke="#60c" class="hidden_text" dy=".7ex">Portugal</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_89"/>
      <text x="688" y="-739" stroke="#09c" class="hidden_text" dy=".7ex">Dominican Republic</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_90"/>
      <text x="691" y="-772" stroke="#c90" class="hidden_text" dy=".7ex">Azerbaijan</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_91"/>
      <text x="794" y="-851" stroke="#60c" class="hidden_text" dy=".7ex">Sweden</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_92"/>
      <text x="717" y="-810" stroke="#60c" class="hidden_text" dy=".7ex">Hungary</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_93"/>
      <text x="764" y="-809" stroke="#c90" class="hidden_text" dy=".7ex">United Arab Emirates</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_94"/>
      <text x="669" y="-798" stroke="#60c" class="hidden_text" dy=".7ex">Belarus</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_95"/>
      <text x="687" y="-738" stroke="#09c" class="hidden_text" dy=".7ex">Honduras</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_96"/>
      <text x="781" y="-853" stroke="#60c" class="hidden_text" dy=".7ex">Austria</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_97"/>
      <text x="643" y="-725" stroke="#c0c" class="hidden_text" dy=".7ex">Tajikistan</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_98"/>
      <text x="799" y="-855" stroke="#c90" class="hidden_text" dy=".7ex">Israel</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_99"/>
      <text x="795" y="-860" stroke="#60c" class="hidden_text" dy=".7ex">Switzerland</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_100"/>
      <text x="622" y="-694" stroke="#000" class="hidden_text" dy=".7ex">Togo</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_101"/>
      <text x="621" y="-678" stroke="red" class="hidden_text" dy=".7ex">Laos</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_102"/>
      <text x="796" y="-867" stroke="red" class="hidden_text" dy=".7ex">Hong Kong</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_103"/>
      <text x="722" y="-797" stroke="#60c" class="hidden_text" dy=".7ex">Serbia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_104"/>
      <text x="707" y="-790" stroke="#60c" class="hidden_text" dy=".7ex">Bulgaria</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_105"/>
      <text x="645" y="-705" stroke="red" class="hidden_text" dy=".7ex">Papua New Guinea</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_106"/>
      <text x="741" y="-811" stroke="#090" class="hidden_text" dy=".7ex">Paraguay</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_107"/>
      <text x="743" y="-794" stroke="#000" class="hidden_text" dy=".7ex">Libya</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_108"/>
      <text x="556" y="-624" stroke="#000" class="hidden_text" dy=".7ex">Sierra Leone</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_109"/>
      <text x="710" y="-793" stroke="#09c" class="hidden_text" dy=".7ex">El Salvador</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_110"/>
      <text x="758" y="-800" stroke="#c90" class="hidden_text" dy=".7ex">Lebanon</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_111"/>
      <text x="707" y="-768" stroke="#09c" class="hidden_text" dy=".7ex">Nicaragua</text>
    </g>
    <use xlink:href="#bubble_112" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_113"/>
      <text x="622" y="-689" stroke="#000" class="hidden_text" dy=".7ex">Eritrea</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_114"/>
      <text x="663" y="-763" stroke="#c0c" class="hidden_text" dy=".7ex">Kyrgyzstan</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_115"/>
      <text x="783" y="-838" stroke="#60c" class="hidden_text" dy=".7ex">Denmark</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_116"/>
      <text x="511" y="-554" stroke="#000" class="hidden_text" dy=".7ex">Central African Republic</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_117"/>
      <text x="773" y="-849" stroke="#60c" class="hidden_text" dy=".7ex">Finland</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_118"/>
      <text x="731" y="-819" stroke="#60c" class="hidden_text" dy=".7ex">Slovakia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_119"/>
      <text x="668" y="-746" stroke="#c0c" class="hidden_text" dy=".7ex">Turkmenistan</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_120"/>
      <text x="791" y="-848" stroke="#60c" class="hidden_text" dy=".7ex">Norway</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_121"/>
      <text x="780" y="-841" stroke="#60c" class="hidden_text" dy=".7ex">Ireland</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_122"/>
      <text x="583" y="-622" stroke="#000" class="hidden_text" dy=".7ex">Congo, Republic of the</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_123"/>
      <text x="755" y="-823" stroke="#09c" class="hidden_text" dy=".7ex">Costa Rica</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_124"/>
      <text x="718" y="-815" stroke="#c90" class="hidden_text" dy=".7ex">Georgia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_125"/>
      <text x="609" y="-666" stroke="#000" class="hidden_text" dy=".7ex">Liberia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_126"/>
      <text x="785" y="-842" stroke="#00f" class="hidden_text" dy=".7ex">New Zealand</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_127"/>
      <text x="725" y="-802" stroke="#60c" class="hidden_text" dy=".7ex">Croatia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_128"/>
      <text x="734" y="-809" stroke="#60c" class="hidden_text" dy=".7ex">Bosnia and Herzegovina</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_129"/>
      <text x="607" y="-668" stroke="#000" class="hidden_text" dy=".7ex">Mauritania</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_130"/>
      <text x="754" y="-825" stroke="#09c" class="hidden_text" dy=".7ex">Panama</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_131"/>
      <text x="732" y="-786" stroke="#c90" class="hidden_text" dy=".7ex">Oman</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_132"/>
      <text x="667" y="-760" stroke="#60c" class="hidden_text" dy=".7ex">Moldova</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_133"/>
      <text x="738" y="-814" stroke="#090" class="hidden_text" dy=".7ex">Uruguay</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_134"/>
      <text x="771" y="-850" stroke="#09c" class="hidden_text" dy=".7ex">Puerto Rico</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_135"/>
      <text x="654" y="-752" stroke="red" class="hidden_text" dy=".7ex">Mongolia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_136"/>
      <text x="754" y="-821" stroke="#60c" class="hidden_text" dy=".7ex">Albania</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_137"/>
      <text x="712" y="-792" stroke="#c90" class="hidden_text" dy=".7ex">Armenia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_138"/>
      <text x="763" y="-803" stroke="#c90" class="hidden_text" dy=".7ex">Kuwait</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_139"/>
      <text x="721" y="-770" stroke="#09c" class="hidden_text" dy=".7ex">Jamaica</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_140"/>
      <text x="728" y="-781" stroke="#c90" class="hidden_text" dy=".7ex">West Bank</text>
    </g>
    <use xlink:href="#bubble_141" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_142"/>
      <text x="621" y="-667" stroke="#000" class="hidden_text" dy=".7ex">Namibia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_143"/>
      <text x="763" y="-817" stroke="#c90" class="hidden_text" dy=".7ex">Qatar</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_144"/>
      <text x="612" y="-665" stroke="#000" class="hidden_text" dy=".7ex">Botswana</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_145"/>
      <text x="657" y="-701" stroke="#000" class="hidden_text" dy=".7ex">Gabon</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_146"/>
      <text x="732" y="-787" stroke="#60c" class="hidden_text" dy=".7ex">Macedonia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_147"/>
      <text x="777" y="-847" stroke="#60c" class="hidden_text" dy=".7ex">Slovenia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_148"/>
      <text x="624" y="-683" stroke="#000" class="hidden_text" dy=".7ex">Gambia, The</text>
    </g>
    <use xlink:href="#bubble_149" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_150"/>
      <text x="699" y="-801" stroke="#60c" class="hidden_text" dy=".7ex">Latvia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_151"/>
      <text x="722" y="-766" stroke="#c90" class="hidden_text" dy=".7ex">Gaza Strip</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_152"/>
      <text x="587" y="-640" stroke="#000" class="hidden_text" dy=".7ex">Guinea-Bissau</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_153"/>
      <text x="764" y="-819" stroke="#c90" class="hidden_text" dy=".7ex">Bahrain</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_154"/>
      <text x="721" y="-801" stroke="#000" class="hidden_text" dy=".7ex">Mauritius</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_155"/>
      <text x="666" y="-708" stroke="red" class="hidden_text" dy=".7ex">Timor-Leste</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_156"/>
      <text x="718" y="-824" stroke="#60c" class="hidden_text" dy=".7ex">Estonia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_157"/>
      <text x="757" y="-823" stroke="#60c" class="hidden_text" dy=".7ex">Cyprus</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_158"/>
      <text x="700" y="-768" stroke="#09c" class="hidden_text" dy=".7ex">Trinidad and Tobago</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_159"/>
      <text x="546" y="-597" stroke="#000" class="hidden_text" dy=".7ex">Eswatini</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_160"/>
      <text x="701" y="-763" stroke="#00f" class="hidden_text" dy=".7ex">Fiji</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_161"/>
      <text x="610" y="-669" stroke="#000" class="hidden_text" dy=".7ex">Djibouti</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_162"/>
      <text x="622" y="-677" stroke="#000" class="hidden_text" dy=".7ex">Comoros</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_163"/>
      <text x="634" y="-665" stroke="#000" class="hidden_text" dy=".7ex">Equatorial Guinea</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_164"/>
      <text x="697" y="-725" stroke="#930" class="hidden_text" dy=".7ex">Bhutan</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_165"/>
      <text x="655" y="-724" stroke="#090" class="hidden_text" dy=".7ex">Guyana</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_166"/>
      <text x="727" y="-789" stroke="#00f" class="hidden_text" dy=".7ex">Solomon Islands</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_167"/>
      <text x="610" y="-665" stroke="#000" class="hidden_text" dy=".7ex">Western Sahara</text>
    </g>
    <use xlink:href="#bubble_168" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_169"/>
      <text x="795" y="-853" stroke="#60c" class="hidden_text" dy=".7ex">Luxembourg</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_170"/>
      <text x="699" y="-756" stroke="#090" class="hidden_text" dy=".7ex">Suriname</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_171"/>
      <text x="699" y="-754" stroke="#000" class="hidden_text" dy=".7ex">Cabo Verde</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_172"/>
      <text x="748" y="-803" stroke="red" class="hidden_text" dy=".7ex">Brunei</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_173"/>
      <text x="802" y="-851" stroke="#60c" class="hidden_text" dy=".7ex">Malta</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_174"/>
      <text x="734" y="-787" stroke="#930" class="hidden_text" dy=".7ex">Maldives</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_175"/>
      <text x="728" y="-765" stroke="#09c" class="hidden_text" dy=".7ex">Belize</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_176"/>
      <text x="806" y="-857" stroke="#60c" class="hidden_text" dy=".7ex">Iceland</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_177"/>
      <text x="701" y="-756" stroke="#09c" class="hidden_text" dy=".7ex">Bahamas, The</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_178"/>
      <text x="730" y="-783" stroke="#09c" class="hidden_text" dy=".7ex">Barbados</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_179"/>
      <text x="749" y="-802" stroke="#00f" class="hidden_text" dy=".7ex">French Polynesia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_180"/>
      <text x="721" y="-759" stroke="#00f" class="hidden_text" dy=".7ex">Vanuatu</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_181"/>
      <text x="738" y="-824" stroke="#00f" class="hidden_text" dy=".7ex">New Caledonia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_182"/>
      <text x="640" y="-673" stroke="#000" class="hidden_text" dy=".7ex">Sao Tome and Principe</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_183"/>
      <text x="710" y="-775" stroke="#00f" class="hidden_text" dy=".7ex">Samoa</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_184"/>
      <text x="736" y="-791" stroke="#00f" class="hidden_text" dy=".7ex">Guam</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_185"/>
      <text x="751" y="-812" stroke="#09c" class="hidden_text" dy=".7ex">Saint Lucia</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_186"/>
      <text x="760" y="-813" stroke="#09c" class="hidden_text" dy=".7ex">Curacao</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_187"/>
      <text x="739" y="-804" stroke="#09c" class="hidden_text" dy=".7ex">Aruba</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_188"/>
      <text x="719" y="-777" stroke="#09c" class="hidden_text" dy=".7ex">Grenada</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_189"/>
      <text x="641" y="-696" stroke="#00f" class="hidden_text" dy=".7ex">Kiribati</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_190"/>
      <text x="761" y="-831" stroke="#09c" class="hidden_text" dy=".7ex">Virgin Islands</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_191"/>
      <text x="748" y="-784" stroke="#00f" class="hidden_text" dy=".7ex">Tonga</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_192"/>
      <text x="711" y="-757" stroke="#00f" class="hidden_text" dy=".7ex">Micronesia, Federated States of</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_193"/>
      <text x="735" y="-780" stroke="#09c" class="hidden_text" dy=".7ex">Saint Vincent and the Grenadines</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_194"/>
      <text x="793" y="-848" stroke="#60c" class="hidden_text" dy=".7ex">Jersey</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_195"/>
      <text x="746" y="-793" stroke="#09c" class="hidden_text" dy=".7ex">Antigua and Barbuda</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_196"/>
      <text x="705" y="-799" stroke="#000" class="hidden_text" dy=".7ex">Seychelles</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_197"/>
      <text x="794" y="-834" stroke="#60c" class="hidden_text" dy=".7ex">Isle of Man</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_198"/>
      <text x="805" y="-854" stroke="#60c" class="hidden_text" dy=".7ex">Andorra</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_199"/>
      <text x="712" y="-761" stroke="#00f" class="hidden_text" dy=".7ex">Marshall Islands</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_200"/>
      <text x="742" y="-806" stroke="#09c" class="hidden_text" dy=".7ex">Dominica</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_201"/>
      <text x="781" y="-848" stroke="#03c" class="hidden_text" dy=".7ex">Bermuda</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_202"/>
      <text x="798" y="-856" stroke="#60c" class="hidden_text" dy=".7ex">Guernsey</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_203"/>
      <text x="785" y="-843" stroke="#09c" class="hidden_text" dy=".7ex">Cayman Islands</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_204"/>
      <text x="700" y="-759" stroke="#03c" class="hidden_text" dy=".7ex">Greenland</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_205"/>
      <text x="771" y="-831" stroke="#09c" class="hidden_text" dy=".7ex">Turks and Caicos Islands</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_206"/>
      <text x="735" y="-788" stroke="#09c" class="hidden_text" dy=".7ex">Saint Kitts and Nevis</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_207"/>
      <text x="734" y="-782" stroke="#00f" class="hidden_text" dy=".7ex">Northern Mariana Islands</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_208"/>
      <text x="779" y="-834" stroke="#60c" class="hidden_text" dy=".7ex">Faroe Islands</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_209"/>
      <text x="714" y="-763" stroke="#00f" class="hidden_text" dy=".7ex">American Samoa</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_210"/>
      <text x="759" y="-810" stroke="#09c" class="hidden_text" dy=".7ex">Sint Maarten</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_211"/>
      <text x="796" y="-849" stroke="#60c" class="hidden_text" dy=".7ex">Liechtenstein</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_212"/>
      <text x="773" y="-805" stroke="#09c" class="hidden_text" dy=".7ex">British Virgin Islands</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_213"/>
      <text x="806" y="-863" stroke="#60c" class="hidden_text" dy=".7ex">San Marino</text>
    </g>
    <use xlink:href="#bubble_214" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_215"/>
      <text x="766" y="-829" stroke="#60c" class="hidden_text" dy=".7ex">Gibraltar</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_216"/>
      <text x="702" y="-771" stroke="#00f" class="hidden_text" dy=".7ex">Palau</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_217"/>
      <text x="788" y="-844" stroke="#09c" class="hidden_text" dy=".7ex">Anguilla</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_218"/>
      <text x="769" y="-832" stroke="#00f" class="hidden_text" dy=".7ex">Wallis and Futuna</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_219"/>
      <text x="649" y="-695" stroke="#00f" class="hidden_text" dy=".7ex">Tuvalu</text>
    </g>
    <use xlink:href="#bubble_220" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_221"/>
      <text x="733" y="-792" stroke="#00f" class="hidden_text" dy=".7ex">Cook Islands</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_222"/>
      <text x="767" y="-829" stroke="#000" class="hidden_text" dy=".7ex">Saint Helena, Ascension, and Tristan da Cunha</text>
    </g>
    <g class="active">
      <use xlink:href="#bubble_223"/>
      <text x="783" y="-832" stroke="#03c" class="hidden_text" dy=".7ex">Saint Pierre and Miquelon</text>
    </g>
    <use xlink:href="#bubble_224" class="active"/>
    <g class="active">
      <use xlink:href="#bubble_225"/>
      <text x="755" y="-796" stroke="#090" class="hidden_text" dy=".7ex">Falkland Islands (Islas Malvinas)</text>
    </g>
  </g>
</svg>

@JoKalliauer JoKalliauer changed the title css feature #main:hover { stroke-opacity:0; fill-opacity:0.1; } removed inlineStyles removes css feature #main:hover { stroke-opacity:0; fill-opacity:0.1; } Jan 6, 2023
@johnkenny54
Copy link
Contributor

It looks like there are two problems here:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@JoKalliauer @johnkenny54