<?xml version="1.0" encoding="UTF-8"?>
<rss  xmlns:atom="http://www.w3.org/2005/Atom" 
      xmlns:media="http://search.yahoo.com/mrss/" 
      xmlns:content="http://purl.org/rss/1.0/modules/content/" 
      xmlns:dc="http://purl.org/dc/elements/1.1/" 
      version="2.0">
<channel>
<title>Albert Rapp</title>
<link>https://albert-rapp.de/blog.html</link>
<atom:link href="https://albert-rapp.de/blog.xml" rel="self" type="application/rss+xml"/>
<description>This is Albert Rapp&#39;s personal Blog.</description>
<generator>quarto-1.7.24</generator>
<lastBuildDate>Sat, 13 Sep 2025 22:00:00 GMT</lastBuildDate>
<item>
  <title>WebDev4R: Shiny Explained</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/web_dev/09_shiny_explained/09_shiny_explained.html</link>
  <description><![CDATA[ 




<p><link rel="stylesheet" href="../../../new_code_theme.css"></p>
<section id="shiny-in-a-nutshell" class="level2">
<h2 class="anchored" data-anchor-id="shiny-in-a-nutshell">Shiny in a Nutshell</h2>
<section id="video" class="level3">
<h3 class="anchored" data-anchor-id="video">Video</h3>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/F7V1gmnPfAM?si=L4VLK3TwMEs0xA6W" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<p>Checkout the full R-Shiny playlist here 👉 <a href="https://www.youtube.com/playlist?list=PLBnFxG6owe1EP6Rg5XKnuGa-rZSnz3uqd"><strong>PLAYLIST</strong></a></p>
</section>
<section id="code" class="level3">
<h3 class="anchored" data-anchor-id="code">Code</h3>
<div class="cell">
<details class="code-fold">
<summary>Press to unfold code</summary>
<div class="sourceCode cell-code" id="cb1" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb1-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(shiny)</span>
<span id="cb1-2"></span>
<span id="cb1-3">ui <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> bslib<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">page_fluid</span>(</span>
<span id="cb1-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sliderInput</span>(</span>
<span id="cb1-5">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'my_slider'</span>, <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Input ID</span></span>
<span id="cb1-6">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Select your number'</span>, <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Input label</span></span>
<span id="cb1-7">    <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Input-specifc stuff</span></span>
<span id="cb1-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">min =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb1-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">max =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>,</span>
<span id="cb1-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">value =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.5</span>,</span>
<span id="cb1-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">step =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.1</span></span>
<span id="cb1-12">  ),</span>
<span id="cb1-13"></span>
<span id="cb1-14">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">selectInput</span>(</span>
<span id="cb1-15">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'my_dropdown_menu'</span>, <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Input ID</span></span>
<span id="cb1-16">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Pick your color'</span>, <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Input label</span></span>
<span id="cb1-17">    <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Input-specifc stuff</span></span>
<span id="cb1-18">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">choices =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'red'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'green'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'blue'</span>)</span>
<span id="cb1-19">  ),</span>
<span id="cb1-20"></span>
<span id="cb1-21">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">textOutput</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'my_generated_text'</span>)</span>
<span id="cb1-22">)</span>
<span id="cb1-23"></span>
<span id="cb1-24">server <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(input, output, session) {</span>
<span id="cb1-25">  output<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>my_generated_text <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">renderText</span>({</span>
<span id="cb1-26">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">paste</span>(</span>
<span id="cb1-27">      input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>my_dropdown_menu,</span>
<span id="cb1-28">      input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>my_slider</span>
<span id="cb1-29">    )</span>
<span id="cb1-30">  })</span>
<span id="cb1-31">}</span>
<span id="cb1-32"></span>
<span id="cb1-33"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">shinyApp</span>(ui, server) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">print</span>()</span></code></pre></div>
</details>
</div>
</section>
</section>
<section id="understanding-reactivity" class="level2">
<h2 class="anchored" data-anchor-id="understanding-reactivity">Understanding Reactivity</h2>
<section id="video-1" class="level3">
<h3 class="anchored" data-anchor-id="video-1">Video</h3>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/DUFwbghr6GE" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<p>Checkout the full R-Shiny playlist here 👉 <a href="https://www.youtube.com/playlist?list=PLBnFxG6owe1EP6Rg5XKnuGa-rZSnz3uqd"><strong>PLAYLIST</strong></a></p>
</section>
<section id="code-1" class="level3">
<h3 class="anchored" data-anchor-id="code-1">Code</h3>
<div class="cell">
<details class="code-fold">
<summary>Press to unfold code</summary>
<div class="sourceCode cell-code" id="cb2" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb2-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(shiny)</span>
<span id="cb2-2">ui <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> bslib<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">page_fluid</span>(</span>
<span id="cb2-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sliderInput</span>(</span>
<span id="cb2-4">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'slider'</span>,</span>
<span id="cb2-5">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Slider'</span>,</span>
<span id="cb2-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">min =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>,</span>
<span id="cb2-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">max =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>,</span>
<span id="cb2-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">value =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span></span>
<span id="cb2-9">  ),</span>
<span id="cb2-10">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">actionButton</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'button'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Button'</span>),</span>
<span id="cb2-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">textOutput</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'text'</span>)</span>
<span id="cb2-12">)</span>
<span id="cb2-13"></span>
<span id="cb2-14">server <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(input, output, session) {</span>
<span id="cb2-15">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">observeEvent</span>(</span>
<span id="cb2-16">    input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>button,</span>
<span id="cb2-17">    {</span>
<span id="cb2-18">      output<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>text <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">renderText</span>({</span>
<span id="cb2-19">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">print</span>(input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>button)</span>
<span id="cb2-20">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">isolate</span>(input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>slider)</span>
<span id="cb2-21">      })</span>
<span id="cb2-22">    }</span>
<span id="cb2-23">  )</span>
<span id="cb2-24">}</span>
<span id="cb2-25"></span>
<span id="cb2-26"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">shinyApp</span>(ui, server) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">print</span>()</span></code></pre></div>
</details>
</div>
</section>
</section>
<section id="understanding-reactive-expressions" class="level2">
<h2 class="anchored" data-anchor-id="understanding-reactive-expressions">Understanding Reactive Expressions</h2>
<section id="video-2" class="level3">
<h3 class="anchored" data-anchor-id="video-2">Video</h3>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/PVOD_c4HISE" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<p>Checkout the full R-Shiny playlist here 👉 <a href="https://www.youtube.com/playlist?list=PLBnFxG6owe1EP6Rg5XKnuGa-rZSnz3uqd"><strong>PLAYLIST</strong></a></p>
</section>
<section id="code-2" class="level3">
<h3 class="anchored" data-anchor-id="code-2">Code</h3>
<div class="cell">
<details class="code-fold">
<summary>Press to unfold code</summary>
<div class="sourceCode cell-code" id="cb3" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb3-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(tidyverse)</span>
<span id="cb3-2"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(shiny)</span>
<span id="cb3-3"></span>
<span id="cb3-4">ui <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> bslib<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">page_fluid</span>(</span>
<span id="cb3-5">  bslib<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">layout_column_wrap</span>(</span>
<span id="cb3-6">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">selectInput</span>(</span>
<span id="cb3-7">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'species'</span>,</span>
<span id="cb3-8">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Choose your species'</span>,</span>
<span id="cb3-9">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">unique</span>(palmerpenguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>penguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>species)</span>
<span id="cb3-10">    ),</span>
<span id="cb3-11">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">selectInput</span>(</span>
<span id="cb3-12">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'island'</span>,</span>
<span id="cb3-13">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Choose your island'</span>,</span>
<span id="cb3-14">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">unique</span>(palmerpenguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>penguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>island)</span>
<span id="cb3-15">    )</span>
<span id="cb3-16">  ),</span>
<span id="cb3-17">  bslib<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">layout_column_wrap</span>(</span>
<span id="cb3-18">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">plotOutput</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'plot'</span>),</span>
<span id="cb3-19">    DT<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dataTableOutput</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'tbl'</span>)</span>
<span id="cb3-20">  )</span>
<span id="cb3-21">)</span>
<span id="cb3-22"></span>
<span id="cb3-23">server <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(input, output, session) {</span>
<span id="cb3-24">  filtered_data <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactiveValues</span>()</span>
<span id="cb3-25">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">observe</span>({</span>
<span id="cb3-26">    dat <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> palmerpenguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>penguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb3-27">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(</span>
<span id="cb3-28">        <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">!</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">is.na</span>(sex),</span>
<span id="cb3-29">        species <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>species,</span>
<span id="cb3-30">        island <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>island</span>
<span id="cb3-31">      )</span>
<span id="cb3-32"></span>
<span id="cb3-33">    filtered_data<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>dat <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> dat</span>
<span id="cb3-34">  })</span>
<span id="cb3-35"></span>
<span id="cb3-36">  output<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>tbl <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> DT<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">renderDT</span>({</span>
<span id="cb3-37">    filtered_data<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>dat</span>
<span id="cb3-38">  })</span>
<span id="cb3-39"></span>
<span id="cb3-40">  output<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>plot <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">renderPlot</span>({</span>
<span id="cb3-41">    filtered_data<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb3-42">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(</span>
<span id="cb3-43">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(</span>
<span id="cb3-44">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> flipper_length_mm,</span>
<span id="cb3-45">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> bill_depth_mm</span>
<span id="cb3-46">        )</span>
<span id="cb3-47">      ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb3-48">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_point</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>)</span>
<span id="cb3-49">  })</span>
<span id="cb3-50">}</span>
<span id="cb3-51"></span>
<span id="cb3-52"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Print inside Positron</span></span>
<span id="cb3-53"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">shinyApp</span>(ui, server) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">print</span>()</span></code></pre></div>
</details>
</div>
</section>
</section>
<section id="dynamicinteractive-ui-outputs" class="level2">
<h2 class="anchored" data-anchor-id="dynamicinteractive-ui-outputs">Dynamic/Interactive UI Outputs</h2>
<section id="video-3" class="level3">
<h3 class="anchored" data-anchor-id="video-3">Video</h3>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/dYQ_ZJYvtpY" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<p>Checkout the full R-Shiny playlist here 👉 <a href="https://www.youtube.com/playlist?list=PLBnFxG6owe1EP6Rg5XKnuGa-rZSnz3uqd"><strong>PLAYLIST</strong></a></p>
</section>
<section id="code-3" class="level3">
<h3 class="anchored" data-anchor-id="code-3">Code</h3>
<div class="cell">
<details class="code-fold">
<summary>Press to unfold code</summary>
<div class="sourceCode cell-code" id="cb4" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb4-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(shiny)</span>
<span id="cb4-2"></span>
<span id="cb4-3">ui <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> bslib<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">page_fluid</span>(</span>
<span id="cb4-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">actionButton</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'button'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Move slider to 7'</span>),</span>
<span id="cb4-5">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sliderInput</span>(</span>
<span id="cb4-6">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'slider'</span>,</span>
<span id="cb4-7">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Move me!'</span>,</span>
<span id="cb4-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">min =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>,</span>
<span id="cb4-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">max =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>,</span>
<span id="cb4-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">value =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span></span>
<span id="cb4-11">  )</span>
<span id="cb4-12">)</span>
<span id="cb4-13"></span>
<span id="cb4-14">server <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(input, output, session) {</span>
<span id="cb4-15">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">observe</span>({</span>
<span id="cb4-16">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">updateSliderInput</span>(</span>
<span id="cb4-17">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">inputId =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'slider'</span>,</span>
<span id="cb4-18">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">value =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">7</span>,</span>
<span id="cb4-19">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'This has been moved!'</span></span>
<span id="cb4-20">    )</span>
<span id="cb4-21">  }) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb4-22">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bindEvent</span>(input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>button)</span>
<span id="cb4-23">}</span>
<span id="cb4-24"></span>
<span id="cb4-25"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Print to display in Positron</span></span>
<span id="cb4-26"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">shinyApp</span>(ui, server) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">print</span>()</span></code></pre></div>
</details>
</div>
</section>
</section>
<section id="shiny-modules" class="level2">
<h2 class="anchored" data-anchor-id="shiny-modules">Shiny Modules</h2>
<section id="video-4" class="level3">
<h3 class="anchored" data-anchor-id="video-4">Video</h3>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/gFia6l2mkDU" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<p>Checkout the full R-Shiny playlist here 👉 <a href="https://www.youtube.com/playlist?list=PLBnFxG6owe1EP6Rg5XKnuGa-rZSnz3uqd"><strong>PLAYLIST</strong></a></p>
</section>
<section id="code-4" class="level3">
<h3 class="anchored" data-anchor-id="code-4">Code</h3>
<div class="cell">
<details class="code-fold">
<summary>Press to unfold code</summary>
<div class="sourceCode cell-code" id="cb5" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb5-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(shiny)</span>
<span id="cb5-2"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(ggplot2)</span>
<span id="cb5-3">plot_UI <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(id) {</span>
<span id="cb5-4">  ns <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">NS</span>(id)</span>
<span id="cb5-5">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tagList</span>(</span>
<span id="cb5-6">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">plotOutput</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ns</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"plot"</span>))</span>
<span id="cb5-7">  )</span>
<span id="cb5-8">}</span>
<span id="cb5-9"></span>
<span id="cb5-10">plot_Server <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(id, shared_data) {</span>
<span id="cb5-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">moduleServer</span>(</span>
<span id="cb5-12">    id,</span>
<span id="cb5-13">    <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(input, output, session) {</span>
<span id="cb5-14">      output<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>plot <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">renderPlot</span>({</span>
<span id="cb5-15">        <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">if</span> (shared_data<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>dropdown_choice <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"bar"</span>) {</span>
<span id="cb5-16">          p <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(</span>
<span id="cb5-17">            mtcars,</span>
<span id="cb5-18">            <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">factor</span>(cyl))</span>
<span id="cb5-19">          ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb5-20">            <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_bar</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'dodgerblue4'</span>)</span>
<span id="cb5-21">        } <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">else</span> {</span>
<span id="cb5-22">          p <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(</span>
<span id="cb5-23">            mtcars,</span>
<span id="cb5-24">            <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">factor</span>(cyl), <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> mpg)</span>
<span id="cb5-25">          ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb5-26">            <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_boxplot</span>(</span>
<span id="cb5-27">              <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'dodgerblue4'</span>,</span>
<span id="cb5-28">              <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.5</span></span>
<span id="cb5-29">            )</span>
<span id="cb5-30">        }</span>
<span id="cb5-31"></span>
<span id="cb5-32">        p <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb5-33">          <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">16</span>)</span>
<span id="cb5-34">      })</span>
<span id="cb5-35">    }</span>
<span id="cb5-36">  )</span>
<span id="cb5-37">}</span>
<span id="cb5-38"></span>
<span id="cb5-39">ui <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> bslib<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">page_fluid</span>(</span>
<span id="cb5-40">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">selectInput</span>(</span>
<span id="cb5-41">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"dropdown"</span>,</span>
<span id="cb5-42">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Choose a chart"</span>,</span>
<span id="cb5-43">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">choices =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"bar"</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"boxplot"</span>)</span>
<span id="cb5-44">  ),</span>
<span id="cb5-45">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">plot_UI</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"plot"</span>)</span>
<span id="cb5-46">)</span>
<span id="cb5-47"></span>
<span id="cb5-48">server <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(input, output, session) {</span>
<span id="cb5-49">  <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># shared_data &lt;- reactiveValues()</span></span>
<span id="cb5-50">  <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># observe({</span></span>
<span id="cb5-51">  <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">#   shared_data$dropdown_choice &lt;- input$dropdown</span></span>
<span id="cb5-52">  <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># })</span></span>
<span id="cb5-53">  shared_data <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">dropdown_choice =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'bar'</span>)</span>
<span id="cb5-54">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">plot_Server</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"plot"</span>, shared_data)</span>
<span id="cb5-55">}</span>
<span id="cb5-56"></span>
<span id="cb5-57"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">shinyApp</span>(ui, server) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">print</span>()</span></code></pre></div>
</details>
</div>
</section>
</section>
<section id="robust-shiny-apps-with-golem" class="level2">
<h2 class="anchored" data-anchor-id="robust-shiny-apps-with-golem">Robust Shiny Apps with Golem</h2>
<section id="video-5" class="level3">
<h3 class="anchored" data-anchor-id="video-5">Video</h3>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/FEWJsoDewgk" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<p>Checkout the full R-Shiny playlist here 👉 <a href="https://www.youtube.com/playlist?list=PLBnFxG6owe1EP6Rg5XKnuGa-rZSnz3uqd"><strong>PLAYLIST</strong></a></p>
</section>
<section id="code-5" class="level3">
<h3 class="anchored" data-anchor-id="code-5">Code</h3>
<p>Link to repository: <a href="https://github.com/AlbertRapp/golemYTDemo">repo</a></p>
</section>
</section>
<section id="client-side-code-dynamic-tables-with-shiny-and-gt" class="level2">
<h2 class="anchored" data-anchor-id="client-side-code-dynamic-tables-with-shiny-and-gt">Client-side Code &amp; Dynamic Tables with <code>{shiny}</code> and `{gt}</h2>
<section id="video-6" class="level3">
<h3 class="anchored" data-anchor-id="video-6">Video</h3>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/osgdcqR0-mk" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<p>Checkout the full R-Shiny playlist here 👉 <a href="https://www.youtube.com/playlist?list=PLBnFxG6owe1EP6Rg5XKnuGa-rZSnz3uqd"><strong>PLAYLIST</strong></a></p>
</section>
<section id="code-6" class="level3">
<h3 class="anchored" data-anchor-id="code-6">Code</h3>
<div class="cell">
<details class="code-fold">
<summary>Press to unfold code</summary>
<div class="sourceCode cell-code" id="cb6" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb6-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(shiny)</span>
<span id="cb6-2"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(gt)</span>
<span id="cb6-3"></span>
<span id="cb6-4"></span>
<span id="cb6-5">df_pizza <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> gt<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>pizzaplace <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb6-6">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">slice</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">500</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb6-7">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb6-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cryptic_id =</span> purrr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">map_chr</span>(id, \(x) {</span>
<span id="cb6-9">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sample</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(letters, LETTERS, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">9</span>), <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">30</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">replace =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb6-10">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">paste0</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">collapse =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span>)</span>
<span id="cb6-11">    }),</span>
<span id="cb6-12">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb6-13">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb6-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cryptic_id_link =</span> purrr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">map_chr</span>(</span>
<span id="cb6-15">      cryptic_id,</span>
<span id="cb6-16">      \(x) {</span>
<span id="cb6-17">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">a</span>(</span>
<span id="cb6-18">          <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'👀 Show me'</span>,</span>
<span id="cb6-19">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">onclick =</span> glue<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">glue</span>(</span>
<span id="cb6-20">            <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Shiny.setInputValue("clicked_id", ""); </span></span>
<span id="cb6-21"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">            Shiny.setInputValue("clicked_id", "{x}")'</span></span>
<span id="cb6-22">          ),</span>
<span id="cb6-23">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb6-24">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">background =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#F2FDFF'</span>,</span>
<span id="cb6-25">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'1px solid #101935'</span>,</span>
<span id="cb6-26">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_radius =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'5px'</span>,</span>
<span id="cb6-27">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">padding =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'5px'</span>,</span>
<span id="cb6-28">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cursor =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'pointer'</span></span>
<span id="cb6-29">          )</span>
<span id="cb6-30">        ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb6-31">          <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">as.character</span>()</span>
<span id="cb6-32">      }</span>
<span id="cb6-33">    )</span>
<span id="cb6-34">  )</span>
<span id="cb6-35"></span>
<span id="cb6-36">ui <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> bslib<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">page_fluid</span>(</span>
<span id="cb6-37">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">h3</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Dynamic Tables'</span>),</span>
<span id="cb6-38">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">gt_output</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'tbl'</span>)</span>
<span id="cb6-39">)</span>
<span id="cb6-40"></span>
<span id="cb6-41">server <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(input, output, session) {</span>
<span id="cb6-42">  output<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>tbl <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">render_gt</span>({</span>
<span id="cb6-43">    df_pizza <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb6-44">      dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(date, time, price, cryptic_id_link) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb6-45">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">gt</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb6-46">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">fmt_markdown</span>(</span>
<span id="cb6-47">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cryptic_id_link'</span></span>
<span id="cb6-48">      ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb6-49">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">opt_interactive</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">page_size_default =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span>)</span>
<span id="cb6-50">  })</span>
<span id="cb6-51"></span>
<span id="cb6-52">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">observe</span>({</span>
<span id="cb6-53">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">print</span>(input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>clicked_id)</span>
<span id="cb6-54"></span>
<span id="cb6-55">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">showModal</span>(</span>
<span id="cb6-56">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">modalDialog</span>(</span>
<span id="cb6-57">        df_pizza <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb6-58">          dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(cryptic_id <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>clicked_id) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb6-59">          dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(cryptic_id, cryptic_id_link)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb6-60">          tidyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">pivot_longer</span>(</span>
<span id="cb6-61">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cols =</span> tidyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">everything</span>(),</span>
<span id="cb6-62">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">values_transform =</span> as.character</span>
<span id="cb6-63">          ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb6-64">          <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">gt</span>()</span>
<span id="cb6-65">      )</span>
<span id="cb6-66">    )</span>
<span id="cb6-67">  }) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb6-68">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bindEvent</span>(input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>clicked_id)</span>
<span id="cb6-69">}</span>
<span id="cb6-70"></span>
<span id="cb6-71"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">shinyApp</span>(ui, server) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">print</span>()</span></code></pre></div>
</details>
</div>
<p>Checkout the full R-Shiny playlist here 👉 <a href="https://www.youtube.com/playlist?list=PLBnFxG6owe1EP6Rg5XKnuGa-rZSnz3uqd"><strong>PLAYLIST</strong></a></p>
</section>
<section id="code-modularized" class="level3">
<h3 class="anchored" data-anchor-id="code-modularized">Code (modularized)</h3>
<div class="cell">
<details class="code-fold">
<summary>Press to unfold code</summary>
<div class="sourceCode cell-code" id="cb7" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb7-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(shiny)</span>
<span id="cb7-2"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(gt)</span>
<span id="cb7-3"></span>
<span id="cb7-4">df_pizza <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> gt<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>pizzaplace <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb7-5">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">slice</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">500</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb7-6">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb7-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cryptic_id =</span> purrr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">map_chr</span>(id, \(x) {</span>
<span id="cb7-8">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sample</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(letters, LETTERS, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">9</span>), <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">30</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">replace =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb7-9">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">paste0</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">collapse =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span>)</span>
<span id="cb7-10">    }),</span>
<span id="cb7-11">  )</span>
<span id="cb7-12"></span>
<span id="cb7-13"></span>
<span id="cb7-14">tbl_UI <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(id) {</span>
<span id="cb7-15">  ns <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">NS</span>(id)</span>
<span id="cb7-16">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tagList</span>(</span>
<span id="cb7-17">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">gt_output</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ns</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'tbl'</span>))</span>
<span id="cb7-18">  )</span>
<span id="cb7-19">}</span>
<span id="cb7-20"></span>
<span id="cb7-21">tbl_Server <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(id) {</span>
<span id="cb7-22">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">moduleServer</span>(</span>
<span id="cb7-23">    id,</span>
<span id="cb7-24">    <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(input, output, session) {</span>
<span id="cb7-25">      ns <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> session<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>ns</span>
<span id="cb7-26">      df_pizza <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> df_pizza <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb7-27">        dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb7-28">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cryptic_id_link =</span> purrr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">map_chr</span>(</span>
<span id="cb7-29">            cryptic_id,</span>
<span id="cb7-30">            \(x) {</span>
<span id="cb7-31">              <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">a</span>(</span>
<span id="cb7-32">                <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'👀 Show me'</span>,</span>
<span id="cb7-33">                <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">onclick =</span> glue<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">glue</span>(</span>
<span id="cb7-34">                  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Shiny.setInputValue("{ns("clicked_id")}", ""); </span></span>
<span id="cb7-35"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">                  Shiny.setInputValue("{ns("clicked_id")}", "{x}")'</span></span>
<span id="cb7-36">                ),</span>
<span id="cb7-37">                <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb7-38">                  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">background =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#F2FDFF'</span>,</span>
<span id="cb7-39">                  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'1px solid #101935'</span>,</span>
<span id="cb7-40">                  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_radius =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'5px'</span>,</span>
<span id="cb7-41">                  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">padding =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'5px'</span>,</span>
<span id="cb7-42">                  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cursor =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'pointer'</span></span>
<span id="cb7-43">                )</span>
<span id="cb7-44">              ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb7-45">                <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">as.character</span>()</span>
<span id="cb7-46">            }</span>
<span id="cb7-47">          )</span>
<span id="cb7-48">        )</span>
<span id="cb7-49"></span>
<span id="cb7-50">      output<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>tbl <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">render_gt</span>({</span>
<span id="cb7-51">        df_pizza <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb7-52">          dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(date, time, price, cryptic_id_link) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb7-53">          <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">gt</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb7-54">          <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">fmt_markdown</span>(</span>
<span id="cb7-55">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cryptic_id_link'</span></span>
<span id="cb7-56">          ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb7-57">          <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">opt_interactive</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">page_size_default =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span>)</span>
<span id="cb7-58">      })</span>
<span id="cb7-59"></span>
<span id="cb7-60">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">observe</span>({</span>
<span id="cb7-61">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">print</span>(input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>clicked_id)</span>
<span id="cb7-62"></span>
<span id="cb7-63">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">showModal</span>(</span>
<span id="cb7-64">          <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">modalDialog</span>(</span>
<span id="cb7-65">            df_pizza <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb7-66">              dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(cryptic_id <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>clicked_id) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb7-67">              dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(cryptic_id, cryptic_id_link)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb7-68">              tidyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">pivot_longer</span>(</span>
<span id="cb7-69">                <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cols =</span> tidyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">everything</span>(),</span>
<span id="cb7-70">                <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">values_transform =</span> as.character</span>
<span id="cb7-71">              ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb7-72">              <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">gt</span>()</span>
<span id="cb7-73">          )</span>
<span id="cb7-74">        )</span>
<span id="cb7-75">      }) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb7-76">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bindEvent</span>(input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>clicked_id)</span>
<span id="cb7-77">    }</span>
<span id="cb7-78">  )</span>
<span id="cb7-79">}</span>
<span id="cb7-80"></span>
<span id="cb7-81"></span>
<span id="cb7-82">ui <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> bslib<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">page_fluid</span>(</span>
<span id="cb7-83">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">h3</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Dynamic Tables'</span>),</span>
<span id="cb7-84">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tbl_UI</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'tbl'</span>)</span>
<span id="cb7-85">)</span>
<span id="cb7-86"></span>
<span id="cb7-87">server <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(input, output, session) {</span>
<span id="cb7-88">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tbl_Server</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'tbl'</span>)</span>
<span id="cb7-89">}</span>
<span id="cb7-90"></span>
<span id="cb7-91"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">shinyApp</span>(ui, server) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">print</span>()</span></code></pre></div>
</details>
</div>
</section>
</section>
<section id="advanced-widgets-with-shinywidgets" class="level2">
<h2 class="anchored" data-anchor-id="advanced-widgets-with-shinywidgets">Advanced Widgets with {shinywidgets}</h2>
<section id="video-7" class="level3">
<h3 class="anchored" data-anchor-id="video-7">Video</h3>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/OTt1oTWnZm4" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<p>Checkout the full R-Shiny playlist here 👉 <a href="https://www.youtube.com/playlist?list=PLBnFxG6owe1EP6Rg5XKnuGa-rZSnz3uqd"><strong>PLAYLIST</strong></a></p>
</section>
<section id="code-7" class="level3">
<h3 class="anchored" data-anchor-id="code-7">Code</h3>
<div class="cell">
<details class="code-fold">
<summary>Press to unfold code</summary>
<div class="sourceCode cell-code" id="cb8" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb8-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(shiny)</span>
<span id="cb8-2"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(bslib)</span>
<span id="cb8-3"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(ggplot2)</span>
<span id="cb8-4"></span>
<span id="cb8-5">df_pizza <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> gt<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>pizzaplace <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-6">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">date_sold =</span> readr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">parse_date</span>(date)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-7">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(date, time))</span>
<span id="cb8-8"></span>
<span id="cb8-9"></span>
<span id="cb8-10">plot_revenue_by_timeframe <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(</span>
<span id="cb8-11">  df,</span>
<span id="cb8-12">  timeframe,</span>
<span id="cb8-13">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">primary_color =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#007bc2'</span></span>
<span id="cb8-14">) {</span>
<span id="cb8-15">  <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">if</span> (<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">!</span>(timeframe <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">%in%</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'month'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'quarter'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'week'</span>))) {</span>
<span id="cb8-16">    cli<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">cli_abort</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Unsupported timeframe'</span>)</span>
<span id="cb8-17">  }</span>
<span id="cb8-18">  <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">if</span> (timeframe <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'month'</span>) {</span>
<span id="cb8-19">    fn_aggregate <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> lubridate<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>month</span>
<span id="cb8-20">  }</span>
<span id="cb8-21">  <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">if</span> (timeframe <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'quarter'</span>) {</span>
<span id="cb8-22">    fn_aggregate <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> lubridate<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>quarter</span>
<span id="cb8-23">  }</span>
<span id="cb8-24">  <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">if</span> (timeframe <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'week'</span>) {</span>
<span id="cb8-25">    fn_aggregate <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> lubridate<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>week</span>
<span id="cb8-26">  }</span>
<span id="cb8-27"></span>
<span id="cb8-28">  df <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-29">    dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">timeframe =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">fn_aggregate</span>(date_sold)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-30">    dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(</span>
<span id="cb8-31">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">price =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sum</span>(price),</span>
<span id="cb8-32">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> timeframe</span>
<span id="cb8-33">    ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-34">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> timeframe, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> price)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-35">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_col</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> primary_color) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-36">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(), <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>()) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-37">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_y_continuous</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">labels =</span> scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">label_dollar</span>()) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-38">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">24</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-39">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb8-40">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.major.x =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb8-41">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb8-42">    )</span>
<span id="cb8-43">}</span>
<span id="cb8-44"></span>
<span id="cb8-45">ui <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">page_navbar</span>(</span>
<span id="cb8-46">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'My {bslib} App'</span>,</span>
<span id="cb8-47">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">nav_panel</span>(</span>
<span id="cb8-48">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Stats'</span>,</span>
<span id="cb8-49">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">page_sidebar</span>(</span>
<span id="cb8-50">      shinyWidgets<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">useSweetAlert</span>(),</span>
<span id="cb8-51">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sidebar =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sidebar</span>(</span>
<span id="cb8-52">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sliderInput</span>(</span>
<span id="cb8-53">          <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'slider_timepoint'</span>,</span>
<span id="cb8-54">          <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Timeframe'</span>,</span>
<span id="cb8-55">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">min =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">min</span>(df_pizza<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>date_sold),</span>
<span id="cb8-56">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">max =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">max</span>(df_pizza<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>date_sold),</span>
<span id="cb8-57">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">value =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">range</span>(df_pizza<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>date_sold),</span>
<span id="cb8-58">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">225</span></span>
<span id="cb8-59">        ),</span>
<span id="cb8-60">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300</span></span>
<span id="cb8-61">      ),</span>
<span id="cb8-62">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">layout_column_wrap</span>(</span>
<span id="cb8-63">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">value_box</span>(</span>
<span id="cb8-64">          <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Pizzas sold'</span>,</span>
<span id="cb8-65">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">value =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">textOutput</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'nmbr_pizzas_sold'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">inline =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb8-66">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">showcase =</span> shiny<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">icon</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'pizza-slice'</span>)</span>
<span id="cb8-67">        ),</span>
<span id="cb8-68">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">value_box</span>(</span>
<span id="cb8-69">          <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Revenue generated'</span>,</span>
<span id="cb8-70">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">value =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">textOutput</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'nmbr_revenue_genrated'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">inline =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb8-71">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">showcase =</span> shiny<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">icon</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'sack-dollar'</span>)</span>
<span id="cb8-72">        ),</span>
<span id="cb8-73">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>,</span>
<span id="cb8-74">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'300px'</span>,</span>
<span id="cb8-75">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">min_height =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'100px'</span></span>
<span id="cb8-76">      ),</span>
<span id="cb8-77">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">card</span>(</span>
<span id="cb8-78">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">card_header</span>(</span>
<span id="cb8-79">          <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Revenue by month'</span></span>
<span id="cb8-80">        ),</span>
<span id="cb8-81">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">card_body</span>(</span>
<span id="cb8-82">          <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">plotOutput</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'plot_by_month'</span>)</span>
<span id="cb8-83">        ),</span>
<span id="cb8-84">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">full_screen =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span></span>
<span id="cb8-85">      ),</span>
<span id="cb8-86">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">navset_card_tab</span>(</span>
<span id="cb8-87">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">nav_panel</span>(</span>
<span id="cb8-88">          <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Revenue by week'</span>,</span>
<span id="cb8-89">          <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">card</span>(</span>
<span id="cb8-90">            <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">card_body</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">plotOutput</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'plot_by_week'</span>)),</span>
<span id="cb8-91">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">full_screen =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span></span>
<span id="cb8-92">          )</span>
<span id="cb8-93">        ),</span>
<span id="cb8-94">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">nav_panel</span>(</span>
<span id="cb8-95">          <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Revenue by quarter'</span>,</span>
<span id="cb8-96">          <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">card</span>(</span>
<span id="cb8-97">            <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">card_body</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">plotOutput</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'plot_by_quarter'</span>)),</span>
<span id="cb8-98">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">full_screen =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span></span>
<span id="cb8-99">          )</span>
<span id="cb8-100">        ),</span>
<span id="cb8-101">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">nav_spacer</span>(),</span>
<span id="cb8-102">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">nav_item</span>(</span>
<span id="cb8-103">          <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">actionLink</span>(</span>
<span id="cb8-104">            <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'btn_settings'</span>,</span>
<span id="cb8-105">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Settings'</span>,</span>
<span id="cb8-106">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">icon =</span> shiny<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">icon</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'gear'</span>)</span>
<span id="cb8-107">          )</span>
<span id="cb8-108">        )</span>
<span id="cb8-109">      )</span>
<span id="cb8-110">    )</span>
<span id="cb8-111">  ),</span>
<span id="cb8-112">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">nav_panel</span>(</span>
<span id="cb8-113">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Other Stuff'</span>,</span>
<span id="cb8-114">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Here is where your content could live.'</span></span>
<span id="cb8-115">  )</span>
<span id="cb8-116">)</span>
<span id="cb8-117"></span>
<span id="cb8-118">server <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(input, output, session) {</span>
<span id="cb8-119">  df_filtered_pizza <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactive</span>({</span>
<span id="cb8-120">    df_pizza <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-121">      dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(</span>
<span id="cb8-122">        date_sold <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;=</span> input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>slider_timepoint[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>],</span>
<span id="cb8-123">        date_sold <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&lt;=</span> input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>slider_timepoint[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>],</span>
<span id="cb8-124">      )</span>
<span id="cb8-125">  })</span>
<span id="cb8-126"></span>
<span id="cb8-127">  output<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>nmbr_pizzas_sold <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">renderText</span>({</span>
<span id="cb8-128">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">df_filtered_pizza</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-129">      dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">pull</span>(price) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-130">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">length</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-131">      scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">number</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">big.mark =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">','</span>)</span>
<span id="cb8-132">  })</span>
<span id="cb8-133">  output<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>nmbr_revenue_genrated <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">renderText</span>({</span>
<span id="cb8-134">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">df_filtered_pizza</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-135">      dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">pull</span>(price) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-136">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sum</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-137">      scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dollar</span>()</span>
<span id="cb8-138">  })</span>
<span id="cb8-139"></span>
<span id="cb8-140">  output<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>plot_by_month <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">renderPlot</span>({</span>
<span id="cb8-141">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">req</span>(df_filtered_pizza)</span>
<span id="cb8-142">    plt <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">df_filtered_pizza</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-143">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">plot_revenue_by_timeframe</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">timeframe =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'month'</span>)</span>
<span id="cb8-144">    plt <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_x_continuous</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">breaks =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">12</span>)</span>
<span id="cb8-145">  })</span>
<span id="cb8-146"></span>
<span id="cb8-147">  output<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>plot_by_week <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">renderPlot</span>({</span>
<span id="cb8-148">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">req</span>(df_filtered_pizza)</span>
<span id="cb8-149">    plt <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">df_filtered_pizza</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-150">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">plot_revenue_by_timeframe</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">timeframe =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'week'</span>)</span>
<span id="cb8-151">    plt <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_x_continuous</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">breaks =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">53</span>)</span>
<span id="cb8-152">  })</span>
<span id="cb8-153"></span>
<span id="cb8-154">  output<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>plot_by_quarter <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">renderPlot</span>({</span>
<span id="cb8-155">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">req</span>(df_filtered_pizza)</span>
<span id="cb8-156">    plt <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">df_filtered_pizza</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-157">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">plot_revenue_by_timeframe</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">timeframe =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'quarter'</span>)</span>
<span id="cb8-158">    plt <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_x_continuous</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">breaks =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>)</span>
<span id="cb8-159">  })</span>
<span id="cb8-160"></span>
<span id="cb8-161">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">observe</span>({</span>
<span id="cb8-162">    shinyWidgets<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">show_alert</span>(</span>
<span id="cb8-163">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Hooraay!'</span>,</span>
<span id="cb8-164">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">text =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'You clicked something'</span>,</span>
<span id="cb8-165">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">type =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'success'</span></span>
<span id="cb8-166">    )</span>
<span id="cb8-167">  }) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-168">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bindEvent</span>(input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>btn_settings)</span>
<span id="cb8-169">}</span>
<span id="cb8-170"></span>
<span id="cb8-171"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">shinyApp</span>(ui, server) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">print</span>()</span></code></pre></div>
</details>
</div>
</section>
</section>
<section id="the-easiest-way-to-export-data-from-your-r-shiny-apps" class="level2">
<h2 class="anchored" data-anchor-id="the-easiest-way-to-export-data-from-your-r-shiny-apps">The Easiest Way to Export Data From Your R-Shiny Apps</h2>
<section id="video-8" class="level3">
<h3 class="anchored" data-anchor-id="video-8">Video</h3>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/2oGEeDLDSO4" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<p>Checkout the full R-Shiny playlist here 👉 <a href="https://www.youtube.com/playlist?list=PLBnFxG6owe1EP6Rg5XKnuGa-rZSnz3uqd"><strong>PLAYLIST</strong></a></p>
</section>
<section id="code-8" class="level3">
<h3 class="anchored" data-anchor-id="code-8">Code</h3>
<div class="cell">
<details class="code-fold">
<summary>Press to unfold code</summary>
<div class="sourceCode cell-code" id="cb9" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb9-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(shiny)</span>
<span id="cb9-2"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(bslib)</span>
<span id="cb9-3"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(ggplot2)</span>
<span id="cb9-4"></span>
<span id="cb9-5">ui <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">page_sidebar</span>(</span>
<span id="cb9-6">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sidebar =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sidebar</span>(</span>
<span id="cb9-7">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">selectInput</span>(</span>
<span id="cb9-8">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'in_species'</span>,</span>
<span id="cb9-9">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Penguin species'</span>,</span>
<span id="cb9-10">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">choices =</span> palmerpenguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>penguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>species <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">unique</span>()</span>
<span id="cb9-11">    ),</span>
<span id="cb9-12">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">downloadButton</span>(</span>
<span id="cb9-13">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'btn_export_pdf'</span>,</span>
<span id="cb9-14">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Export Report'</span>,</span>
<span id="cb9-15">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">icon =</span> shiny<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">icon</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'file-pdf'</span>)</span>
<span id="cb9-16">    ),</span>
<span id="cb9-17">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">downloadButton</span>(</span>
<span id="cb9-18">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'btn_export_excel'</span>,</span>
<span id="cb9-19">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Export Report'</span>,</span>
<span id="cb9-20">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">icon =</span> shiny<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">icon</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'file-excel'</span>)</span>
<span id="cb9-21">    )</span>
<span id="cb9-22">  ),</span>
<span id="cb9-23"></span>
<span id="cb9-24">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">h1</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Penguins are cool!'</span>),</span>
<span id="cb9-25">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">value_box</span>(</span>
<span id="cb9-26">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Number of penguins'</span>,</span>
<span id="cb9-27">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">value =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">textOutput</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'out_n_penguins'</span>),</span>
<span id="cb9-28">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">showcase =</span> shiny<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">icon</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'hashtag'</span>),</span>
<span id="cb9-29">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">min_height =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>,</span>
<span id="cb9-30">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">max_height =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">150</span></span>
<span id="cb9-31">  ),</span>
<span id="cb9-32"></span>
<span id="cb9-33">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">card</span>(</span>
<span id="cb9-34">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">card_header</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Look at them penguins!'</span>),</span>
<span id="cb9-35">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">card_body</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">plotOutput</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'out_plt_penguins'</span>))</span>
<span id="cb9-36">  )</span>
<span id="cb9-37">)</span>
<span id="cb9-38"></span>
<span id="cb9-39">server <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(input, output, session) {</span>
<span id="cb9-40">  r_df_penguins <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactive</span>({</span>
<span id="cb9-41">    palmerpenguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>penguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb9-42">      dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(species <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>in_species)</span>
<span id="cb9-43">  })</span>
<span id="cb9-44"></span>
<span id="cb9-45">  output<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>out_n_penguins <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">renderText</span>({</span>
<span id="cb9-46">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">r_df_penguins</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">nrow</span>()</span>
<span id="cb9-47">  })</span>
<span id="cb9-48"></span>
<span id="cb9-49">  output<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>btn_export_pdf <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">downloadHandler</span>(</span>
<span id="cb9-50">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">filename =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>() {</span>
<span id="cb9-51">      glue<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">glue</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"{input$in_species}_report.pdf"</span>)</span>
<span id="cb9-52">    },</span>
<span id="cb9-53">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">content =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(file) {</span>
<span id="cb9-54">      quarto<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">quarto_render</span>(</span>
<span id="cb9-55">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">input =</span> here<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">here</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'114_pdf_export/report_template.qmd'</span>),</span>
<span id="cb9-56">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">execute_params =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">species =</span> input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>in_species)</span>
<span id="cb9-57">      )</span>
<span id="cb9-58">      fs<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">file_copy</span>(</span>
<span id="cb9-59">        here<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">here</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'114_pdf_export/report_template.pdf'</span>),</span>
<span id="cb9-60">        file</span>
<span id="cb9-61">      )</span>
<span id="cb9-62">    }</span>
<span id="cb9-63">  )</span>
<span id="cb9-64"></span>
<span id="cb9-65">  output<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>btn_export_excel <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">downloadHandler</span>(</span>
<span id="cb9-66">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">filename =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>() {</span>
<span id="cb9-67">      glue<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">glue</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"{input$in_species}_raw.xlsx"</span>)</span>
<span id="cb9-68">    },</span>
<span id="cb9-69">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">content =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(file) {</span>
<span id="cb9-70">      wb <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> openxlsx<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">createWorkbook</span>()</span>
<span id="cb9-71">      openxlsx<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">addWorksheet</span>(wb, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Data"</span>)</span>
<span id="cb9-72"></span>
<span id="cb9-73">      header_style <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> openxlsx<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">createStyle</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">textDecoration =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"bold"</span>)</span>
<span id="cb9-74">      openxlsx<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">writeData</span>(</span>
<span id="cb9-75">        wb,</span>
<span id="cb9-76">        <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Data"</span>,</span>
<span id="cb9-77">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">r_df_penguins</span>(),</span>
<span id="cb9-78">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">headerStyle =</span> header_style</span>
<span id="cb9-79">      )</span>
<span id="cb9-80">      openxlsx<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">setColWidths</span>(</span>
<span id="cb9-81">        wb,</span>
<span id="cb9-82">        <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Data"</span>,</span>
<span id="cb9-83">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cols =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ncol</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">r_df_penguins</span>()),</span>
<span id="cb9-84">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">widths =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rep</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">20</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">6</span>), <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span>)</span>
<span id="cb9-85">      )</span>
<span id="cb9-86"></span>
<span id="cb9-87">      openxlsx<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">saveWorkbook</span>(wb, file, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">overwrite =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>)</span>
<span id="cb9-88">    }</span>
<span id="cb9-89">  )</span>
<span id="cb9-90"></span>
<span id="cb9-91">  output<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>out_plt_penguins <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">renderPlot</span>({</span>
<span id="cb9-92">    palmerpenguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>penguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb9-93">      dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">!</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">is.na</span>(sex)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb9-94">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(</span>
<span id="cb9-95">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(</span>
<span id="cb9-96">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> body_mass_g,</span>
<span id="cb9-97">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> flipper_length_mm,</span>
<span id="cb9-98">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> (species <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>in_species)</span>
<span id="cb9-99">        )</span>
<span id="cb9-100">      ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-101">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_point</span>(</span>
<span id="cb9-102">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>,</span>
<span id="cb9-103">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">shape =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">21</span>,</span>
<span id="cb9-104">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'white'</span>,</span>
<span id="cb9-105">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">show.legend =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span></span>
<span id="cb9-106">      ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-107">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_point</span>(</span>
<span id="cb9-108">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">data =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">r_df_penguins</span>(),</span>
<span id="cb9-109">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>,</span>
<span id="cb9-110">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">shape =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">21</span>,</span>
<span id="cb9-111">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'white'</span>,</span>
<span id="cb9-112">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">show.legend =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span></span>
<span id="cb9-113">      ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-114">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_fill_manual</span>(</span>
<span id="cb9-115">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">values =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"TRUE"</span> <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'dodgerblue4'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"FALSE"</span> <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'grey80'</span>)</span>
<span id="cb9-116">      ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-117">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">12</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-118">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Weight (g)'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Flipper length (mm)'</span>)</span>
<span id="cb9-119">  })</span>
<span id="cb9-120">}</span>
<span id="cb9-121"></span>
<span id="cb9-122"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">shinyApp</span>(ui, server) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">print</span>()</span></code></pre></div>
</details>
</div>
</section>
<section id="additional-files" class="level3">
<h3 class="anchored" data-anchor-id="additional-files">Additional Files</h3>
<ul>
<li><a href="./_report_template.qmd">report_template.qmd</a></li>
<li><a href="./typst-show.typ">typst-show.typ</a></li>
<li><a href="./typst-template.typ">typst-template.typ</a></li>
</ul>
</section>
</section>
<section id="how-to-build-any-r-shiny-app-you-want-with-custom-html-css-js" class="level2">
<h2 class="anchored" data-anchor-id="how-to-build-any-r-shiny-app-you-want-with-custom-html-css-js">How To Build ANY R-Shiny App You Want (with custom HTML, CSS &amp; JS)</h2>
<section id="video-9" class="level3">
<h3 class="anchored" data-anchor-id="video-9">Video</h3>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/KrcoQY8AQy0" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<p>Checkout the full R-Shiny playlist here 👉 <a href="https://www.youtube.com/playlist?list=PLBnFxG6owe1EP6Rg5XKnuGa-rZSnz3uqd"><strong>PLAYLIST</strong></a></p>
</section>
<section id="code-9" class="level3">
<h3 class="anchored" data-anchor-id="code-9">Code</h3>
<div class="cell">
<details class="code-fold">
<summary>Press to unfold code</summary>
<div class="sourceCode cell-code" id="cb10" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb10-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(shiny)</span>
<span id="cb10-2"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(bslib)</span>
<span id="cb10-3"></span>
<span id="cb10-4"></span>
<span id="cb10-5">replies_names <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb10-6">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">markdown</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Teach them about `ctrl + shift + F10`."</span>),</span>
<span id="cb10-7">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Set their computer on fire."</span>,</span>
<span id="cb10-8">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Do nothing."</span>,</span>
<span id="cb10-9">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Run for your life."</span></span>
<span id="cb10-10">)</span>
<span id="cb10-11"></span>
<span id="cb10-12">replies_values <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb10-13">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'teach'</span>,</span>
<span id="cb10-14">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'fire'</span>,</span>
<span id="cb10-15">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'nothing'</span>,</span>
<span id="cb10-16">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'run'</span></span>
<span id="cb10-17">)</span>
<span id="cb10-18"></span>
<span id="cb10-19">replies_correct_values <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb10-20">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'teach'</span>,</span>
<span id="cb10-21">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'fire'</span>,</span>
<span id="cb10-22">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'run'</span></span>
<span id="cb10-23">)</span>
<span id="cb10-24"></span>
<span id="cb10-25">ui <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">page_fluid</span>(</span>
<span id="cb10-26">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">theme =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bs_theme</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">primary =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#404040'</span>),</span>
<span id="cb10-27">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">includeCSS</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'www/styles_recordings.css'</span>),</span>
<span id="cb10-28">  shinyjs<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">useShinyjs</span>(),</span>
<span id="cb10-29">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb10-30">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb10-31">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">h1</span>(</span>
<span id="cb10-32">        <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'A silly little quiz'</span>,</span>
<span id="cb10-33">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">class =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'d-flex m-auto pt-4'</span>,</span>
<span id="cb10-34">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'width: fit-content'</span></span>
<span id="cb10-35">      )</span>
<span id="cb10-36">    ),</span>
<span id="cb10-37">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb10-38">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">class =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'p-4'</span>,</span>
<span id="cb10-39">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb10-40">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">class =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'m-auto w-75 p-4 rounded shadow-lg'</span>,</span>
<span id="cb10-41">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb10-42">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">outline =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'1px solid black'</span>,</span>
<span id="cb10-43">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">min_width =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'300px'</span>,</span>
<span id="cb10-44">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">max_width =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'500px'</span></span>
<span id="cb10-45">        ),</span>
<span id="cb10-46">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">markdown</span>(</span>
<span id="cb10-47">          <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"What is the correct response when you look into someone's R code and see `rm(list = ls())`?"</span></span>
<span id="cb10-48">        ),</span>
<span id="cb10-49">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb10-50">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">id =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'reply_area'</span>,</span>
<span id="cb10-51">          shinyWidgets<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">checkboxGroupButtons</span>(</span>
<span id="cb10-52">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">inputId =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"reply_answer"</span>,</span>
<span id="cb10-53">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NULL</span>,</span>
<span id="cb10-54">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">choiceNames =</span> replies_names,</span>
<span id="cb10-55">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">choiceValues =</span> replies_values,</span>
<span id="cb10-56">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">direction =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"vertical"</span>,</span>
<span id="cb10-57">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'100%'</span></span>
<span id="cb10-58">          ),</span>
<span id="cb10-59">        ),</span>
<span id="cb10-60">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb10-61">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">class =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'d-flex'</span>,</span>
<span id="cb10-62">          <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">actionButton</span>(</span>
<span id="cb10-63">            <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'btn_check'</span>,</span>
<span id="cb10-64">            <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Check answers'</span>,</span>
<span id="cb10-65">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">class =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'ms-auto'</span></span>
<span id="cb10-66">          )</span>
<span id="cb10-67">        )</span>
<span id="cb10-68">      )</span>
<span id="cb10-69">    )</span>
<span id="cb10-70">  )</span>
<span id="cb10-71">)</span>
<span id="cb10-72"></span>
<span id="cb10-73">server <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(input, output, session) {</span>
<span id="cb10-74">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">observe</span>({</span>
<span id="cb10-75">    <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">if</span> (<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">!</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">isTruthy</span>(input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>reply_answer)) {</span>
<span id="cb10-76">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">showNotification</span>(</span>
<span id="cb10-77">        <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Pick at least one answer.'</span>,</span>
<span id="cb10-78">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">type =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'error'</span></span>
<span id="cb10-79">      )</span>
<span id="cb10-80">    }</span>
<span id="cb10-81"></span>
<span id="cb10-82">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">req</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">isTruthy</span>(input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>reply_answer))</span>
<span id="cb10-83"></span>
<span id="cb10-84">    correct_number_of_replies <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> (<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">length</span>(input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>reply_answer) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span></span>
<span id="cb10-85">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">length</span>(replies_correct_values))</span>
<span id="cb10-86">    all_correct_answers <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> correct_number_of_replies <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&amp;&amp;</span></span>
<span id="cb10-87">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">all</span>(</span>
<span id="cb10-88">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sort</span>(input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>reply_answer) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sort</span>(replies_correct_values)</span>
<span id="cb10-89">      )</span>
<span id="cb10-90">    <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">if</span> (all_correct_answers) {</span>
<span id="cb10-91">      shinyWidgets<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">show_alert</span>(</span>
<span id="cb10-92">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'HOOORAY!'</span>,</span>
<span id="cb10-93">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">text =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Yes, you answered everything correctly.'</span>,</span>
<span id="cb10-94">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">type =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'success'</span></span>
<span id="cb10-95">      )</span>
<span id="cb10-96">    } <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">else</span> {</span>
<span id="cb10-97">      shinyWidgets<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">show_alert</span>(</span>
<span id="cb10-98">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Oh no!'</span>,</span>
<span id="cb10-99">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">text =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'This is not the (fully) correct answer.'</span>,</span>
<span id="cb10-100">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">type =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'error'</span></span>
<span id="cb10-101">      )</span>
<span id="cb10-102">    }</span>
<span id="cb10-103"></span>
<span id="cb10-104">    class_replies <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ifelse</span>(</span>
<span id="cb10-105">      replies_values <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">%in%</span> replies_correct_values,</span>
<span id="cb10-106">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'correct_reply'</span>,</span>
<span id="cb10-107">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'incorrect_reply'</span></span>
<span id="cb10-108">    )</span>
<span id="cb10-109">    label_command_replies <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> glue<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">glue</span>(</span>
<span id="cb10-110">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"labels[{seq_along(class_replies) - 1}].classList.add('{class_replies}');"</span>,</span>
<span id="cb10-111">    ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb10-112">      stringr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_flatten</span>()</span>
<span id="cb10-113"></span>
<span id="cb10-114">    shinyjs<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">runjs</span>(</span>
<span id="cb10-115">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">paste0</span>(</span>
<span id="cb10-116">        <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"var labels = document.querySelectorAll('label.btn.checkbtn');"</span>,</span>
<span id="cb10-117">        label_command_replies,</span>
<span id="cb10-118">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">collapse =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span></span>
<span id="cb10-119">      )</span>
<span id="cb10-120">    )</span>
<span id="cb10-121">  }) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb10-122">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bindEvent</span>(input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>btn_check)</span>
<span id="cb10-123">}</span>
<span id="cb10-124"></span>
<span id="cb10-125"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">shinyApp</span>(ui, server) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">print</span>()</span></code></pre></div>
</details>
</div>
</section>
<section id="additional-files-1" class="level3">
<h3 class="anchored" data-anchor-id="additional-files-1">Additional Files</h3>
<ul>
<li><a href="./styles_recordings.css">styles_recordings.css</a></li>
</ul>
</section>
</section>
<section id="easy-ways-to-stop-bad-inputs-in-r-shiny-apps" class="level2">
<h2 class="anchored" data-anchor-id="easy-ways-to-stop-bad-inputs-in-r-shiny-apps">3 Easy Ways to Stop Bad Inputs in R-Shiny Apps</h2>
<section id="video-10" class="level3">
<h3 class="anchored" data-anchor-id="video-10">Video</h3>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/_PDECtHv5eQ" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<p>Checkout the full R-Shiny playlist here 👉 <a href="https://www.youtube.com/playlist?list=PLBnFxG6owe1EP6Rg5XKnuGa-rZSnz3uqd"><strong>PLAYLIST</strong></a></p>
</section>
<section id="code-10" class="level3">
<h3 class="anchored" data-anchor-id="code-10">Code</h3>
<div class="cell">
<details class="code-fold">
<summary>Press to unfold code</summary>
<div class="sourceCode cell-code" id="cb11" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb11-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(shiny)</span>
<span id="cb11-2"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(bslib)</span>
<span id="cb11-3"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(shinyvalidate)</span>
<span id="cb11-4"></span>
<span id="cb11-5">ui <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">page_fluid</span>(</span>
<span id="cb11-6">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb11-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">class =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'m-2'</span>,</span>
<span id="cb11-8">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">h1</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Shiny Validation Demo'</span>),</span>
<span id="cb11-9">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb11-10">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">class =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'d-flex'</span>,</span>
<span id="cb11-11">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">textInput</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'in_txt_name'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'What is your name?'</span>),</span>
<span id="cb11-12">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb11-13">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">class =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'ms-2'</span>,</span>
<span id="cb11-14">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">selectizeInput</span>(</span>
<span id="cb11-15">          <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'in_select_month'</span>,</span>
<span id="cb11-16">          <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Select your desired month'</span>,</span>
<span id="cb11-17">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">choices =</span> month.name,</span>
<span id="cb11-18">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">multiple =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>,</span>
<span id="cb11-19">          <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">#options = list(maxItems = 3)</span></span>
<span id="cb11-20">        )</span>
<span id="cb11-21">      )</span>
<span id="cb11-22">    ),</span>
<span id="cb11-23">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">verbatimTextOutput</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'out_verbatim_txt'</span>)</span>
<span id="cb11-24">  )</span>
<span id="cb11-25">)</span>
<span id="cb11-26"></span>
<span id="cb11-27">server <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(input, output, session) {</span>
<span id="cb11-28">  iv <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> InputValidator<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">new</span>()</span>
<span id="cb11-29">  iv<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_rule</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"in_txt_name"</span>, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sv_required</span>())</span>
<span id="cb11-30">  iv<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_rule</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"in_select_month"</span>, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sv_required</span>())</span>
<span id="cb11-31">  iv<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_rule</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"in_txt_name"</span>, \(x) {</span>
<span id="cb11-32">    is_long_enough_name <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> stringr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_length</span>(x) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;=</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span></span>
<span id="cb11-33">    <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">if</span> (<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">!</span>is_long_enough_name) {</span>
<span id="cb11-34">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Please provide a name of length that is at least 3"</span></span>
<span id="cb11-35">    }</span>
<span id="cb11-36">  })</span>
<span id="cb11-37">  iv<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_rule</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"in_select_month"</span>, \(x) {</span>
<span id="cb11-38">    is_only_three_months <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">length</span>(x) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&lt;=</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span></span>
<span id="cb11-39">    <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">if</span> (<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">!</span>is_only_three_months) {</span>
<span id="cb11-40">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Please provide at most 3 months"</span></span>
<span id="cb11-41">    }</span>
<span id="cb11-42">  })</span>
<span id="cb11-43">  iv<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">enable</span>()</span>
<span id="cb11-44"></span>
<span id="cb11-45">  output<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>out_verbatim_txt <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">renderPrint</span>({</span>
<span id="cb11-46">    is_long_enough_name <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> stringr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_length</span>(input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>in_txt_name) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;=</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span></span>
<span id="cb11-47">    is_at_least_one_month <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">length</span>(input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>in_select_month) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;=</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span></span>
<span id="cb11-48">    is_only_three_months <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">length</span>(input<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>in_select_month) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&lt;=</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span></span>
<span id="cb11-49"></span>
<span id="cb11-50">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">validate</span>(</span>
<span id="cb11-51">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">need</span>(</span>
<span id="cb11-52">        is_long_enough_name,</span>
<span id="cb11-53">        <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Please provide a name of length that is at least 3"</span></span>
<span id="cb11-54">      ),</span>
<span id="cb11-55">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">need</span>(is_at_least_one_month, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Please provide a month"</span>),</span>
<span id="cb11-56">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">need</span>(is_only_three_months, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Please provide at most 3 months"</span>),</span>
<span id="cb11-57">    )</span>
<span id="cb11-58"></span>
<span id="cb11-59">    epoxy<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">epoxy</span>(</span>
<span id="cb11-60">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Hi {input$in_txt_name}, you selected {.and input$in_select_month}."</span></span>
<span id="cb11-61">    )</span>
<span id="cb11-62">  })</span>
<span id="cb11-63">}</span>
<span id="cb11-64"></span>
<span id="cb11-65"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">shinyApp</span>(ui, server) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">print</span>()</span></code></pre></div>
</details>
</div>


</section>
</section>

 ]]></description>
  <category>WebDev</category>
  <guid>https://albert-rapp.de/posts/web_dev/09_shiny_explained/09_shiny_explained.html</guid>
  <pubDate>Sat, 13 Sep 2025 22:00:00 GMT</pubDate>
</item>
<item>
  <title>How to Finally Fix Your Tables in Typst PDFs (using {gt} tables)</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/37_gt_typst/</link>
  <description><![CDATA[ 




<p><link rel="stylesheet" href="../../../new_code_theme.css"></p>
<section id="the-easiest-way-to-export-data-from-your-r-shiny-apps" class="level2">
<h2 class="anchored" data-anchor-id="the-easiest-way-to-export-data-from-your-r-shiny-apps">The Easiest Way to Export Data From Your R-Shiny Apps</h2>
<section id="video" class="level3">
<h3 class="anchored" data-anchor-id="video">Video</h3>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/oUK6vucoDaI" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<p>Checkout the my other explainer videos here 👉 <a href="https://www.youtube.com/watch?v=Qy_CG7BeUs8&amp;list=PLBnFxG6owe1EzWjq_rOfdWcWP8QBxcm58&amp;ab_channel=AlbertRapp"><strong>PLAYLIST</strong></a></p>
</section>
<section id="code" class="level3">
<h3 class="anchored" data-anchor-id="code">Code</h3>
<p>All code in additional files.</p>
</section>
<section id="additional-files" class="level3">
<h3 class="anchored" data-anchor-id="additional-files">Additional Files</h3>
<ul>
<li><a href="./_recording.qmd">Recording.qmd</a></li>
<li><a href="./filter_recording.lua">Lua filter</a></li>
</ul>


</section>
</section>

 ]]></description>
  <guid>https://albert-rapp.de/posts/37_gt_typst/</guid>
  <pubDate>Sat, 30 Aug 2025 22:00:00 GMT</pubDate>
</item>
<item>
  <title>File Management With The {fs} Package</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/36_fs_package/</link>
  <description><![CDATA[ 




<p><link rel="stylesheet" href="../../../new_code_theme.css"></p>
<p>As data scientists we often have to deal with lots of tedious tasks. One such tedious task can be interacting with the file system on our computer or the remote machine we’re working with. Thankfully, the <code>{fs}</code> package has a bunch of convenvience function that make our life a whole lot easier.</p>
<p>Let’s check out a few examples. And if videos are more your thing, you can also watch the video version of this blog post on YouTube.</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/EfHVYXqIuJ4" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<section id="assemble-paths" class="level2">
<h2 class="anchored" data-anchor-id="assemble-paths">Assemble paths</h2>
<p>Check out this data set.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb1" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb1-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(tidyverse)</span>
<span id="cb1-2"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(fs)</span>
<span id="cb1-3">original_tib <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(</span>
<span id="cb1-4">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">dir =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'some/path/blub'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'bla/here/'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'direct/'</span>),</span>
<span id="cb1-5">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">file_names =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'file_a.csv'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'file_b.csv'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'file_c.txt'</span>)</span>
<span id="cb1-6">)</span>
<span id="cb1-7">original_tib</span>
<span id="cb1-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 3 × 2</span></span>
<span id="cb1-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   dir            file_names</span></span>
<span id="cb1-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;chr&gt;          &lt;chr&gt;     </span></span>
<span id="cb1-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1 some/path/blub file_a.csv</span></span>
<span id="cb1-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2 bla/here/      file_b.csv</span></span>
<span id="cb1-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 3 direct/        file_c.txt</span></span></code></pre></div>
</div>
<p>Here, assembling a path in the form <code>directory/file_name.ext</code> can be tricky. Some directories have trailing <code>/</code> and some don’t. So, working with <code>paste0()</code> or <code>glue::glue()</code> would be challenging. Thankfully, the <code>path()</code> function from the <code>{fs}</code> package doesn’t care whether trailing <code>/</code> are there or not.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb2" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb2-1">original_tib <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb2-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">path =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">path</span>(dir, file_names))</span>
<span id="cb2-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 3 × 3</span></span>
<span id="cb2-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   dir            file_names path                     </span></span>
<span id="cb2-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;chr&gt;          &lt;chr&gt;      &lt;fs::path&gt;               </span></span>
<span id="cb2-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1 some/path/blub file_a.csv some/path/blub/file_a.csv</span></span>
<span id="cb2-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2 bla/here/      file_b.csv bla/here/file_b.csv      </span></span>
<span id="cb2-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 3 direct/        file_c.txt direct/file_c.txt</span></span></code></pre></div>
</div>
</section>
<section id="remove-and-set-extensions" class="level2">
<h2 class="anchored" data-anchor-id="remove-and-set-extensions">Remove and set extensions</h2>
<p>We can even modify file extensions really easily. That’s convenient when we want to take input from csv-files and then turn the data into images using the same file names.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb3" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb3-1">original_tib <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb3-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb3-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">path =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">path</span>(dir, file_names),</span>
<span id="cb3-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">out_path =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">path_ext_set</span>(path, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'png'</span>)</span>
<span id="cb3-5">  )</span>
<span id="cb3-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 3 × 4</span></span>
<span id="cb3-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   dir            file_names path                      out_path                 </span></span>
<span id="cb3-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;chr&gt;          &lt;chr&gt;      &lt;fs::path&gt;                &lt;fs::path&gt;               </span></span>
<span id="cb3-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1 some/path/blub file_a.csv some/path/blub/file_a.csv some/path/blub/file_a.png</span></span>
<span id="cb3-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2 bla/here/      file_b.csv bla/here/file_b.csv       bla/here/file_b.png      </span></span>
<span id="cb3-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 3 direct/        file_c.txt direct/file_c.txt         direct/file_c.png</span></span></code></pre></div>
</div>
</section>
<section id="get-directory-infos" class="level2">
<h2 class="anchored" data-anchor-id="get-directory-infos">Get directory infos</h2>
<p>You can get information on a directory as a tree in the console. Here, I’m using a directory called <code>raw-input</code> inside my working directory to demonstrate that.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb4" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb4-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dir_tree</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'raw-input'</span>)</span>
<span id="cb4-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## raw-input</span></span>
<span id="cb4-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ├── a</span></span>
<span id="cb4-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## │   └── dat.csv</span></span>
<span id="cb4-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ├── b</span></span>
<span id="cb4-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## │   └── dat.csv</span></span>
<span id="cb4-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## └── c</span></span>
<span id="cb4-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##     └── dat.csv</span></span></code></pre></div>
</div>
<p>You can also get lots of information on these files.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb5" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb5-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dir_info</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'raw-input'</span>)</span>
<span id="cb5-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 3 × 18</span></span>
<span id="cb5-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   path        type    size permissions modification_time   user  group device_id</span></span>
<span id="cb5-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;fs::path&gt;  &lt;fct&gt;  &lt;fs:&gt; &lt;fs::perms&gt; &lt;dttm&gt;              &lt;chr&gt; &lt;chr&gt;     &lt;dbl&gt;</span></span>
<span id="cb5-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1 raw-input/a direc…    4K rwxrwxr-x   2025-03-29 09:02:24 albe… albe…     66307</span></span>
<span id="cb5-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2 raw-input/b direc…    4K rwxrwxr-x   2025-03-29 09:04:33 albe… albe…     66307</span></span>
<span id="cb5-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 3 raw-input/c direc…    4K rwxrwxr-x   2025-03-29 09:04:35 albe… albe…     66307</span></span>
<span id="cb5-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 10 more variables: hard_links &lt;dbl&gt;, special_device_id &lt;dbl&gt;, inode &lt;dbl&gt;,</span></span>
<span id="cb5-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   block_size &lt;dbl&gt;, blocks &lt;dbl&gt;, flags &lt;int&gt;, generation &lt;dbl&gt;,</span></span>
<span id="cb5-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   access_time &lt;dttm&gt;, change_time &lt;dttm&gt;, birth_time &lt;dttm&gt;</span></span></code></pre></div>
</div>
<p>But in a lot of cases, it will probably suffice to just get the file paths.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb6" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb6-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dir_ls</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'raw-input'</span>)</span>
<span id="cb6-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## raw-input/a raw-input/b raw-input/c</span></span></code></pre></div>
</div>
<p>In this function, you’ll need to use <code>recurse = TRUE</code>, though, to go into nested structures.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb7" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb7-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dir_ls</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'raw-input'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">recurse =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>)</span>
<span id="cb7-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## raw-input/a         raw-input/a/dat.csv raw-input/b         raw-input/b/dat.csv </span></span>
<span id="cb7-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## raw-input/c         raw-input/c/dat.csv</span></span></code></pre></div>
</div>
</section>
<section id="iterate-over-file-paths" class="level2">
<h2 class="anchored" data-anchor-id="iterate-over-file-paths">Iterate over file paths</h2>
<p>Usually, you don’t want to stop after finding the desired paths. You usually want to iterate over them. For this, you can save the output of <code>dir_ls()</code> into a vector and iterate through it using the <code>map()</code> or <code>walk()</code> function. Here, the function I use inside of <code>walk()</code> will</p>
<ul>
<li>load the data using the specified path,</li>
<li>create a ggplot from it, and</li>
<li>save the image.</li>
</ul>
<p>The tricky thing here is that I do want to save the files in an <code>output</code> directory. It is supposed to have the same structure as the <code>raw-input</code> directory. That’s why I also need to create the necessary paths and directories for that inside the function.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb8" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb8-1">csv_files <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dir_ls</span>(</span>
<span id="cb8-2">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'raw-input'</span>,</span>
<span id="cb8-3">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">recurse =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>,</span>
<span id="cb8-4">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">regexp =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">.csv$'</span></span>
<span id="cb8-5">)</span>
<span id="cb8-6"></span>
<span id="cb8-7">csv_files <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">walk</span>(</span>
<span id="cb8-9">    \(file_path) {</span>
<span id="cb8-10">      plt <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">read_csv</span>(file_path) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-11">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(col_a, col_b)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-12">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_point</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'dodgerblue4'</span>)</span>
<span id="cb8-13"></span>
<span id="cb8-14">      out_path <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> file_path <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-15">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">path_ext_set</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'.png'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb8-16">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_replace</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'^raw-input'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'output'</span>)</span>
<span id="cb8-17"></span>
<span id="cb8-18">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dir_create</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">path_dir</span>(out_path))</span>
<span id="cb8-19">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggsave</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">filename =</span> out_path)</span>
<span id="cb8-20">    }</span>
<span id="cb8-21">  )</span>
<span id="cb8-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Rows: 3 Columns: 3</span></span>
<span id="cb8-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ── Column specification ────────────────────────────────────────────────────────</span></span>
<span id="cb8-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Delimiter: ","</span></span>
<span id="cb8-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## dbl (3): col_a, col_b, col_c</span></span>
<span id="cb8-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## </span></span>
<span id="cb8-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ℹ Use `spec()` to retrieve the full column specification for this data.</span></span>
<span id="cb8-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ℹ Specify the column types or set `show_col_types = FALSE` to quiet this message.</span></span>
<span id="cb8-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Saving 6 x 4 in image</span></span>
<span id="cb8-30"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Rows: 3 Columns: 3</span></span>
<span id="cb8-31"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ── Column specification ────────────────────────────────────────────────────────</span></span>
<span id="cb8-32"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Delimiter: ","</span></span>
<span id="cb8-33"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## dbl (3): col_a, col_b, col_c</span></span>
<span id="cb8-34"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## </span></span>
<span id="cb8-35"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ℹ Use `spec()` to retrieve the full column specification for this data.</span></span>
<span id="cb8-36"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ℹ Specify the column types or set `show_col_types = FALSE` to quiet this message.</span></span>
<span id="cb8-37"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Saving 6 x 4 in image</span></span>
<span id="cb8-38"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Rows: 3 Columns: 3</span></span>
<span id="cb8-39"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ── Column specification ────────────────────────────────────────────────────────</span></span>
<span id="cb8-40"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Delimiter: ","</span></span>
<span id="cb8-41"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## dbl (3): col_a, col_b, col_c</span></span>
<span id="cb8-42"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## </span></span>
<span id="cb8-43"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ℹ Use `spec()` to retrieve the full column specification for this data.</span></span>
<span id="cb8-44"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ℹ Specify the column types or set `show_col_types = FALSE` to quiet this message.</span></span>
<span id="cb8-45"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Saving 6 x 4 in image</span></span></code></pre></div>
</div>
<p>Splendid. This should have worked and you can now see the <code>output</code> directory and the plots in the file tree.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb9" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb9-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dir_tree</span>()</span>
<span id="cb9-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## .</span></span>
<span id="cb9-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ├── index.qmd</span></span>
<span id="cb9-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ├── index.rmarkdown</span></span>
<span id="cb9-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ├── output</span></span>
<span id="cb9-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## │   ├── a</span></span>
<span id="cb9-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## │   │   └── dat.png</span></span>
<span id="cb9-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## │   ├── b</span></span>
<span id="cb9-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## │   │   └── dat.png</span></span>
<span id="cb9-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## │   └── c</span></span>
<span id="cb9-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## │       └── dat.png</span></span>
<span id="cb9-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## └── raw-input</span></span>
<span id="cb9-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##     ├── a</span></span>
<span id="cb9-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##     │   └── dat.csv</span></span>
<span id="cb9-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##     ├── b</span></span>
<span id="cb9-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##     │   └── dat.csv</span></span>
<span id="cb9-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##     └── c</span></span>
<span id="cb9-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##         └── dat.csv</span></span></code></pre></div>
</div>


</section>

 ]]></description>
  <guid>https://albert-rapp.de/posts/36_fs_package/</guid>
  <pubDate>Sat, 29 Mar 2025 23:00:00 GMT</pubDate>
</item>
<item>
  <title>The difference between = and &lt;- finally explained</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/35_equal_vs_arrow/35_equal_vs_arrow.html</link>
  <description><![CDATA[ 




<p><link rel="stylesheet" href="../../../new_code_theme.css"></p>
<p>In today’s blogpost, we take a look at one of the most questions about R: What’s the difference between <code>&lt;-</code> and <code>=</code>? And as always, there’s a video version for you:</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/oQLcpkDXysM" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<section id="similar-assignment" class="level2">
<h2 class="anchored" data-anchor-id="similar-assignment">Similar assignment</h2>
<p>Let’s first talk about the similarities of both operators. Obviously, both work as expected when you assign values to variable names.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb1" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb1-1">a <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span></span>
<span id="cb1-2">a</span>
<span id="cb1-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] 1</span></span>
<span id="cb1-4">a <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span></span>
<span id="cb1-5">a</span>
<span id="cb1-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] 2</span></span></code></pre></div>
</div>
<p>This even works in functions. Take this function, It always returns 5 whatever you stick into the argument <code>a</code>:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb2" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb2-1">fct <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(some_nmbr) {</span>
<span id="cb2-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">print</span>(glue<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">glue</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'I received {some_nmbr}.'</span>))</span>
<span id="cb2-3">  <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span></span>
<span id="cb2-4">}</span>
<span id="cb2-5"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">fct</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">some_nmbr =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>)</span>
<span id="cb2-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## I received 10.</span></span>
<span id="cb2-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] 5</span></span>
<span id="cb2-8"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">fct</span>(some_nmbr <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>)</span>
<span id="cb2-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## I received 10.</span></span>
<span id="cb2-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] 5</span></span></code></pre></div>
</div>
<p>Boring function but have you seen how both <code>=</code> and <code>&lt;-</code> worked the same? That’s why it’s easy to think that both operators are indeed the same. But that’s where different scoping comes in.</p>
</section>
<section id="scoping" class="level2">
<h2 class="anchored" data-anchor-id="scoping">Scoping</h2>
<p>The <code>&lt;-</code> operator has a broader scope. It can create variables in the global environment when used inside functions, while <code>=</code> typically only assigns within the local function environment.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb3" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb3-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rm</span>(some_nmbr) <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># make sure that some_nmbr doesn't currently </span></span>
<span id="cb3-2">              <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># exist in global env</span></span>
<span id="cb3-3"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">fct</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">some_nmbr =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>)</span>
<span id="cb3-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## I received 10.</span></span>
<span id="cb3-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] 5</span></span></code></pre></div>
</div>
<p>Even though we assigned <code>some_nmbr =</code> inside the <code>fct()</code> the variable <code>some_nmbr</code> isn’t available once <code>fct()</code> completed.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb4" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb4-1">some_nmbr</span>
<span id="cb4-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Error in eval(expr, envir, enclos): object 'some_nmbr' not found</span></span></code></pre></div>
</div>
<p>But watch what happens if we use <code>&lt;-</code> instead of <code>=</code>:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb5" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb5-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">fct</span>(some_nmbr <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>)</span>
<span id="cb5-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## I received 10.</span></span>
<span id="cb5-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] 5</span></span>
<span id="cb5-4">some_nmbr</span>
<span id="cb5-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] 10</span></span></code></pre></div>
</div>
<p>The function still tells us that it received 10 and returns 5. But this time the assignment <code>some_nmbr &lt;-</code> also worked globally. That’s why we can access <code>some_nmbr</code> after <code>fct()</code> terminated.</p>
<p>Don’t believe me yet? Let’s try it again.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb6" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb6-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">fct</span>(some_nmbr <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">20</span>)</span>
<span id="cb6-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## I received 20.</span></span>
<span id="cb6-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] 5</span></span>
<span id="cb6-4">some_nmbr</span>
<span id="cb6-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] 20</span></span></code></pre></div>
</div>
<p>See? Now, <code>some_nmbr</code> in the global environment is 20. Interestingly, this only takes effect, when the variable <code>some_nmbr</code> is actually used inside of <code>fct()</code>. Let’s create another function.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb7" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb7-1">fct2 <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(some_nmbr) {</span>
<span id="cb7-2">  <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span></span>
<span id="cb7-3">}</span></code></pre></div>
</div>
<p>This function doesn’t actually use <code>some_nmbr</code> in this function body at all. Now watch what happens when we use the <code>&lt;-</code> assignment again.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb8" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb8-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">fct2</span>(some_nmbr <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">30</span>)</span>
<span id="cb8-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] 5</span></span>
<span id="cb8-3">some_nmbr</span>
<span id="cb8-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] 20</span></span></code></pre></div>
</div>
<p><code>some_nmbr</code> still has the value from before and not the new one. Funny, isn’t it? Anyway, due to these possible side effects you might want to use <code>=</code> inside of function calls.</p>
</section>
<section id="powerup-of--" class="level2">
<h2 class="anchored" data-anchor-id="powerup-of--">Powerup of <code>&lt;-</code></h2>
<p>Now that we have seen that <code>&lt;-</code> is in a sense more powerful than <code>=</code>, let me also mention another power-up. You see, you can make the <code>&lt;-</code> into <code>&lt;&lt;-</code> and get an even more powerful operator. You can use the <strong>inside</strong> a function to define a variable <strong>outside</strong> the function in the global environment.</p>
<p>Check out this example.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb9" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb9-1">power_fct <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>() {</span>
<span id="cb9-2">  defined_inside <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">20</span></span>
<span id="cb9-3">  <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span></span>
<span id="cb9-4">}</span></code></pre></div>
</div>
<p>This function first used the regular <code>&lt;-</code> operator to define a variable called <code>defined_inside</code>. This variable cannot be accessed once <code>power_fct()</code> terminates.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb10" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb10-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">power_fct</span>()</span>
<span id="cb10-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] 5</span></span>
<span id="cb10-3">defined_inside</span>
<span id="cb10-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Error in eval(expr, envir, enclos): object 'defined_inside' not found</span></span></code></pre></div>
</div>
<p>But watch what happens when we make change <code>&lt;-</code> to <code>&lt;&lt;-</code> inside of <code>power_fct()</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb11" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb11-1">power_fct <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>() {</span>
<span id="cb11-2">  defined_inside <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">20</span></span>
<span id="cb11-3">  <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span></span>
<span id="cb11-4">}</span>
<span id="cb11-5"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">power_fct</span>()</span>
<span id="cb11-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] 5</span></span>
<span id="cb11-7">defined_inside</span>
<span id="cb11-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] 20</span></span></code></pre></div>
</div>
<p>Magical, isn’t it? This trick can be really handy sometimes but also quite dangerous. Make sure you use this trick only when you know what you want to do.</p>


</section>

 ]]></description>
  <guid>https://albert-rapp.de/posts/35_equal_vs_arrow/35_equal_vs_arrow.html</guid>
  <pubDate>Sat, 15 Mar 2025 23:00:00 GMT</pubDate>
</item>
<item>
  <title>data.table vs dplyr: A Side-by-Side Comparison</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/34_datatable_vs_dplyr/34_datatable_vs_dplyr.html</link>
  <description><![CDATA[ 




<p><link rel="stylesheet" href="../../../new_code_theme.css"></p>
<p>In today’s blogpost I show you how to do common data cleaning operations via both <code>{data.table}</code> and <code>{dplyr}</code>. These are two fantastic frameworks inside the R ecosystem. As always, there’s also a video version available:</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/6EWZK2kMano" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<section id="get-data" class="level2">
<h2 class="anchored" data-anchor-id="get-data">Get data</h2>
<p>First, let us take a look at our data.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb1" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb1-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(dplyr)</span>
<span id="cb1-2"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(data.table)</span>
<span id="cb1-3">ames <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> modeldata<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>ames <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb1-4">  janitor<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">clean_names</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb1-5">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">as_tibble</span>() <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># this is already the case but for comparability done here again</span></span>
<span id="cb1-6">ames</span>
<span id="cb1-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 2,930 × 74</span></span>
<span id="cb1-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    ms_sub_class           ms_zoning lot_frontage lot_area street alley lot_shape</span></span>
<span id="cb1-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;fct&gt;                  &lt;fct&gt;            &lt;dbl&gt;    &lt;int&gt; &lt;fct&gt;  &lt;fct&gt; &lt;fct&gt;    </span></span>
<span id="cb1-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 One_Story_1946_and_Ne… Resident…          141    31770 Pave   No_A… Slightly…</span></span>
<span id="cb1-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 One_Story_1946_and_Ne… Resident…           80    11622 Pave   No_A… Regular  </span></span>
<span id="cb1-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 One_Story_1946_and_Ne… Resident…           81    14267 Pave   No_A… Slightly…</span></span>
<span id="cb1-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 One_Story_1946_and_Ne… Resident…           93    11160 Pave   No_A… Regular  </span></span>
<span id="cb1-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Two_Story_1946_and_Ne… Resident…           74    13830 Pave   No_A… Slightly…</span></span>
<span id="cb1-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Two_Story_1946_and_Ne… Resident…           78     9978 Pave   No_A… Slightly…</span></span>
<span id="cb1-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 One_Story_PUD_1946_an… Resident…           41     4920 Pave   No_A… Regular  </span></span>
<span id="cb1-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 One_Story_PUD_1946_an… Resident…           43     5005 Pave   No_A… Slightly…</span></span>
<span id="cb1-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 One_Story_PUD_1946_an… Resident…           39     5389 Pave   No_A… Slightly…</span></span>
<span id="cb1-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Two_Story_1946_and_Ne… Resident…           60     7500 Pave   No_A… Regular  </span></span>
<span id="cb1-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 2,920 more rows</span></span>
<span id="cb1-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 67 more variables: land_contour &lt;fct&gt;, utilities &lt;fct&gt;, lot_config &lt;fct&gt;,</span></span>
<span id="cb1-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   land_slope &lt;fct&gt;, neighborhood &lt;fct&gt;, condition_1 &lt;fct&gt;, condition_2 &lt;fct&gt;,</span></span>
<span id="cb1-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   bldg_type &lt;fct&gt;, house_style &lt;fct&gt;, overall_cond &lt;fct&gt;, year_built &lt;int&gt;,</span></span>
<span id="cb1-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   year_remod_add &lt;int&gt;, roof_style &lt;fct&gt;, roof_matl &lt;fct&gt;,</span></span>
<span id="cb1-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   exterior_1st &lt;fct&gt;, exterior_2nd &lt;fct&gt;, mas_vnr_type &lt;fct&gt;,</span></span>
<span id="cb1-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   mas_vnr_area &lt;dbl&gt;, exter_cond &lt;fct&gt;, foundation &lt;fct&gt;, bsmt_cond &lt;fct&gt;, …</span></span></code></pre></div>
</div>
<p>We will need to convert it to a <code>data.table</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb2" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb2-1">df_ames <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">as.data.table</span>(ames)</span>
<span id="cb2-2">df_ames</span>
<span id="cb2-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##                              ms_sub_class                ms_zoning lot_frontage</span></span>
<span id="cb2-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##                                    &lt;fctr&gt;                   &lt;fctr&gt;        &lt;num&gt;</span></span>
<span id="cb2-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    1: One_Story_1946_and_Newer_All_Styles  Residential_Low_Density          141</span></span>
<span id="cb2-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    2: One_Story_1946_and_Newer_All_Styles Residential_High_Density           80</span></span>
<span id="cb2-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    3: One_Story_1946_and_Newer_All_Styles  Residential_Low_Density           81</span></span>
<span id="cb2-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    4: One_Story_1946_and_Newer_All_Styles  Residential_Low_Density           93</span></span>
<span id="cb2-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    5:            Two_Story_1946_and_Newer  Residential_Low_Density           74</span></span>
<span id="cb2-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ---                                                                          </span></span>
<span id="cb2-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2926:                 Split_or_Multilevel  Residential_Low_Density           37</span></span>
<span id="cb2-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2927: One_Story_1946_and_Newer_All_Styles  Residential_Low_Density            0</span></span>
<span id="cb2-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2928:                         Split_Foyer  Residential_Low_Density           62</span></span>
<span id="cb2-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2929: One_Story_1946_and_Newer_All_Styles  Residential_Low_Density           77</span></span>
<span id="cb2-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2930:            Two_Story_1946_and_Newer  Residential_Low_Density           74</span></span>
<span id="cb2-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       lot_area street           alley          lot_shape land_contour utilities</span></span>
<span id="cb2-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##          &lt;int&gt; &lt;fctr&gt;          &lt;fctr&gt;             &lt;fctr&gt;       &lt;fctr&gt;    &lt;fctr&gt;</span></span>
<span id="cb2-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    1:    31770   Pave No_Alley_Access Slightly_Irregular          Lvl    AllPub</span></span>
<span id="cb2-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    2:    11622   Pave No_Alley_Access            Regular          Lvl    AllPub</span></span>
<span id="cb2-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    3:    14267   Pave No_Alley_Access Slightly_Irregular          Lvl    AllPub</span></span>
<span id="cb2-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    4:    11160   Pave No_Alley_Access            Regular          Lvl    AllPub</span></span>
<span id="cb2-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    5:    13830   Pave No_Alley_Access Slightly_Irregular          Lvl    AllPub</span></span>
<span id="cb2-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ---                                                                          </span></span>
<span id="cb2-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2926:     7937   Pave No_Alley_Access Slightly_Irregular          Lvl    AllPub</span></span>
<span id="cb2-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2927:     8885   Pave No_Alley_Access Slightly_Irregular          Low    AllPub</span></span>
<span id="cb2-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2928:    10441   Pave No_Alley_Access            Regular          Lvl    AllPub</span></span>
<span id="cb2-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2929:    10010   Pave No_Alley_Access            Regular          Lvl    AllPub</span></span>
<span id="cb2-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2930:     9627   Pave No_Alley_Access            Regular          Lvl    AllPub</span></span>
<span id="cb2-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       lot_config land_slope neighborhood condition_1 condition_2 bldg_type</span></span>
<span id="cb2-30"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##           &lt;fctr&gt;     &lt;fctr&gt;       &lt;fctr&gt;      &lt;fctr&gt;      &lt;fctr&gt;    &lt;fctr&gt;</span></span>
<span id="cb2-31"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    1:     Corner        Gtl   North_Ames        Norm        Norm    OneFam</span></span>
<span id="cb2-32"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    2:     Inside        Gtl   North_Ames       Feedr        Norm    OneFam</span></span>
<span id="cb2-33"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    3:     Corner        Gtl   North_Ames        Norm        Norm    OneFam</span></span>
<span id="cb2-34"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    4:     Corner        Gtl   North_Ames        Norm        Norm    OneFam</span></span>
<span id="cb2-35"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    5:     Inside        Gtl      Gilbert        Norm        Norm    OneFam</span></span>
<span id="cb2-36"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ---                                                                     </span></span>
<span id="cb2-37"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2926:    CulDSac        Gtl     Mitchell        Norm        Norm    OneFam</span></span>
<span id="cb2-38"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2927:     Inside        Mod     Mitchell        Norm        Norm    OneFam</span></span>
<span id="cb2-39"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2928:     Inside        Gtl     Mitchell        Norm        Norm    OneFam</span></span>
<span id="cb2-40"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2929:     Inside        Mod     Mitchell        Norm        Norm    OneFam</span></span>
<span id="cb2-41"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2930:     Inside        Mod     Mitchell        Norm        Norm    OneFam</span></span>
<span id="cb2-42"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       house_style  overall_cond year_built year_remod_add roof_style roof_matl</span></span>
<span id="cb2-43"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##            &lt;fctr&gt;        &lt;fctr&gt;      &lt;int&gt;          &lt;int&gt;     &lt;fctr&gt;    &lt;fctr&gt;</span></span>
<span id="cb2-44"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    1:   One_Story       Average       1960           1960        Hip   CompShg</span></span>
<span id="cb2-45"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    2:   One_Story Above_Average       1961           1961      Gable   CompShg</span></span>
<span id="cb2-46"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    3:   One_Story Above_Average       1958           1958        Hip   CompShg</span></span>
<span id="cb2-47"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    4:   One_Story       Average       1968           1968        Hip   CompShg</span></span>
<span id="cb2-48"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    5:   Two_Story       Average       1997           1998      Gable   CompShg</span></span>
<span id="cb2-49"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ---                                                                         </span></span>
<span id="cb2-50"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2926:        SLvl Above_Average       1984           1984      Gable   CompShg</span></span>
<span id="cb2-51"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2927:   One_Story       Average       1983           1983      Gable   CompShg</span></span>
<span id="cb2-52"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2928:      SFoyer       Average       1992           1992      Gable   CompShg</span></span>
<span id="cb2-53"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2929:   One_Story       Average       1974           1975      Gable   CompShg</span></span>
<span id="cb2-54"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2930:   Two_Story       Average       1993           1994      Gable   CompShg</span></span>
<span id="cb2-55"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       exterior_1st exterior_2nd mas_vnr_type mas_vnr_area exter_cond foundation</span></span>
<span id="cb2-56"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##             &lt;fctr&gt;       &lt;fctr&gt;       &lt;fctr&gt;        &lt;num&gt;     &lt;fctr&gt;     &lt;fctr&gt;</span></span>
<span id="cb2-57"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    1:      BrkFace      Plywood        Stone          112    Typical     CBlock</span></span>
<span id="cb2-58"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    2:      VinylSd      VinylSd         None            0    Typical     CBlock</span></span>
<span id="cb2-59"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    3:      Wd Sdng      Wd Sdng      BrkFace          108    Typical     CBlock</span></span>
<span id="cb2-60"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    4:      BrkFace      BrkFace         None            0    Typical     CBlock</span></span>
<span id="cb2-61"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    5:      VinylSd      VinylSd         None            0    Typical      PConc</span></span>
<span id="cb2-62"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ---                                                                          </span></span>
<span id="cb2-63"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2926:      HdBoard      HdBoard         None            0    Typical     CBlock</span></span>
<span id="cb2-64"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2927:      HdBoard      HdBoard         None            0    Typical     CBlock</span></span>
<span id="cb2-65"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2928:      HdBoard      Wd Shng         None            0    Typical      PConc</span></span>
<span id="cb2-66"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2929:      HdBoard      HdBoard         None            0    Typical     CBlock</span></span>
<span id="cb2-67"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2930:      HdBoard      HdBoard      BrkFace           94    Typical      PConc</span></span>
<span id="cb2-68"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       bsmt_cond bsmt_exposure bsmt_fin_type_1 bsmt_fin_sf_1 bsmt_fin_type_2</span></span>
<span id="cb2-69"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##          &lt;fctr&gt;        &lt;fctr&gt;          &lt;fctr&gt;         &lt;num&gt;          &lt;fctr&gt;</span></span>
<span id="cb2-70"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    1:      Good            Gd             BLQ             2             Unf</span></span>
<span id="cb2-71"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    2:   Typical            No             Rec             6             LwQ</span></span>
<span id="cb2-72"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    3:   Typical            No             ALQ             1             Unf</span></span>
<span id="cb2-73"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    4:   Typical            No             ALQ             1             Unf</span></span>
<span id="cb2-74"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    5:   Typical            No             GLQ             3             Unf</span></span>
<span id="cb2-75"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ---                                                                      </span></span>
<span id="cb2-76"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2926:   Typical            Av             GLQ             3             Unf</span></span>
<span id="cb2-77"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2927:   Typical            Av             BLQ             2             ALQ</span></span>
<span id="cb2-78"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2928:   Typical            Av             GLQ             3             Unf</span></span>
<span id="cb2-79"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2929:   Typical            Av             ALQ             1             LwQ</span></span>
<span id="cb2-80"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2930:   Typical            Av             LwQ             4             Unf</span></span>
<span id="cb2-81"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       bsmt_fin_sf_2 bsmt_unf_sf total_bsmt_sf heating heating_qc central_air</span></span>
<span id="cb2-82"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##               &lt;num&gt;       &lt;num&gt;         &lt;num&gt;  &lt;fctr&gt;     &lt;fctr&gt;      &lt;fctr&gt;</span></span>
<span id="cb2-83"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    1:             0         441          1080    GasA       Fair           Y</span></span>
<span id="cb2-84"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    2:           144         270           882    GasA    Typical           Y</span></span>
<span id="cb2-85"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    3:             0         406          1329    GasA    Typical           Y</span></span>
<span id="cb2-86"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    4:             0        1045          2110    GasA  Excellent           Y</span></span>
<span id="cb2-87"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    5:             0         137           928    GasA       Good           Y</span></span>
<span id="cb2-88"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ---                                                                       </span></span>
<span id="cb2-89"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2926:             0         184          1003    GasA    Typical           Y</span></span>
<span id="cb2-90"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2927:           324         239           864    GasA    Typical           Y</span></span>
<span id="cb2-91"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2928:             0         575           912    GasA    Typical           Y</span></span>
<span id="cb2-92"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2929:           123         195          1389    GasA       Good           Y</span></span>
<span id="cb2-93"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2930:             0         238           996    GasA  Excellent           Y</span></span>
<span id="cb2-94"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       electrical first_flr_sf second_flr_sf gr_liv_area bsmt_full_bath</span></span>
<span id="cb2-95"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##           &lt;fctr&gt;        &lt;int&gt;         &lt;int&gt;       &lt;int&gt;          &lt;num&gt;</span></span>
<span id="cb2-96"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    1:      SBrkr         1656             0        1656              1</span></span>
<span id="cb2-97"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    2:      SBrkr          896             0         896              0</span></span>
<span id="cb2-98"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    3:      SBrkr         1329             0        1329              0</span></span>
<span id="cb2-99"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    4:      SBrkr         2110             0        2110              1</span></span>
<span id="cb2-100"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    5:      SBrkr          928           701        1629              0</span></span>
<span id="cb2-101"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ---                                                                 </span></span>
<span id="cb2-102"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2926:      SBrkr         1003             0        1003              1</span></span>
<span id="cb2-103"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2927:      SBrkr          902             0         902              1</span></span>
<span id="cb2-104"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2928:      SBrkr          970             0         970              0</span></span>
<span id="cb2-105"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2929:      SBrkr         1389             0        1389              1</span></span>
<span id="cb2-106"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2930:      SBrkr          996          1004        2000              0</span></span>
<span id="cb2-107"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       bsmt_half_bath full_bath half_bath bedroom_abv_gr kitchen_abv_gr</span></span>
<span id="cb2-108"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##                &lt;num&gt;     &lt;int&gt;     &lt;int&gt;          &lt;int&gt;          &lt;int&gt;</span></span>
<span id="cb2-109"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    1:              0         1         0              3              1</span></span>
<span id="cb2-110"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    2:              0         1         0              2              1</span></span>
<span id="cb2-111"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    3:              0         1         1              3              1</span></span>
<span id="cb2-112"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    4:              0         2         1              3              1</span></span>
<span id="cb2-113"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    5:              0         2         1              3              1</span></span>
<span id="cb2-114"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ---                                                                 </span></span>
<span id="cb2-115"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2926:              0         1         0              3              1</span></span>
<span id="cb2-116"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2927:              0         1         0              2              1</span></span>
<span id="cb2-117"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2928:              1         1         0              3              1</span></span>
<span id="cb2-118"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2929:              0         1         0              2              1</span></span>
<span id="cb2-119"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2930:              0         2         1              3              1</span></span>
<span id="cb2-120"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       tot_rms_abv_grd functional fireplaces garage_type garage_finish</span></span>
<span id="cb2-121"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##                 &lt;int&gt;     &lt;fctr&gt;      &lt;int&gt;      &lt;fctr&gt;        &lt;fctr&gt;</span></span>
<span id="cb2-122"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    1:               7        Typ          2      Attchd           Fin</span></span>
<span id="cb2-123"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    2:               5        Typ          0      Attchd           Unf</span></span>
<span id="cb2-124"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    3:               6        Typ          0      Attchd           Unf</span></span>
<span id="cb2-125"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    4:               8        Typ          2      Attchd           Fin</span></span>
<span id="cb2-126"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    5:               6        Typ          1      Attchd           Fin</span></span>
<span id="cb2-127"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ---                                                                </span></span>
<span id="cb2-128"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2926:               6        Typ          0      Detchd           Unf</span></span>
<span id="cb2-129"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2927:               5        Typ          0      Attchd           Unf</span></span>
<span id="cb2-130"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2928:               6        Typ          0   No_Garage     No_Garage</span></span>
<span id="cb2-131"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2929:               6        Typ          1      Attchd           RFn</span></span>
<span id="cb2-132"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2930:               9        Typ          1      Attchd           Fin</span></span>
<span id="cb2-133"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       garage_cars garage_area garage_cond      paved_drive wood_deck_sf</span></span>
<span id="cb2-134"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##             &lt;num&gt;       &lt;num&gt;      &lt;fctr&gt;           &lt;fctr&gt;        &lt;int&gt;</span></span>
<span id="cb2-135"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    1:           2         528     Typical Partial_Pavement          210</span></span>
<span id="cb2-136"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    2:           1         730     Typical            Paved          140</span></span>
<span id="cb2-137"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    3:           1         312     Typical            Paved          393</span></span>
<span id="cb2-138"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    4:           2         522     Typical            Paved            0</span></span>
<span id="cb2-139"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    5:           2         482     Typical            Paved          212</span></span>
<span id="cb2-140"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ---                                                                  </span></span>
<span id="cb2-141"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2926:           2         588     Typical            Paved          120</span></span>
<span id="cb2-142"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2927:           2         484     Typical            Paved          164</span></span>
<span id="cb2-143"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2928:           0           0   No_Garage            Paved           80</span></span>
<span id="cb2-144"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2929:           2         418     Typical            Paved          240</span></span>
<span id="cb2-145"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2930:           3         650     Typical            Paved          190</span></span>
<span id="cb2-146"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       open_porch_sf enclosed_porch three_season_porch screen_porch pool_area</span></span>
<span id="cb2-147"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##               &lt;int&gt;          &lt;int&gt;              &lt;int&gt;        &lt;int&gt;     &lt;int&gt;</span></span>
<span id="cb2-148"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    1:            62              0                  0            0         0</span></span>
<span id="cb2-149"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    2:             0              0                  0          120         0</span></span>
<span id="cb2-150"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    3:            36              0                  0            0         0</span></span>
<span id="cb2-151"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    4:             0              0                  0            0         0</span></span>
<span id="cb2-152"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    5:            34              0                  0            0         0</span></span>
<span id="cb2-153"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ---                                                                       </span></span>
<span id="cb2-154"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2926:             0              0                  0            0         0</span></span>
<span id="cb2-155"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2927:             0              0                  0            0         0</span></span>
<span id="cb2-156"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2928:            32              0                  0            0         0</span></span>
<span id="cb2-157"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2929:            38              0                  0            0         0</span></span>
<span id="cb2-158"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2930:            48              0                  0            0         0</span></span>
<span id="cb2-159"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       pool_qc           fence misc_feature misc_val mo_sold year_sold sale_type</span></span>
<span id="cb2-160"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##        &lt;fctr&gt;          &lt;fctr&gt;       &lt;fctr&gt;    &lt;int&gt;   &lt;int&gt;     &lt;int&gt;    &lt;fctr&gt;</span></span>
<span id="cb2-161"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    1: No_Pool        No_Fence         None        0       5      2010       WD </span></span>
<span id="cb2-162"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    2: No_Pool Minimum_Privacy         None        0       6      2010       WD </span></span>
<span id="cb2-163"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    3: No_Pool        No_Fence         Gar2    12500       6      2010       WD </span></span>
<span id="cb2-164"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    4: No_Pool        No_Fence         None        0       4      2010       WD </span></span>
<span id="cb2-165"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    5: No_Pool Minimum_Privacy         None        0       3      2010       WD </span></span>
<span id="cb2-166"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ---                                                                          </span></span>
<span id="cb2-167"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2926: No_Pool    Good_Privacy         None        0       3      2006       WD </span></span>
<span id="cb2-168"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2927: No_Pool Minimum_Privacy         None        0       6      2006       WD </span></span>
<span id="cb2-169"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2928: No_Pool Minimum_Privacy         Shed      700       7      2006       WD </span></span>
<span id="cb2-170"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2929: No_Pool        No_Fence         None        0       4      2006       WD </span></span>
<span id="cb2-171"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2930: No_Pool        No_Fence         None        0      11      2006       WD </span></span>
<span id="cb2-172"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       sale_condition sale_price longitude latitude</span></span>
<span id="cb2-173"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##               &lt;fctr&gt;      &lt;int&gt;     &lt;num&gt;    &lt;num&gt;</span></span>
<span id="cb2-174"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    1:         Normal     215000 -93.61975 42.05403</span></span>
<span id="cb2-175"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    2:         Normal     105000 -93.61976 42.05301</span></span>
<span id="cb2-176"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    3:         Normal     172000 -93.61939 42.05266</span></span>
<span id="cb2-177"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    4:         Normal     244000 -93.61732 42.05125</span></span>
<span id="cb2-178"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    5:         Normal     189900 -93.63893 42.06090</span></span>
<span id="cb2-179"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ---                                             </span></span>
<span id="cb2-180"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2926:         Normal     142500 -93.60478 41.98896</span></span>
<span id="cb2-181"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2927:         Normal     131000 -93.60268 41.98831</span></span>
<span id="cb2-182"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2928:         Normal     132000 -93.60685 41.98651</span></span>
<span id="cb2-183"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2929:         Normal     170000 -93.60019 41.99092</span></span>
<span id="cb2-184"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2930:         Normal     188000 -93.60000 41.98927</span></span></code></pre></div>
</div>
<p>Also, let us set options for nicer <code>data.table</code> outputs. I don’t want lot’s of columns and rows to flood my console.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb3" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb3-1"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Compact printing similar to tibble</span></span>
<span id="cb3-2"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">options</span>(</span>
<span id="cb3-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">datatable.print.topn =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span>,     <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Show only top 10 rows</span></span>
<span id="cb3-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">datatable.print.nrows =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>,   <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Limit number of printed rows</span></span>
<span id="cb3-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">datatable.print.class =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>, <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Show column classes</span></span>
<span id="cb3-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">datatable.print.trunc.cols =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span> <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Truncate wide columns</span></span>
<span id="cb3-7">)</span></code></pre></div>
</div>
</section>
<section id="the-general-difference" class="level2">
<h2 class="anchored" data-anchor-id="the-general-difference">The general difference</h2>
<p><code>{dplyr}</code> uses functions/verbs that are chained together. This has the advantage that it’s easily readable to anybody because the function names are usually understandable even to non-programmers.</p>
<p>On the other hand <code>{data.table}</code> uses a super concise code style with lots of abbreviations. This has the advantage that the code is short but if you don’t know the system then you might feel lost.</p>
<p>So let me explain the system behind <code>{data.table}</code>. The most basic thing to understand is that a data.table <code>df</code> can be modified via a bracket using up to three different components. This might look something like <code>df[i, j, by]</code>.</p>
<p>The first component <code>i</code> refers to rows that are “modified”. The second component <code>j</code> refers to columns that might be <code>modified</code>. And the third component <code>by</code> refers to any grouping you might want to use.</p>
<p>But enough theory. Let’s see this in action.</p>
</section>
<section id="sort-specific-columns" class="level2">
<h2 class="anchored" data-anchor-id="sort-specific-columns">Sort specific columns</h2>
<div class="tabset-margin-container"></div><div class="panel-tabset">
<ul class="nav nav-tabs"><li class="nav-item"><a class="nav-link active" id="tabset-1-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-1-1" aria-controls="tabset-1-1" aria-selected="true"><code>dplyr</code></a></li><li class="nav-item"><a class="nav-link" id="tabset-1-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-1-2" aria-controls="tabset-1-2" aria-selected="false"><code>data.table</code></a></li></ul>
<div class="tab-content">
<div id="tabset-1-1" class="tab-pane active" aria-labelledby="tabset-1-1-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb4" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb4-1">ames <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">arrange</span>(lot_frontage) </span>
<span id="cb4-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 2,930 × 74</span></span>
<span id="cb4-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    ms_sub_class           ms_zoning lot_frontage lot_area street alley lot_shape</span></span>
<span id="cb4-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;fct&gt;                  &lt;fct&gt;            &lt;dbl&gt;    &lt;int&gt; &lt;fct&gt;  &lt;fct&gt; &lt;fct&gt;    </span></span>
<span id="cb4-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 One_Story_1946_and_Ne… Resident…            0     7980 Pave   No_A… Slightly…</span></span>
<span id="cb4-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 One_Story_PUD_1946_an… Resident…            0     6820 Pave   No_A… Slightly…</span></span>
<span id="cb4-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Two_Story_1946_and_Ne… Floating…            0     7500 Pave   No_A… Regular  </span></span>
<span id="cb4-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 One_Story_1946_and_Ne… Resident…            0    11241 Pave   No_A… Slightly…</span></span>
<span id="cb4-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 One_Story_1946_and_Ne… Resident…            0    12537 Pave   No_A… Slightly…</span></span>
<span id="cb4-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Two_Story_1946_and_Ne… Resident…            0     7851 Pave   No_A… Regular  </span></span>
<span id="cb4-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Split_or_Multilevel    Resident…            0     7750 Pave   No_A… Slightly…</span></span>
<span id="cb4-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Two_Story_1946_and_Ne… Resident…            0     9505 Pave   No_A… Slightly…</span></span>
<span id="cb4-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Two_Story_1946_and_Ne… Resident…            0     8880 Pave   No_A… Slightly…</span></span>
<span id="cb4-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Two_Story_1946_and_Ne… Resident…            0     9453 Pave   No_A… Slightly…</span></span>
<span id="cb4-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 2,920 more rows</span></span>
<span id="cb4-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 67 more variables: land_contour &lt;fct&gt;, utilities &lt;fct&gt;, lot_config &lt;fct&gt;,</span></span>
<span id="cb4-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   land_slope &lt;fct&gt;, neighborhood &lt;fct&gt;, condition_1 &lt;fct&gt;, condition_2 &lt;fct&gt;,</span></span>
<span id="cb4-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   bldg_type &lt;fct&gt;, house_style &lt;fct&gt;, overall_cond &lt;fct&gt;, year_built &lt;int&gt;,</span></span>
<span id="cb4-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   year_remod_add &lt;int&gt;, roof_style &lt;fct&gt;, roof_matl &lt;fct&gt;,</span></span>
<span id="cb4-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   exterior_1st &lt;fct&gt;, exterior_2nd &lt;fct&gt;, mas_vnr_type &lt;fct&gt;,</span></span>
<span id="cb4-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   mas_vnr_area &lt;dbl&gt;, exter_cond &lt;fct&gt;, foundation &lt;fct&gt;, bsmt_cond &lt;fct&gt;, …</span></span></code></pre></div>
</div>
</div>
<div id="tabset-1-2" class="tab-pane" aria-labelledby="tabset-1-2-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb5" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb5-1">df_ames[<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">order</span>(lot_frontage)]</span>
<span id="cb5-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##                                    ms_sub_class                    ms_zoning</span></span>
<span id="cb5-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##                                          &lt;fctr&gt;                       &lt;fctr&gt;</span></span>
<span id="cb5-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    1:       One_Story_1946_and_Newer_All_Styles      Residential_Low_Density</span></span>
<span id="cb5-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    2:              One_Story_PUD_1946_and_Newer      Residential_Low_Density</span></span>
<span id="cb5-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    3:                  Two_Story_1946_and_Newer Floating_Village_Residential</span></span>
<span id="cb5-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    4:       One_Story_1946_and_Newer_All_Styles      Residential_Low_Density</span></span>
<span id="cb5-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    5:       One_Story_1946_and_Newer_All_Styles      Residential_Low_Density</span></span>
<span id="cb5-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ---                                                                       </span></span>
<span id="cb5-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2926:       One_Story_1946_and_Newer_All_Styles      Residential_Low_Density</span></span>
<span id="cb5-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2927: Two_Family_conversion_All_Styles_and_Ages      Residential_Low_Density</span></span>
<span id="cb5-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2928:       One_Story_1946_and_Newer_All_Styles      Residential_Low_Density</span></span>
<span id="cb5-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2929:       One_Story_1946_and_Newer_All_Styles      Residential_Low_Density</span></span>
<span id="cb5-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2930:                  Two_Story_1946_and_Newer      Residential_Low_Density</span></span>
<span id="cb5-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 72 variable(s) not shown: [lot_frontage &lt;num&gt;, lot_area &lt;int&gt;, street &lt;fctr&gt;, alley &lt;fctr&gt;, lot_shape &lt;fctr&gt;, land_contour &lt;fctr&gt;, utilities &lt;fctr&gt;, lot_config &lt;fctr&gt;, land_slope &lt;fctr&gt;, neighborhood &lt;fctr&gt;, ...]</span></span></code></pre></div>
</div>
</div>
</div>
</div>
</section>
<section id="filter-for-specific-rows" class="level2">
<h2 class="anchored" data-anchor-id="filter-for-specific-rows">Filter for specific rows</h2>
<div class="tabset-margin-container"></div><div class="panel-tabset">
<ul class="nav nav-tabs"><li class="nav-item"><a class="nav-link active" id="tabset-2-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-2-1" aria-controls="tabset-2-1" aria-selected="true"><code>dplyr</code></a></li><li class="nav-item"><a class="nav-link" id="tabset-2-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-2-2" aria-controls="tabset-2-2" aria-selected="false"><code>data.table</code></a></li></ul>
<div class="tab-content">
<div id="tabset-2-1" class="tab-pane active" aria-labelledby="tabset-2-1-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb6" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb6-1">ames <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>)</span>
<span id="cb6-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 230 × 74</span></span>
<span id="cb6-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    ms_sub_class           ms_zoning lot_frontage lot_area street alley lot_shape</span></span>
<span id="cb6-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;fct&gt;                  &lt;fct&gt;            &lt;dbl&gt;    &lt;int&gt; &lt;fct&gt;  &lt;fct&gt; &lt;fct&gt;    </span></span>
<span id="cb6-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Two_Story_1946_and_Ne… Resident…           47    53504 Pave   No_A… Moderate…</span></span>
<span id="cb6-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 One_Story_1946_and_Ne… Resident…           88    11394 Pave   No_A… Regular  </span></span>
<span id="cb6-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Two_Story_1946_and_Ne… Resident…          102    12858 Pave   No_A… Slightly…</span></span>
<span id="cb6-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 One_Story_1946_and_Ne… Resident…           98    11478 Pave   No_A… Regular  </span></span>
<span id="cb6-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 One_Story_1946_and_Ne… Resident…           83    10159 Pave   No_A… Slightly…</span></span>
<span id="cb6-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 One_Story_1946_and_Ne… Resident…          100    12919 Pave   No_A… Slightly…</span></span>
<span id="cb6-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 One_Story_1946_and_Ne… Resident…          110    14300 Pave   No_A… Regular  </span></span>
<span id="cb6-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Two_Story_1946_and_Ne… Resident…          105    13650 Pave   No_A… Regular  </span></span>
<span id="cb6-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 One_Story_PUD_1946_an… Resident…           61     7658 Pave   No_A… Regular  </span></span>
<span id="cb6-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Two_Story_1946_and_Ne… Resident…          108    14774 Pave   No_A… Slightly…</span></span>
<span id="cb6-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 220 more rows</span></span>
<span id="cb6-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 67 more variables: land_contour &lt;fct&gt;, utilities &lt;fct&gt;, lot_config &lt;fct&gt;,</span></span>
<span id="cb6-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   land_slope &lt;fct&gt;, neighborhood &lt;fct&gt;, condition_1 &lt;fct&gt;, condition_2 &lt;fct&gt;,</span></span>
<span id="cb6-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   bldg_type &lt;fct&gt;, house_style &lt;fct&gt;, overall_cond &lt;fct&gt;, year_built &lt;int&gt;,</span></span>
<span id="cb6-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   year_remod_add &lt;int&gt;, roof_style &lt;fct&gt;, roof_matl &lt;fct&gt;,</span></span>
<span id="cb6-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   exterior_1st &lt;fct&gt;, exterior_2nd &lt;fct&gt;, mas_vnr_type &lt;fct&gt;,</span></span>
<span id="cb6-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   mas_vnr_area &lt;dbl&gt;, exter_cond &lt;fct&gt;, foundation &lt;fct&gt;, bsmt_cond &lt;fct&gt;, …</span></span></code></pre></div>
</div>
</div>
<div id="tabset-2-2" class="tab-pane" aria-labelledby="tabset-2-2-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb7" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb7-1">df_ames[sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>]</span>
<span id="cb7-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##                             ms_sub_class               ms_zoning lot_frontage</span></span>
<span id="cb7-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##                                   &lt;fctr&gt;                  &lt;fctr&gt;        &lt;num&gt;</span></span>
<span id="cb7-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   1:            Two_Story_1946_and_Newer Residential_Low_Density           47</span></span>
<span id="cb7-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   2: One_Story_1946_and_Newer_All_Styles Residential_Low_Density           88</span></span>
<span id="cb7-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   3:            Two_Story_1946_and_Newer Residential_Low_Density          102</span></span>
<span id="cb7-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   4: One_Story_1946_and_Newer_All_Styles Residential_Low_Density           98</span></span>
<span id="cb7-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   5: One_Story_1946_and_Newer_All_Styles Residential_Low_Density           83</span></span>
<span id="cb7-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  ---                                                                         </span></span>
<span id="cb7-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 226:            Two_Story_1946_and_Newer Residential_Low_Density           42</span></span>
<span id="cb7-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 227: One_Story_1946_and_Newer_All_Styles Residential_Low_Density           85</span></span>
<span id="cb7-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 228: One_Story_1946_and_Newer_All_Styles Residential_Low_Density           95</span></span>
<span id="cb7-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 229: One_Story_1946_and_Newer_All_Styles Residential_Low_Density           88</span></span>
<span id="cb7-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 230: One_Story_1946_and_Newer_All_Styles Residential_Low_Density           88</span></span>
<span id="cb7-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 71 variable(s) not shown: [lot_area &lt;int&gt;, street &lt;fctr&gt;, alley &lt;fctr&gt;, lot_shape &lt;fctr&gt;, land_contour &lt;fctr&gt;, utilities &lt;fctr&gt;, lot_config &lt;fctr&gt;, land_slope &lt;fctr&gt;, neighborhood &lt;fctr&gt;, condition_1 &lt;fctr&gt;, ...]</span></span></code></pre></div>
</div>
</div>
</div>
</div>
</section>
<section id="select-specific-columns" class="level2">
<h2 class="anchored" data-anchor-id="select-specific-columns">Select specific columns</h2>
<div class="tabset-margin-container"></div><div class="panel-tabset">
<ul class="nav nav-tabs"><li class="nav-item"><a class="nav-link active" id="tabset-3-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-3-1" aria-controls="tabset-3-1" aria-selected="true"><code>dplyr</code></a></li><li class="nav-item"><a class="nav-link" id="tabset-3-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-3-2" aria-controls="tabset-3-2" aria-selected="false"><code>data.table</code></a></li><li class="nav-item"><a class="nav-link" id="tabset-3-3-tab" data-bs-toggle="tab" data-bs-target="#tabset-3-3" aria-controls="tabset-3-3" aria-selected="false"><code>data.table</code> (<code>.()</code> shorthand)</a></li></ul>
<div class="tab-content">
<div id="tabset-3-1" class="tab-pane active" aria-labelledby="tabset-3-1-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb8" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb8-1">ames <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb8-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb8-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(neighborhood, sale_price, lot_area)</span>
<span id="cb8-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 230 × 3</span></span>
<span id="cb8-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    neighborhood       sale_price lot_area</span></span>
<span id="cb8-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;fct&gt;                   &lt;int&gt;    &lt;int&gt;</span></span>
<span id="cb8-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Stone_Brook            538000    53504</span></span>
<span id="cb8-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Stone_Brook            394432    11394</span></span>
<span id="cb8-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Northridge_Heights     376162    12858</span></span>
<span id="cb8-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Northridge_Heights     306000    11478</span></span>
<span id="cb8-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Northridge_Heights     395192    10159</span></span>
<span id="cb8-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Northridge_Heights     611657    12919</span></span>
<span id="cb8-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Northridge_Heights     500000    14300</span></span>
<span id="cb8-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Northridge_Heights     320000    13650</span></span>
<span id="cb8-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Northridge_Heights     319900     7658</span></span>
<span id="cb8-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Northridge             333168    14774</span></span>
<span id="cb8-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 220 more rows</span></span></code></pre></div>
</div>
</div>
<div id="tabset-3-2" class="tab-pane" aria-labelledby="tabset-3-2-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb9" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb9-1">df_ames[</span>
<span id="cb9-2">  sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>, </span>
<span id="cb9-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(neighborhood, sale_price, lot_area)</span>
<span id="cb9-4">]</span>
<span id="cb9-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##            neighborhood sale_price lot_area</span></span>
<span id="cb9-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##                  &lt;fctr&gt;      &lt;int&gt;    &lt;int&gt;</span></span>
<span id="cb9-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   1:        Stone_Brook     538000    53504</span></span>
<span id="cb9-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   2:        Stone_Brook     394432    11394</span></span>
<span id="cb9-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   3: Northridge_Heights     376162    12858</span></span>
<span id="cb9-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   4: Northridge_Heights     306000    11478</span></span>
<span id="cb9-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   5: Northridge_Heights     395192    10159</span></span>
<span id="cb9-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  ---                                       </span></span>
<span id="cb9-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 226:         Timberland     335000    26178</span></span>
<span id="cb9-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 227:         Timberland     312500    14331</span></span>
<span id="cb9-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 228:         Timberland     320000    13618</span></span>
<span id="cb9-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 229:         Timberland     369900    11443</span></span>
<span id="cb9-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 230:         Timberland     359900    11577</span></span></code></pre></div>
</div>
</div>
<div id="tabset-3-3" class="tab-pane" aria-labelledby="tabset-3-3-tab">
<p>If you don’t want to type out the <code>list()</code> command, you can also use <code>data.table</code>’s shorthand notation <code>.()</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb10" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb10-1">df_ames[</span>
<span id="cb10-2">  sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>, </span>
<span id="cb10-3">  .(neighborhood, sale_price, lot_area)</span>
<span id="cb10-4">]</span>
<span id="cb10-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##            neighborhood sale_price lot_area</span></span>
<span id="cb10-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##                  &lt;fctr&gt;      &lt;int&gt;    &lt;int&gt;</span></span>
<span id="cb10-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   1:        Stone_Brook     538000    53504</span></span>
<span id="cb10-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   2:        Stone_Brook     394432    11394</span></span>
<span id="cb10-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   3: Northridge_Heights     376162    12858</span></span>
<span id="cb10-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   4: Northridge_Heights     306000    11478</span></span>
<span id="cb10-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   5: Northridge_Heights     395192    10159</span></span>
<span id="cb10-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  ---                                       </span></span>
<span id="cb10-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 226:         Timberland     335000    26178</span></span>
<span id="cb10-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 227:         Timberland     312500    14331</span></span>
<span id="cb10-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 228:         Timberland     320000    13618</span></span>
<span id="cb10-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 229:         Timberland     369900    11443</span></span>
<span id="cb10-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 230:         Timberland     359900    11577</span></span></code></pre></div>
</div>
</div>
</div>
</div>
</section>
<section id="select-many-columns-by-name" class="level2">
<h2 class="anchored" data-anchor-id="select-many-columns-by-name">Select many columns by name</h2>
<div class="tabset-margin-container"></div><div class="panel-tabset">
<ul class="nav nav-tabs"><li class="nav-item"><a class="nav-link active" id="tabset-4-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-4-1" aria-controls="tabset-4-1" aria-selected="true"><code>dplyr</code></a></li><li class="nav-item"><a class="nav-link" id="tabset-4-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-4-2" aria-controls="tabset-4-2" aria-selected="false"><code>data.table</code></a></li></ul>
<div class="tab-content">
<div id="tabset-4-1" class="tab-pane active" aria-labelledby="tabset-4-1-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb11" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb11-1">ames <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">contains</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'area'</span>))</span>
<span id="cb11-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 2,930 × 5</span></span>
<span id="cb11-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    lot_area mas_vnr_area gr_liv_area garage_area pool_area</span></span>
<span id="cb11-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       &lt;int&gt;        &lt;dbl&gt;       &lt;int&gt;       &lt;dbl&gt;     &lt;int&gt;</span></span>
<span id="cb11-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1    31770          112        1656         528         0</span></span>
<span id="cb11-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2    11622            0         896         730         0</span></span>
<span id="cb11-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3    14267          108        1329         312         0</span></span>
<span id="cb11-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4    11160            0        2110         522         0</span></span>
<span id="cb11-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5    13830            0        1629         482         0</span></span>
<span id="cb11-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6     9978           20        1604         470         0</span></span>
<span id="cb11-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7     4920            0        1338         582         0</span></span>
<span id="cb11-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8     5005            0        1280         506         0</span></span>
<span id="cb11-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9     5389            0        1616         608         0</span></span>
<span id="cb11-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10     7500            0        1804         442         0</span></span>
<span id="cb11-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 2,920 more rows</span></span></code></pre></div>
</div>
</div>
<div id="tabset-4-2" class="tab-pane" aria-labelledby="tabset-4-2-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb12" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb12-1">df_ames[, .SD, .SDcols <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">patterns</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'area'</span>)]</span>
<span id="cb12-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       lot_area mas_vnr_area gr_liv_area garage_area pool_area</span></span>
<span id="cb12-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##          &lt;int&gt;        &lt;num&gt;       &lt;int&gt;       &lt;num&gt;     &lt;int&gt;</span></span>
<span id="cb12-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    1:    31770          112        1656         528         0</span></span>
<span id="cb12-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    2:    11622            0         896         730         0</span></span>
<span id="cb12-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    3:    14267          108        1329         312         0</span></span>
<span id="cb12-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    4:    11160            0        2110         522         0</span></span>
<span id="cb12-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    5:    13830            0        1629         482         0</span></span>
<span id="cb12-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ---                                                        </span></span>
<span id="cb12-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2926:     7937            0        1003         588         0</span></span>
<span id="cb12-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2927:     8885            0         902         484         0</span></span>
<span id="cb12-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2928:    10441            0         970           0         0</span></span>
<span id="cb12-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2929:    10010            0        1389         418         0</span></span>
<span id="cb12-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2930:     9627           94        2000         650         0</span></span></code></pre></div>
</div>
</div>
</div>
</div>
</section>
<section id="select-many-columns-by-type" class="level2">
<h2 class="anchored" data-anchor-id="select-many-columns-by-type">Select many columns by type</h2>
<div class="tabset-margin-container"></div><div class="panel-tabset">
<ul class="nav nav-tabs"><li class="nav-item"><a class="nav-link active" id="tabset-5-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-5-1" aria-controls="tabset-5-1" aria-selected="true"><code>dplyr</code></a></li><li class="nav-item"><a class="nav-link" id="tabset-5-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-5-2" aria-controls="tabset-5-2" aria-selected="false"><code>data.table</code></a></li></ul>
<div class="tab-content">
<div id="tabset-5-1" class="tab-pane active" aria-labelledby="tabset-5-1-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb13" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb13-1">ames <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb13-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">where</span>(is.numeric))</span>
<span id="cb13-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 2,930 × 34</span></span>
<span id="cb13-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    lot_frontage lot_area year_built year_remod_add mas_vnr_area bsmt_fin_sf_1</span></span>
<span id="cb13-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##           &lt;dbl&gt;    &lt;int&gt;      &lt;int&gt;          &lt;int&gt;        &lt;dbl&gt;         &lt;dbl&gt;</span></span>
<span id="cb13-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1          141    31770       1960           1960          112             2</span></span>
<span id="cb13-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2           80    11622       1961           1961            0             6</span></span>
<span id="cb13-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3           81    14267       1958           1958          108             1</span></span>
<span id="cb13-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4           93    11160       1968           1968            0             1</span></span>
<span id="cb13-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5           74    13830       1997           1998            0             3</span></span>
<span id="cb13-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6           78     9978       1998           1998           20             3</span></span>
<span id="cb13-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7           41     4920       2001           2001            0             3</span></span>
<span id="cb13-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8           43     5005       1992           1992            0             1</span></span>
<span id="cb13-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9           39     5389       1995           1996            0             3</span></span>
<span id="cb13-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10           60     7500       1999           1999            0             7</span></span>
<span id="cb13-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 2,920 more rows</span></span>
<span id="cb13-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 28 more variables: bsmt_fin_sf_2 &lt;dbl&gt;, bsmt_unf_sf &lt;dbl&gt;,</span></span>
<span id="cb13-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   total_bsmt_sf &lt;dbl&gt;, first_flr_sf &lt;int&gt;, second_flr_sf &lt;int&gt;,</span></span>
<span id="cb13-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   gr_liv_area &lt;int&gt;, bsmt_full_bath &lt;dbl&gt;, bsmt_half_bath &lt;dbl&gt;,</span></span>
<span id="cb13-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   full_bath &lt;int&gt;, half_bath &lt;int&gt;, bedroom_abv_gr &lt;int&gt;,</span></span>
<span id="cb13-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   kitchen_abv_gr &lt;int&gt;, tot_rms_abv_grd &lt;int&gt;, fireplaces &lt;int&gt;,</span></span>
<span id="cb13-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   garage_cars &lt;dbl&gt;, garage_area &lt;dbl&gt;, wood_deck_sf &lt;int&gt;, …</span></span></code></pre></div>
</div>
</div>
<div id="tabset-5-2" class="tab-pane" aria-labelledby="tabset-5-2-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb14" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb14-1">df_ames[, .SD, .SDcols <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> is.numeric]</span>
<span id="cb14-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       lot_frontage lot_area year_built year_remod_add mas_vnr_area</span></span>
<span id="cb14-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##              &lt;num&gt;    &lt;int&gt;      &lt;int&gt;          &lt;int&gt;        &lt;num&gt;</span></span>
<span id="cb14-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    1:          141    31770       1960           1960          112</span></span>
<span id="cb14-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    2:           80    11622       1961           1961            0</span></span>
<span id="cb14-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    3:           81    14267       1958           1958          108</span></span>
<span id="cb14-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    4:           93    11160       1968           1968            0</span></span>
<span id="cb14-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    5:           74    13830       1997           1998            0</span></span>
<span id="cb14-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ---                                                             </span></span>
<span id="cb14-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2926:           37     7937       1984           1984            0</span></span>
<span id="cb14-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2927:            0     8885       1983           1983            0</span></span>
<span id="cb14-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2928:           62    10441       1992           1992            0</span></span>
<span id="cb14-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2929:           77    10010       1974           1975            0</span></span>
<span id="cb14-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2930:           74     9627       1993           1994           94</span></span>
<span id="cb14-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 29 variable(s) not shown: [bsmt_fin_sf_1 &lt;num&gt;, bsmt_fin_sf_2 &lt;num&gt;, bsmt_unf_sf &lt;num&gt;, total_bsmt_sf &lt;num&gt;, first_flr_sf &lt;int&gt;, second_flr_sf &lt;int&gt;, gr_liv_area &lt;int&gt;, bsmt_full_bath &lt;num&gt;, bsmt_half_bath &lt;num&gt;, full_bath &lt;int&gt;, ...]</span></span></code></pre></div>
</div>
</div>
</div>
</div>
</section>
<section id="compute-a-new-column" class="level2">
<h2 class="anchored" data-anchor-id="compute-a-new-column">Compute a new column</h2>
<div class="tabset-margin-container"></div><div class="panel-tabset">
<ul class="nav nav-tabs"><li class="nav-item"><a class="nav-link active" id="tabset-6-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-6-1" aria-controls="tabset-6-1" aria-selected="true"><code>dplyr</code></a></li><li class="nav-item"><a class="nav-link" id="tabset-6-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-6-2" aria-controls="tabset-6-2" aria-selected="false"><code>data.table</code> (new data.table)</a></li></ul>
<div class="tab-content">
<div id="tabset-6-1" class="tab-pane active" aria-labelledby="tabset-6-1-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb15" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb15-1">ames <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb15-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb15-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(neighborhood, sale_price, lot_area) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb15-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb15-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">price_by_lot_area =</span> sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area</span>
<span id="cb15-6">  )</span>
<span id="cb15-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 230 × 4</span></span>
<span id="cb15-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    neighborhood       sale_price lot_area price_by_lot_area</span></span>
<span id="cb15-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;fct&gt;                   &lt;int&gt;    &lt;int&gt;             &lt;dbl&gt;</span></span>
<span id="cb15-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Stone_Brook            538000    53504              10.1</span></span>
<span id="cb15-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Stone_Brook            394432    11394              34.6</span></span>
<span id="cb15-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Northridge_Heights     376162    12858              29.3</span></span>
<span id="cb15-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Northridge_Heights     306000    11478              26.7</span></span>
<span id="cb15-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Northridge_Heights     395192    10159              38.9</span></span>
<span id="cb15-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Northridge_Heights     611657    12919              47.3</span></span>
<span id="cb15-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Northridge_Heights     500000    14300              35.0</span></span>
<span id="cb15-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Northridge_Heights     320000    13650              23.4</span></span>
<span id="cb15-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Northridge_Heights     319900     7658              41.8</span></span>
<span id="cb15-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Northridge             333168    14774              22.6</span></span>
<span id="cb15-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 220 more rows</span></span></code></pre></div>
</div>
</div>
<div id="tabset-6-2" class="tab-pane" aria-labelledby="tabset-6-2-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb16" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb16-1">df_ames[</span>
<span id="cb16-2">  sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>, </span>
<span id="cb16-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb16-4">    neighborhood, </span>
<span id="cb16-5">    sale_price, </span>
<span id="cb16-6">    lot_area,</span>
<span id="cb16-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">price_by_lot_area =</span> sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area</span>
<span id="cb16-8">  )</span>
<span id="cb16-9">]</span>
<span id="cb16-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##            neighborhood sale_price lot_area price_by_lot_area</span></span>
<span id="cb16-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##                  &lt;fctr&gt;      &lt;int&gt;    &lt;int&gt;             &lt;num&gt;</span></span>
<span id="cb16-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   1:        Stone_Brook     538000    53504          10.05532</span></span>
<span id="cb16-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   2:        Stone_Brook     394432    11394          34.61752</span></span>
<span id="cb16-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   3: Northridge_Heights     376162    12858          29.25509</span></span>
<span id="cb16-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   4: Northridge_Heights     306000    11478          26.65970</span></span>
<span id="cb16-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   5: Northridge_Heights     395192    10159          38.90068</span></span>
<span id="cb16-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  ---                                                         </span></span>
<span id="cb16-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 226:         Timberland     335000    26178          12.79701</span></span>
<span id="cb16-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 227:         Timberland     312500    14331          21.80588</span></span>
<span id="cb16-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 228:         Timberland     320000    13618          23.49831</span></span>
<span id="cb16-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 229:         Timberland     369900    11443          32.32544</span></span>
<span id="cb16-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 230:         Timberland     359900    11577          31.08750</span></span></code></pre></div>
</div>
</div>
</div>
</div>
</section>
<section id="specialty-of-data.table-modify-in-place" class="level2">
<h2 class="anchored" data-anchor-id="specialty-of-data.table-modify-in-place">Specialty of <code>data.table</code>: modify in place</h2>
<p>In the last step we have seen that <code>mutate()</code> and using a <code>list()</code> inside the <code>[]</code> of a <code>data.table</code> work almost similarly. But there’s a specialty that you might want to keep in mind.</p>
<p>You see, in the previous example we created a new <code>data.table</code>. And that’s why we have seen an output after <code>df_ames[...]</code>. But checkout what happens if I don’t use <code>list()</code> and instead use the <code>:=</code> operator inside the brackets.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb17" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb17-1">df_ames[</span>
<span id="cb17-2">  sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>, </span>
<span id="cb17-3">  price_by_lot_area <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="er" style="color: #AD0000;
background-color: null;
font-style: inherit;">=</span> sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area</span>
<span id="cb17-4">]</span></code></pre></div>
</div>
<p>See? No output. But if we look at <code>df_ames</code>, we’ll notice that the <code>price_by_lot_area</code> was actually created. And that happened even though we never overwrote <code>df_ames</code> like <code>df_ames &lt;-</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb18" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb18-1"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Notice no filter on rows here as first argument was left blank.</span></span>
<span id="cb18-2">df_ames[, price_by_lot_area] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">head</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">30</span>)</span>
<span id="cb18-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [1]       NA       NA       NA       NA       NA       NA       NA       NA</span></span>
<span id="cb18-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [9]       NA       NA       NA       NA       NA       NA       NA 10.05532</span></span>
<span id="cb18-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [17]       NA 34.61752       NA       NA       NA       NA       NA       NA</span></span>
<span id="cb18-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [25]       NA       NA       NA       NA       NA       NA</span></span></code></pre></div>
</div>
<p>Notice now that we have lots of <code>NA</code>s in that column now. This happens because we instructed R to only compute the <code>price_by_lot_area</code> column where <code>sale_price &gt; 300000</code>. Interesting how that works, isn’t it?</p>
<p>If you wanted to calculate all values, you could leave out the filtering condition.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb19" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb19-1">df_ames[, price_by_lot_area <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="er" style="color: #AD0000;
background-color: null;
font-style: inherit;">=</span> sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area]</span>
<span id="cb19-2">df_ames[, price_by_lot_area] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">head</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">30</span>)</span>
<span id="cb19-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [1]  6.767391  9.034590 12.055793 21.863799 13.731020 19.593105 43.394309</span></span>
<span id="cb19-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [8] 38.261738 43.885693 25.200000 17.590000 23.182957 21.471078 16.853381</span></span>
<span id="cb19-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [15] 31.085044 10.055323 13.515741 34.617518  7.367541 15.939279 16.168837</span></span>
<span id="cb19-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [22] 16.000000 28.800000 13.255048 11.956608 16.804734 15.000000 10.952381</span></span>
<span id="cb19-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [29] 31.410038 57.142857</span></span></code></pre></div>
</div>
</section>
<section id="calculate-multiple-new-columns" class="level2">
<h2 class="anchored" data-anchor-id="calculate-multiple-new-columns">Calculate multiple new columns</h2>
<div class="tabset-margin-container"></div><div class="panel-tabset">
<ul class="nav nav-tabs"><li class="nav-item"><a class="nav-link active" id="tabset-7-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-7-1" aria-controls="tabset-7-1" aria-selected="true"><code>dplyr</code></a></li><li class="nav-item"><a class="nav-link" id="tabset-7-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-7-2" aria-controls="tabset-7-2" aria-selected="false"><code>data.table</code> (new)</a></li><li class="nav-item"><a class="nav-link" id="tabset-7-3-tab" data-bs-toggle="tab" data-bs-target="#tabset-7-3" aria-controls="tabset-7-3" aria-selected="false"><code>data.table</code> (in-place)</a></li></ul>
<div class="tab-content">
<div id="tabset-7-1" class="tab-pane active" aria-labelledby="tabset-7-1-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb20" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb20-1">ames <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb20-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb20-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(neighborhood, sale_price, lot_area) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb20-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb20-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">price_by_lot_area =</span> sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area,</span>
<span id="cb20-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_sale_price =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">log</span>(sale_price),</span>
<span id="cb20-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_price_by_lot_area =</span> log_sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area</span>
<span id="cb20-8">  )</span>
<span id="cb20-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 230 × 6</span></span>
<span id="cb20-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    neighborhood       sale_price lot_area price_by_lot_area log_sale_price</span></span>
<span id="cb20-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;fct&gt;                   &lt;int&gt;    &lt;int&gt;             &lt;dbl&gt;          &lt;dbl&gt;</span></span>
<span id="cb20-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Stone_Brook            538000    53504              10.1           13.2</span></span>
<span id="cb20-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Stone_Brook            394432    11394              34.6           12.9</span></span>
<span id="cb20-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Northridge_Heights     376162    12858              29.3           12.8</span></span>
<span id="cb20-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Northridge_Heights     306000    11478              26.7           12.6</span></span>
<span id="cb20-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Northridge_Heights     395192    10159              38.9           12.9</span></span>
<span id="cb20-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Northridge_Heights     611657    12919              47.3           13.3</span></span>
<span id="cb20-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Northridge_Heights     500000    14300              35.0           13.1</span></span>
<span id="cb20-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Northridge_Heights     320000    13650              23.4           12.7</span></span>
<span id="cb20-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Northridge_Heights     319900     7658              41.8           12.7</span></span>
<span id="cb20-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Northridge             333168    14774              22.6           12.7</span></span>
<span id="cb20-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 220 more rows</span></span>
<span id="cb20-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 1 more variable: log_price_by_lot_area &lt;dbl&gt;</span></span></code></pre></div>
</div>
</div>
<div id="tabset-7-2" class="tab-pane" aria-labelledby="tabset-7-2-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb21" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb21-1">df_ames[</span>
<span id="cb21-2">  sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>, </span>
<span id="cb21-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb21-4">    neighborhood, </span>
<span id="cb21-5">    sale_price, </span>
<span id="cb21-6">    lot_area,</span>
<span id="cb21-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">price_by_lot_area =</span> sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area,</span>
<span id="cb21-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_sale_price =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">log</span>(sale_price),</span>
<span id="cb21-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_price_by_lot_area =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">log</span>(sale_price) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area</span>
<span id="cb21-10">  )</span>
<span id="cb21-11">]</span>
<span id="cb21-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##            neighborhood sale_price lot_area price_by_lot_area log_sale_price</span></span>
<span id="cb21-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##                  &lt;fctr&gt;      &lt;int&gt;    &lt;int&gt;             &lt;num&gt;          &lt;num&gt;</span></span>
<span id="cb21-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   1:        Stone_Brook     538000    53504          10.05532       13.19561</span></span>
<span id="cb21-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   2:        Stone_Brook     394432    11394          34.61752       12.88520</span></span>
<span id="cb21-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   3: Northridge_Heights     376162    12858          29.25509       12.83778</span></span>
<span id="cb21-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   4: Northridge_Heights     306000    11478          26.65970       12.63134</span></span>
<span id="cb21-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   5: Northridge_Heights     395192    10159          38.90068       12.88713</span></span>
<span id="cb21-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  ---                                                                        </span></span>
<span id="cb21-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 226:         Timberland     335000    26178          12.79701       12.72189</span></span>
<span id="cb21-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 227:         Timberland     312500    14331          21.80588       12.65236</span></span>
<span id="cb21-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 228:         Timberland     320000    13618          23.49831       12.67608</span></span>
<span id="cb21-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 229:         Timberland     369900    11443          32.32544       12.82099</span></span>
<span id="cb21-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 230:         Timberland     359900    11577          31.08750       12.79358</span></span>
<span id="cb21-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1 variable(s) not shown: [log_price_by_lot_area &lt;num&gt;]</span></span></code></pre></div>
</div>
</div>
<div id="tabset-7-3" class="tab-pane" aria-labelledby="tabset-7-3-tab">
<p>To create multiple columns in place, you can either use the <code>let()</code> command</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb22" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb22-1">df_ames[</span>
<span id="cb22-2">  sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>, </span>
<span id="cb22-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">let</span>(</span>
<span id="cb22-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">price_by_lot_area =</span> sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area,</span>
<span id="cb22-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_sale_price =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">log</span>(sale_price),</span>
<span id="cb22-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_price_by_lot_area =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">log</span>(sale_price) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area</span>
<span id="cb22-7">  )</span>
<span id="cb22-8">]</span></code></pre></div>
</div>
<p>or the <code>:=</code> operator.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb23" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb23-1">df_ames[</span>
<span id="cb23-2">  sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>, </span>
<span id="cb23-3">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">`</span><span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">:=</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">`</span>(</span>
<span id="cb23-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">price_by_lot_area =</span> sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area,</span>
<span id="cb23-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_sale_price =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">log</span>(sale_price),</span>
<span id="cb23-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_price_by_lot_area =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">log</span>(sale_price) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area</span>
<span id="cb23-7">  )</span>
<span id="cb23-8">]</span></code></pre></div>
</div>
</div>
</div>
</div>
</section>
<section id="specialty-of-data.table-chaining" class="level2">
<h2 class="anchored" data-anchor-id="specialty-of-data.table-chaining">Specialty of <code>data.table</code>: chaining</h2>
<p>Notice that in both previous <code>data.table</code> examples we have used <code>log(sale_price)</code> twice. That means after calculating the <code>log_sale_price</code> column, we didn’t actually use that column later on. The reason for this is that it simply doesn’t work. You cannot calculate a new column and use it in the same step.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb24" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb24-1"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># reset df_ames so that `log_sale_price` doesn't exist</span></span>
<span id="cb24-2"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># due to previous calculations.</span></span>
<span id="cb24-3">df_ames <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">as.data.table</span>(ames) </span>
<span id="cb24-4">df_ames[</span>
<span id="cb24-5">  sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>, </span>
<span id="cb24-6">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb24-7">    neighborhood, </span>
<span id="cb24-8">    sale_price, </span>
<span id="cb24-9">    lot_area,</span>
<span id="cb24-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">price_by_lot_area =</span> sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area,</span>
<span id="cb24-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_sale_price =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">log</span>(sale_price),</span>
<span id="cb24-12">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_price_by_lot_area =</span> log_sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># log_sale_price here</span></span>
<span id="cb24-13">  )</span>
<span id="cb24-14">]</span>
<span id="cb24-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Error in eval(jsub, SDenv, parent.frame()): object 'log_sale_price' not found</span></span></code></pre></div>
</div>
<p>One way to fix that is to use chain operations. You can do so by using multiple brackets like <code>df_ames[...][...]</code>, you can chain multiple operations.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb25" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb25-1">df_ames[</span>
<span id="cb25-2">  sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>, </span>
<span id="cb25-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb25-4">    neighborhood, </span>
<span id="cb25-5">    sale_price, </span>
<span id="cb25-6">    lot_area,</span>
<span id="cb25-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">price_by_lot_area =</span> sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area,</span>
<span id="cb25-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_sale_price =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">log</span>(sale_price)</span>
<span id="cb25-9">  )</span>
<span id="cb25-10">][, log_price_by_lot_area <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="er" style="color: #AD0000;
background-color: null;
font-style: inherit;">=</span> log_sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area]</span></code></pre></div>
</div>
<p>Notice that this technically worked and didn’t throw an error, but you cannot find any of the new columns in <code>df_ames</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb26" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb26-1">df_ames[, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(neighborhood, log_price_by_lot_area)]</span>
<span id="cb26-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Error in eval(jsub, SDenv, parent.frame()): object 'log_price_by_lot_area' not found</span></span>
<span id="cb26-3">df_ames[, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(neighborhood, log_sale_price)]</span>
<span id="cb26-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Error in eval(jsub, SDenv, parent.frame()): object 'log_sale_price' not found</span></span></code></pre></div>
</div>
<p>Here’s why that happened: First, we created <strong>a new</strong> data.table by not using the in-place version. Remember how the <code>list()</code> command creates a new <code>data.table</code>? That’s why you get an output here:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb27" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb27-1">df_ames[</span>
<span id="cb27-2">  sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>, </span>
<span id="cb27-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb27-4">    neighborhood, </span>
<span id="cb27-5">    sale_price, </span>
<span id="cb27-6">    lot_area,</span>
<span id="cb27-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">price_by_lot_area =</span> sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area,</span>
<span id="cb27-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_sale_price =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">log</span>(sale_price)</span>
<span id="cb27-9">  )</span>
<span id="cb27-10">]</span>
<span id="cb27-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##            neighborhood sale_price lot_area price_by_lot_area log_sale_price</span></span>
<span id="cb27-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##                  &lt;fctr&gt;      &lt;int&gt;    &lt;int&gt;             &lt;num&gt;          &lt;num&gt;</span></span>
<span id="cb27-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   1:        Stone_Brook     538000    53504          10.05532       13.19561</span></span>
<span id="cb27-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   2:        Stone_Brook     394432    11394          34.61752       12.88520</span></span>
<span id="cb27-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   3: Northridge_Heights     376162    12858          29.25509       12.83778</span></span>
<span id="cb27-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   4: Northridge_Heights     306000    11478          26.65970       12.63134</span></span>
<span id="cb27-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   5: Northridge_Heights     395192    10159          38.90068       12.88713</span></span>
<span id="cb27-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  ---                                                                        </span></span>
<span id="cb27-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 226:         Timberland     335000    26178          12.79701       12.72189</span></span>
<span id="cb27-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 227:         Timberland     312500    14331          21.80588       12.65236</span></span>
<span id="cb27-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 228:         Timberland     320000    13618          23.49831       12.67608</span></span>
<span id="cb27-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 229:         Timberland     369900    11443          32.32544       12.82099</span></span>
<span id="cb27-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 230:         Timberland     359900    11577          31.08750       12.79358</span></span></code></pre></div>
</div>
<p>But if you don’t save this into a new variable, then this new data table isn’t saved. Now, in the next step, we use the in-place mode of operations on the <strong>new</strong> data.table.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb28" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb28-1">df_ames[</span>
<span id="cb28-2">  sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>, </span>
<span id="cb28-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb28-4">    neighborhood, </span>
<span id="cb28-5">    sale_price, </span>
<span id="cb28-6">    lot_area,</span>
<span id="cb28-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">price_by_lot_area =</span> sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area,</span>
<span id="cb28-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_sale_price =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">log</span>(sale_price)</span>
<span id="cb28-9">  )</span>
<span id="cb28-10">][, log_price_by_lot_area <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="er" style="color: #AD0000;
background-color: null;
font-style: inherit;">=</span> log_sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area]</span></code></pre></div>
</div>
<p>This technically works but in-place calculations don’t return anything. They just modify the existing object. But the existing object is the <strong>new</strong> data.table that we still never saved anywhere. Hence, that calculation runs successfully but the results vanish the moment the calculation finishes.</p>
<p>What’s worse is that even if you try to save these results later, it’s no use. See? No results here:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb29" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb29-1">df_test <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> df_ames[</span>
<span id="cb29-2">  sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>, </span>
<span id="cb29-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb29-4">    neighborhood, </span>
<span id="cb29-5">    sale_price, </span>
<span id="cb29-6">    lot_area,</span>
<span id="cb29-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">price_by_lot_area =</span> sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area,</span>
<span id="cb29-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_sale_price =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">log</span>(sale_price)</span>
<span id="cb29-9">  )</span>
<span id="cb29-10">][, log_price_by_lot_area <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="er" style="color: #AD0000;
background-color: null;
font-style: inherit;">=</span> log_sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area]</span>
<span id="cb29-11">df_test</span></code></pre></div>
</div>
<p>So there are two ways you could fix this. Either chain your results without using the in-place calculations. This means either using <code>list()</code> or <code>.()</code> in later steps of the chain.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb30" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb30-1">df_ames[</span>
<span id="cb30-2">  sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>, </span>
<span id="cb30-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb30-4">    neighborhood, </span>
<span id="cb30-5">    sale_price, </span>
<span id="cb30-6">    lot_area,</span>
<span id="cb30-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">price_by_lot_area =</span> sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area,</span>
<span id="cb30-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_sale_price =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">log</span>(sale_price)</span>
<span id="cb30-9">  )</span>
<span id="cb30-10">][, .(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_price_by_lot_area =</span> log_sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area)]</span>
<span id="cb30-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##      log_price_by_lot_area</span></span>
<span id="cb30-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##                      &lt;num&gt;</span></span>
<span id="cb30-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   1:          0.0002466285</span></span>
<span id="cb30-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   2:          0.0011308761</span></span>
<span id="cb30-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   3:          0.0009984271</span></span>
<span id="cb30-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   4:          0.0011004827</span></span>
<span id="cb30-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   5:          0.0012685429</span></span>
<span id="cb30-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  ---                      </span></span>
<span id="cb30-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 226:          0.0004859762</span></span>
<span id="cb30-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 227:          0.0008828665</span></span>
<span id="cb30-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 228:          0.0009308324</span></span>
<span id="cb30-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 229:          0.0011204219</span></span>
<span id="cb30-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 230:          0.0011050861</span></span></code></pre></div>
</div>
<p>As we’ve seen before, this will then only return a <code>data.table</code> with the filtered rows. Or alternatively, you could use only in-place calculation.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb31" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb31-1">df_ames[</span>
<span id="cb31-2">  sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>, </span>
<span id="cb31-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">let</span>(</span>
<span id="cb31-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">price_by_lot_area =</span> sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area,</span>
<span id="cb31-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_sale_price =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">log</span>(sale_price)</span>
<span id="cb31-6">  )</span>
<span id="cb31-7">][, log_price_by_lot_area <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="er" style="color: #AD0000;
background-color: null;
font-style: inherit;">=</span> log_sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area]</span>
<span id="cb31-8"></span>
<span id="cb31-9">df_ames[</span>
<span id="cb31-10">  <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Set filter to see both NA and non-NA values</span></span>
<span id="cb31-11">  sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">200000</span>, </span>
<span id="cb31-12">  .(neighborhood, price_by_lot_area, log_sale_price, log_price_by_lot_area)</span>
<span id="cb31-13">]</span>
<span id="cb31-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##      neighborhood price_by_lot_area log_sale_price log_price_by_lot_area</span></span>
<span id="cb31-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##            &lt;fctr&gt;             &lt;num&gt;          &lt;num&gt;                 &lt;num&gt;</span></span>
<span id="cb31-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   1:   North_Ames                NA             NA                    NA</span></span>
<span id="cb31-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   2:   North_Ames                NA             NA                    NA</span></span>
<span id="cb31-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   3:  Stone_Brook                NA             NA                    NA</span></span>
<span id="cb31-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   4:  Stone_Brook                NA             NA                    NA</span></span>
<span id="cb31-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   5:  Stone_Brook                NA             NA                    NA</span></span>
<span id="cb31-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  ---                                                                    </span></span>
<span id="cb31-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 853:   Timberland          21.80588       12.65236          0.0008828665</span></span>
<span id="cb31-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 854:   Timberland          23.49831       12.67608          0.0009308324</span></span>
<span id="cb31-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 855:   Timberland          32.32544       12.82099          0.0011204219</span></span>
<span id="cb31-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 856:   Timberland          31.08750       12.79358          0.0011050861</span></span>
<span id="cb31-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 857:     Mitchell                NA             NA                    NA</span></span></code></pre></div>
</div>
<p>But personally I prefer to chain things with a pipe operator. With the R native pipe operator <code>|&gt;</code> and its placeholder variable <code>_</code> this works pretty well.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb32" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb32-1">df_ames[</span>
<span id="cb32-2">  sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>, </span>
<span id="cb32-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb32-4">    neighborhood, </span>
<span id="cb32-5">    sale_price, </span>
<span id="cb32-6">    lot_area,</span>
<span id="cb32-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">price_by_lot_area =</span> sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area,</span>
<span id="cb32-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_sale_price =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">log</span>(sale_price)</span>
<span id="cb32-9">  )</span>
<span id="cb32-10">] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb32-11">  _[, .(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_price_by_lot_area =</span> log_sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area)]</span>
<span id="cb32-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##      log_price_by_lot_area</span></span>
<span id="cb32-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##                      &lt;num&gt;</span></span>
<span id="cb32-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   1:          0.0002466285</span></span>
<span id="cb32-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   2:          0.0011308761</span></span>
<span id="cb32-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   3:          0.0009984271</span></span>
<span id="cb32-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   4:          0.0011004827</span></span>
<span id="cb32-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   5:          0.0012685429</span></span>
<span id="cb32-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  ---                      </span></span>
<span id="cb32-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 226:          0.0004859762</span></span>
<span id="cb32-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 227:          0.0008828665</span></span>
<span id="cb32-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 228:          0.0009308324</span></span>
<span id="cb32-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 229:          0.0011204219</span></span>
<span id="cb32-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 230:          0.0011050861</span></span></code></pre></div>
</div>
</section>
<section id="calculate-summary-statistics-without-grouping" class="level2">
<h2 class="anchored" data-anchor-id="calculate-summary-statistics-without-grouping">Calculate summary statistics (without grouping)</h2>
<div class="tabset-margin-container"></div><div class="panel-tabset">
<ul class="nav nav-tabs"><li class="nav-item"><a class="nav-link active" id="tabset-8-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-8-1" aria-controls="tabset-8-1" aria-selected="true"><code>dplyr</code></a></li><li class="nav-item"><a class="nav-link" id="tabset-8-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-8-2" aria-controls="tabset-8-2" aria-selected="false"><code>data.table</code></a></li></ul>
<div class="tab-content">
<div id="tabset-8-1" class="tab-pane active" aria-labelledby="tabset-8-1-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb33" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb33-1">ames <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb33-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb33-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(neighborhood, sale_price, lot_area) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb33-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb33-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">price_by_lot_area =</span> sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area,</span>
<span id="cb33-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_sale_price =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">log</span>(sale_price),</span>
<span id="cb33-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_price_by_lot_area =</span> log_sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area</span>
<span id="cb33-8">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb33-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(</span>
<span id="cb33-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mean_sale_price =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(sale_price),</span>
<span id="cb33-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">n_houses =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">n</span>()</span>
<span id="cb33-12">  )</span>
<span id="cb33-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 1 × 2</span></span>
<span id="cb33-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   mean_sale_price n_houses</span></span>
<span id="cb33-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##             &lt;dbl&gt;    &lt;int&gt;</span></span>
<span id="cb33-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1         378693.      230</span></span></code></pre></div>
</div>
</div>
<div id="tabset-8-2" class="tab-pane" aria-labelledby="tabset-8-2-tab">
<p>In <code>data.tables</code> the special variable <code>.N</code> refers to the amount of rows. In this case <code>.N</code> refers to the amount of all rows. In a grouped setting, <code>.N</code> would refer to the group sizes.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb34" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb34-1">df_ames[</span>
<span id="cb34-2">  sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>, </span>
<span id="cb34-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb34-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mean_sale_price =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(sale_price),</span>
<span id="cb34-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">n_houses =</span> .N</span>
<span id="cb34-6">  )</span>
<span id="cb34-7">]</span>
<span id="cb34-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    mean_sale_price n_houses</span></span>
<span id="cb34-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##              &lt;num&gt;    &lt;int&gt;</span></span>
<span id="cb34-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1:        378693.4      230</span></span></code></pre></div>
</div>
</div>
</div>
</div>
</section>
<section id="calculate-summary-statistics-with-grouping" class="level2">
<h2 class="anchored" data-anchor-id="calculate-summary-statistics-with-grouping">Calculate summary statistics (with grouping)</h2>
<div class="tabset-margin-container"></div><div class="panel-tabset">
<ul class="nav nav-tabs"><li class="nav-item"><a class="nav-link active" id="tabset-9-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-9-1" aria-controls="tabset-9-1" aria-selected="true"><code>dplyr</code></a></li><li class="nav-item"><a class="nav-link" id="tabset-9-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-9-2" aria-controls="tabset-9-2" aria-selected="false"><code>data.table</code></a></li></ul>
<div class="tab-content">
<div id="tabset-9-1" class="tab-pane active" aria-labelledby="tabset-9-1-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb35" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb35-1">ames <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb35-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb35-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(neighborhood, sale_price, lot_area) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb35-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb35-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">price_by_lot_area =</span> sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area,</span>
<span id="cb35-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_sale_price =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">log</span>(sale_price),</span>
<span id="cb35-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">log_price_by_lot_area =</span> log_sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> lot_area</span>
<span id="cb35-8">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb35-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(</span>
<span id="cb35-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mean_sale_price =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(sale_price),</span>
<span id="cb35-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">n_houses =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">n</span>(),</span>
<span id="cb35-12">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> neighborhood <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># use grouping</span></span>
<span id="cb35-13">  )</span>
<span id="cb35-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 16 × 3</span></span>
<span id="cb35-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    neighborhood       mean_sale_price n_houses</span></span>
<span id="cb35-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;fct&gt;                        &lt;dbl&gt;    &lt;int&gt;</span></span>
<span id="cb35-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Stone_Brook                417381.       27</span></span>
<span id="cb35-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Northridge_Heights         389422.       91</span></span>
<span id="cb35-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Northridge                 387282.       37</span></span>
<span id="cb35-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Clear_Creek                315000         2</span></span>
<span id="cb35-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Edwards                    347677.        3</span></span>
<span id="cb35-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Sawyer_West                312533.        3</span></span>
<span id="cb35-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 College_Creek              363104.       10</span></span>
<span id="cb35-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Crawford                   347410        10</span></span>
<span id="cb35-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Timberland                 353320        15</span></span>
<span id="cb35-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 North_Ames                 323300         2</span></span>
<span id="cb35-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 11 Gilbert                    335500         3</span></span>
<span id="cb35-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 12 Somerset                   345156        19</span></span>
<span id="cb35-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 13 Veenker                    350188.        4</span></span>
<span id="cb35-30"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 14 Northwest_Ames             306000         1</span></span>
<span id="cb35-31"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 15 Old_Town                   400000         2</span></span>
<span id="cb35-32"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 16 Green_Hills                330000         1</span></span></code></pre></div>
</div>
</div>
<div id="tabset-9-2" class="tab-pane" aria-labelledby="tabset-9-2-tab">
<p>In <code>data.tables</code> the special variable <code>.N</code> refers to the amount of rows. In this case <code>.N</code> refers to the amount of all rows. In a grouped setting, <code>.N</code> would refer to the group sizes.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb36" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb36-1">df_ames[</span>
<span id="cb36-2">  sale_price <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">300000</span>, </span>
<span id="cb36-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb36-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mean_sale_price =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(sale_price),</span>
<span id="cb36-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">n_houses =</span> .N</span>
<span id="cb36-6">  ),</span>
<span id="cb36-7">  by <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> neighborhood  <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># use grouping</span></span>
<span id="cb36-8">]</span>
<span id="cb36-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##           neighborhood mean_sale_price n_houses</span></span>
<span id="cb36-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##                 &lt;fctr&gt;           &lt;num&gt;    &lt;int&gt;</span></span>
<span id="cb36-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1:        Stone_Brook        417381.1       27</span></span>
<span id="cb36-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2: Northridge_Heights        389421.9       91</span></span>
<span id="cb36-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3:         Northridge        387281.6       37</span></span>
<span id="cb36-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4:        Clear_Creek        315000.0        2</span></span>
<span id="cb36-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5:            Edwards        347676.7        3</span></span>
<span id="cb36-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ---                                            </span></span>
<span id="cb36-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 12:           Somerset        345156.0       19</span></span>
<span id="cb36-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 13:            Veenker        350187.5        4</span></span>
<span id="cb36-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 14:     Northwest_Ames        306000.0        1</span></span>
<span id="cb36-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 15:           Old_Town        400000.0        2</span></span>
<span id="cb36-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 16:        Green_Hills        330000.0        1</span></span></code></pre></div>
</div>
</div>
</div>
</div>
</section>
<section id="iterate-over-multiple-columns" class="level2">
<h2 class="anchored" data-anchor-id="iterate-over-multiple-columns">Iterate over multiple columns</h2>
<p>Let’s combine our knowledge of selecting multiple columns to calculate summary stats for many columns.</p>
<div class="tabset-margin-container"></div><div class="panel-tabset">
<ul class="nav nav-tabs"><li class="nav-item"><a class="nav-link active" id="tabset-10-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-10-1" aria-controls="tabset-10-1" aria-selected="true"><code>dplyr</code></a></li><li class="nav-item"><a class="nav-link" id="tabset-10-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-10-2" aria-controls="tabset-10-2" aria-selected="false"><code>data.table</code></a></li></ul>
<div class="tab-content">
<div id="tabset-10-1" class="tab-pane active" aria-labelledby="tabset-10-1-tab">
<p>In <code>dplyr</code> this needs the <code>across()</code> function inside of <code>summarize()</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb37" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb37-1">ames <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb37-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(</span>
<span id="cb37-3">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(</span>
<span id="cb37-4">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.cols =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">contains</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'area'</span>),</span>
<span id="cb37-5">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.fns =</span> mean</span>
<span id="cb37-6">    ),</span>
<span id="cb37-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> neighborhood</span>
<span id="cb37-8">  )</span>
<span id="cb37-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 28 × 6</span></span>
<span id="cb37-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    neighborhood        lot_area mas_vnr_area gr_liv_area garage_area pool_area</span></span>
<span id="cb37-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;fct&gt;                  &lt;dbl&gt;        &lt;dbl&gt;       &lt;dbl&gt;       &lt;dbl&gt;     &lt;dbl&gt;</span></span>
<span id="cb37-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 North_Ames            10040.         92.2       1292.        423.     1.99 </span></span>
<span id="cb37-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Gilbert               11342.         39.2       1621.        454.     0    </span></span>
<span id="cb37-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Stone_Brook           11383.        211.        1949.        626.     0    </span></span>
<span id="cb37-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Northwest_Ames        11662.        171.        1689.        535.     8.91 </span></span>
<span id="cb37-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Somerset               7611.        138.        1605.        620.     0    </span></span>
<span id="cb37-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Briardale              1841.        364.        1115.        292      0    </span></span>
<span id="cb37-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Northpark_Villa        2756.          0         1244.        421.     0    </span></span>
<span id="cb37-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Northridge_Heights    11217.        331.        1943.        748.     0.867</span></span>
<span id="cb37-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Bloomington_Heights    3399.         41.6       1405.        493.     0    </span></span>
<span id="cb37-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Northridge            12976.        417.        2481.        721.     7.82 </span></span>
<span id="cb37-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 18 more rows</span></span></code></pre></div>
</div>
</div>
<div id="tabset-10-2" class="tab-pane" aria-labelledby="tabset-10-2-tab">
<p>In <code>data.table</code>, you can just use the <code>.SD</code> variable again and combine that with <code>lapply()</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb38" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb38-1">df_ames[, </span>
<span id="cb38-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb38-3">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lapply</span>(.SD, mean, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na.rm =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb38-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">n_houses =</span> .N</span>
<span id="cb38-5">  ),</span>
<span id="cb38-6">  by <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> neighborhood,</span>
<span id="cb38-7">  .SDcols <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">patterns</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'area'</span>)</span>
<span id="cb38-8">]</span>
<span id="cb38-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       neighborhood  lot_area mas_vnr_area gr_liv_area garage_area pool_area</span></span>
<span id="cb38-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##             &lt;fctr&gt;     &lt;num&gt;        &lt;num&gt;       &lt;num&gt;       &lt;num&gt;     &lt;num&gt;</span></span>
<span id="cb38-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1:     North_Ames 10039.702     92.24605    1292.054    423.2460  1.986456</span></span>
<span id="cb38-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2:        Gilbert 11342.370     39.17576    1620.897    453.8000  0.000000</span></span>
<span id="cb38-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3:    Stone_Brook 11383.392    211.15686    1949.216    625.7059  0.000000</span></span>
<span id="cb38-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4: Northwest_Ames 11661.695    170.78626    1688.771    534.9084  8.908397</span></span>
<span id="cb38-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5:       Somerset  7610.676    137.56044    1604.830    620.3407  0.000000</span></span>
<span id="cb38-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ---                                                                        </span></span>
<span id="cb38-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 24:     Timberland 18233.542    179.87500    1714.639    604.6667  0.000000</span></span>
<span id="cb38-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 25: Meadow_Village  2109.027      7.27027    1066.703    226.3784  0.000000</span></span>
<span id="cb38-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 26:        Veenker 15482.208    139.00000    1819.542    574.0833 33.333333</span></span>
<span id="cb38-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 27:    Green_Hills  9001.000    119.50000    1398.500    299.0000  0.000000</span></span>
<span id="cb38-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 28:       Landmark  3612.000      0.00000    1320.000    484.0000  0.000000</span></span>
<span id="cb38-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 3 variable(s) not shown: [price_by_lot_area &lt;num&gt;, log_price_by_lot_area &lt;num&gt;, N &lt;int&gt;]</span></span></code></pre></div>
</div>
</div>
</div>
</div>
<p>Notice that for <code>data.table</code> we had to use the <code>c()</code> function to comine results. Had we used a list via <code>.()</code>, then results wouldn’t look quite the same.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb39" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb39-1">df_ames[, </span>
<span id="cb39-2">  .(</span>
<span id="cb39-3">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lapply</span>(.SD, mean, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na.rm =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb39-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">n_houses =</span> .N</span>
<span id="cb39-5">  ),</span>
<span id="cb39-6">  by <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> neighborhood,</span>
<span id="cb39-7">  .SDcols <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">patterns</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'area'</span>)</span>
<span id="cb39-8">]</span>
<span id="cb39-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##      neighborhood       V1 n_houses</span></span>
<span id="cb39-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##            &lt;fctr&gt;   &lt;list&gt;    &lt;int&gt;</span></span>
<span id="cb39-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   1:   North_Ames  10039.7      443</span></span>
<span id="cb39-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   2:   North_Ames 92.24605      443</span></span>
<span id="cb39-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   3:   North_Ames 1292.054      443</span></span>
<span id="cb39-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   4:   North_Ames  423.246      443</span></span>
<span id="cb39-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   5:   North_Ames 1.986456      443</span></span>
<span id="cb39-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  ---                               </span></span>
<span id="cb39-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 192:     Landmark     1320        1</span></span>
<span id="cb39-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 193:     Landmark      484        1</span></span>
<span id="cb39-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 194:     Landmark        0        1</span></span>
<span id="cb39-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 195:     Landmark      NaN        1</span></span>
<span id="cb39-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 196:     Landmark      NaN        1</span></span></code></pre></div>
</div>
<p>Or we could also cover, say, numeric columns. In that case we shouldn’t use <code>.cols = contains()</code> and <code>.SDcols = patterns()</code>. Instead we’d use <code>.cols = where(is.numeric)</code> and <code>.SDcols = is.numeric</code>:</p>
<div class="tabset-margin-container"></div><div class="panel-tabset">
<ul class="nav nav-tabs"><li class="nav-item"><a class="nav-link active" id="tabset-11-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-11-1" aria-controls="tabset-11-1" aria-selected="true"><code>dplyr</code></a></li><li class="nav-item"><a class="nav-link" id="tabset-11-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-11-2" aria-controls="tabset-11-2" aria-selected="false"><code>data.table</code></a></li></ul>
<div class="tab-content">
<div id="tabset-11-1" class="tab-pane active" aria-labelledby="tabset-11-1-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb40" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb40-1">ames <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb40-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(</span>
<span id="cb40-3">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(</span>
<span id="cb40-4">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.cols =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">where</span>(is.numeric),</span>
<span id="cb40-5">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.fns =</span> mean</span>
<span id="cb40-6">    ),</span>
<span id="cb40-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> neighborhood</span>
<span id="cb40-8">  )</span>
<span id="cb40-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 28 × 35</span></span>
<span id="cb40-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    neighborhood     lot_frontage lot_area year_built year_remod_add mas_vnr_area</span></span>
<span id="cb40-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;fct&gt;                   &lt;dbl&gt;    &lt;dbl&gt;      &lt;dbl&gt;          &lt;dbl&gt;        &lt;dbl&gt;</span></span>
<span id="cb40-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 North_Ames               63.7   10040.      1960.          1971.         92.2</span></span>
<span id="cb40-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Gilbert                  49.9   11342.      1998.          1999.         39.2</span></span>
<span id="cb40-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Stone_Brook              56.1   11383.      1999.          2000.        211. </span></span>
<span id="cb40-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Northwest_Ames           52.9   11662.      1976.          1980.        171. </span></span>
<span id="cb40-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Somerset                 57.5    7611.      2005.          2005.        138. </span></span>
<span id="cb40-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Briardale                21.5    1841.      1972.          1973         364. </span></span>
<span id="cb40-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Northpark_Villa          25.7    2756.      1976.          1976.          0  </span></span>
<span id="cb40-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Northridge_Heig…         82.7   11217.      2006.          2006.        331. </span></span>
<span id="cb40-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Bloomington_Hei…         33.5    3399.      2005.          2005.         41.6</span></span>
<span id="cb40-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Northridge               69.7   12976.      1995.          1997.        417. </span></span>
<span id="cb40-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 18 more rows</span></span>
<span id="cb40-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 29 more variables: bsmt_fin_sf_1 &lt;dbl&gt;, bsmt_fin_sf_2 &lt;dbl&gt;,</span></span>
<span id="cb40-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   bsmt_unf_sf &lt;dbl&gt;, total_bsmt_sf &lt;dbl&gt;, first_flr_sf &lt;dbl&gt;,</span></span>
<span id="cb40-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   second_flr_sf &lt;dbl&gt;, gr_liv_area &lt;dbl&gt;, bsmt_full_bath &lt;dbl&gt;,</span></span>
<span id="cb40-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   bsmt_half_bath &lt;dbl&gt;, full_bath &lt;dbl&gt;, half_bath &lt;dbl&gt;,</span></span>
<span id="cb40-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   bedroom_abv_gr &lt;dbl&gt;, kitchen_abv_gr &lt;dbl&gt;, tot_rms_abv_grd &lt;dbl&gt;,</span></span>
<span id="cb40-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   fireplaces &lt;dbl&gt;, garage_cars &lt;dbl&gt;, garage_area &lt;dbl&gt;, …</span></span></code></pre></div>
</div>
</div>
<div id="tabset-11-2" class="tab-pane" aria-labelledby="tabset-11-2-tab">
<p>In <code>data.tables</code> the special variable <code>.N</code> refers to the amount of rows. In this case <code>.N</code> refers to the amount of all rows. In a grouped setting, <code>.N</code> would refer to the group sizes.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb41" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb41-1">df_ames[, </span>
<span id="cb41-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb41-3">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lapply</span>(.SD, mean, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na.rm =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb41-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">n_houses =</span> .N</span>
<span id="cb41-5">  ),</span>
<span id="cb41-6">  by <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> neighborhood,</span>
<span id="cb41-7">  .SDcols <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> is.numeric</span>
<span id="cb41-8">]</span>
<span id="cb41-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       neighborhood lot_frontage  lot_area year_built year_remod_add</span></span>
<span id="cb41-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##             &lt;fctr&gt;        &lt;num&gt;     &lt;num&gt;      &lt;num&gt;          &lt;num&gt;</span></span>
<span id="cb41-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1:     North_Ames     63.66591 10039.702   1959.876       1970.652</span></span>
<span id="cb41-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2:        Gilbert     49.92121 11342.370   1998.303       1998.994</span></span>
<span id="cb41-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3:    Stone_Brook     56.07843 11383.392   1999.431       1999.725</span></span>
<span id="cb41-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4: Northwest_Ames     52.89313 11661.695   1975.588       1980.252</span></span>
<span id="cb41-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5:       Somerset     57.45604  7610.676   2004.621       2004.956</span></span>
<span id="cb41-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ---                                                                </span></span>
<span id="cb41-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 24:     Timberland     64.25000 18233.542   1995.333       1996.667</span></span>
<span id="cb41-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 25: Meadow_Village     22.83784  2109.027   1972.243       1976.027</span></span>
<span id="cb41-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 26:        Veenker     48.00000 15482.208   1981.708       1987.750</span></span>
<span id="cb41-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 27:    Green_Hills      0.00000  9001.000   1992.000       1992.000</span></span>
<span id="cb41-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 28:       Landmark      0.00000  3612.000   1993.000       1994.000</span></span>
<span id="cb41-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 34 variable(s) not shown: [mas_vnr_area &lt;num&gt;, bsmt_fin_sf_1 &lt;num&gt;, bsmt_fin_sf_2 &lt;num&gt;, bsmt_unf_sf &lt;num&gt;, total_bsmt_sf &lt;num&gt;, first_flr_sf &lt;num&gt;, second_flr_sf &lt;num&gt;, gr_liv_area &lt;num&gt;, bsmt_full_bath &lt;num&gt;, bsmt_half_bath &lt;num&gt;, ...]</span></span></code></pre></div>
</div>
</div>
</div>
</div>


</section>

 ]]></description>
  <guid>https://albert-rapp.de/posts/34_datatable_vs_dplyr/34_datatable_vs_dplyr.html</guid>
  <pubDate>Sat, 08 Mar 2025 23:00:00 GMT</pubDate>
</item>
<item>
  <title>5 Levels of Data Wrangling Every R User Must Master</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/33_five_levels_of_data_cleaning/33_five_levels_of_data_cleaning.html</link>
  <description><![CDATA[ 




<p><link rel="stylesheet" href="../../../new_code_theme.css"></p>
<p>In today’s blog post, I’ll show you how to go from <code>{dplyr}</code> beginner to pro in 5 simple stages. As always there’s also a video version available to this blog post:</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/GZ870c6IsWU" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<p>On this endeavor, let’s work with the Ames housing data set.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb1" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb1-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(tidyverse)</span>
<span id="cb1-2">housing_dat <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> modeldata<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>ames</span>
<span id="cb1-3">housing_dat</span>
<span id="cb1-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 2,930 × 74</span></span>
<span id="cb1-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    MS_SubClass            MS_Zoning Lot_Frontage Lot_Area Street Alley Lot_Shape</span></span>
<span id="cb1-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  * &lt;fct&gt;                  &lt;fct&gt;            &lt;dbl&gt;    &lt;int&gt; &lt;fct&gt;  &lt;fct&gt; &lt;fct&gt;    </span></span>
<span id="cb1-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 One_Story_1946_and_Ne… Resident…          141    31770 Pave   No_A… Slightly…</span></span>
<span id="cb1-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 One_Story_1946_and_Ne… Resident…           80    11622 Pave   No_A… Regular  </span></span>
<span id="cb1-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 One_Story_1946_and_Ne… Resident…           81    14267 Pave   No_A… Slightly…</span></span>
<span id="cb1-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 One_Story_1946_and_Ne… Resident…           93    11160 Pave   No_A… Regular  </span></span>
<span id="cb1-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Two_Story_1946_and_Ne… Resident…           74    13830 Pave   No_A… Slightly…</span></span>
<span id="cb1-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Two_Story_1946_and_Ne… Resident…           78     9978 Pave   No_A… Slightly…</span></span>
<span id="cb1-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 One_Story_PUD_1946_an… Resident…           41     4920 Pave   No_A… Regular  </span></span>
<span id="cb1-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 One_Story_PUD_1946_an… Resident…           43     5005 Pave   No_A… Slightly…</span></span>
<span id="cb1-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 One_Story_PUD_1946_an… Resident…           39     5389 Pave   No_A… Slightly…</span></span>
<span id="cb1-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Two_Story_1946_and_Ne… Resident…           60     7500 Pave   No_A… Regular  </span></span>
<span id="cb1-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 2,920 more rows</span></span>
<span id="cb1-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 67 more variables: Land_Contour &lt;fct&gt;, Utilities &lt;fct&gt;, Lot_Config &lt;fct&gt;,</span></span>
<span id="cb1-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   Land_Slope &lt;fct&gt;, Neighborhood &lt;fct&gt;, Condition_1 &lt;fct&gt;, Condition_2 &lt;fct&gt;,</span></span>
<span id="cb1-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   Bldg_Type &lt;fct&gt;, House_Style &lt;fct&gt;, Overall_Cond &lt;fct&gt;, Year_Built &lt;int&gt;,</span></span>
<span id="cb1-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   Year_Remod_Add &lt;int&gt;, Roof_Style &lt;fct&gt;, Roof_Matl &lt;fct&gt;,</span></span>
<span id="cb1-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   Exterior_1st &lt;fct&gt;, Exterior_2nd &lt;fct&gt;, Mas_Vnr_Type &lt;fct&gt;,</span></span>
<span id="cb1-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   Mas_Vnr_Area &lt;dbl&gt;, Exter_Cond &lt;fct&gt;, Foundation &lt;fct&gt;, Bsmt_Cond &lt;fct&gt;, …</span></span></code></pre></div>
</div>
<section id="level-1-do-everything-manually" class="level1">
<h1>Level 1: Do everything manually</h1>
<p>Let’s run a little analysis of comparing area sizes of different parts of the house by neighborhood. All of the columns that contain sizes are indicated by “SF” (as in square fee).</p>
<p>In our analysis, we’ll grab the required columns, transform them to square meters and then calculate the mean size by neighborhood. In Level 1, this will all be done manually:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb2" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb2-1">housing_dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb2-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(</span>
<span id="cb2-3">    Neighborhood,</span>
<span id="cb2-4">    BsmtFin_SF_1,</span>
<span id="cb2-5">    BsmtFin_SF_2,</span>
<span id="cb2-6">    Bsmt_Unf_SF,</span>
<span id="cb2-7">    Total_Bsmt_SF,</span>
<span id="cb2-8">    First_Flr_SF,</span>
<span id="cb2-9">    Second_Flr_SF,</span>
<span id="cb2-10">    Wood_Deck_SF,</span>
<span id="cb2-11">    Open_Porch_SF</span>
<span id="cb2-12">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb2-13">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb2-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">BsmtFin_SF_1   =</span> BsmtFin_SF_1 <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb2-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">BsmtFin_SF_2   =</span> BsmtFin_SF_2 <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb2-16">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Bsmt_Unf_SF    =</span> Bsmt_Unf_SF <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb2-17">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Total_Bsmt_SF  =</span> Total_Bsmt_SF <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb2-18">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">First_Flr_SF   =</span> First_Flr_SF <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb2-19">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Second_Flr_SF  =</span> Second_Flr_SF <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb2-20">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Wood_Deck_SF   =</span> Wood_Deck_SF <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb2-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Open_Porch_SF  =</span> Open_Porch_SF <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span></span>
<span id="cb2-22">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb2-23">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(</span>
<span id="cb2-24">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">BsmtFin_SF_1   =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(BsmtFin_SF_1), </span>
<span id="cb2-25">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">BsmtFin_SF_2   =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(BsmtFin_SF_2), </span>
<span id="cb2-26">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Bsmt_Unf_SF    =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(Bsmt_Unf_SF), </span>
<span id="cb2-27">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Total_Bsmt_SF  =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(Total_Bsmt_SF), </span>
<span id="cb2-28">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">First_Flr_SF   =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(First_Flr_SF), </span>
<span id="cb2-29">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Second_Flr_SF  =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(Second_Flr_SF), </span>
<span id="cb2-30">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Wood_Deck_SF   =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(Wood_Deck_SF), </span>
<span id="cb2-31">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Open_Porch_SF  =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(Open_Porch_SF),</span>
<span id="cb2-32">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> Neighborhood</span>
<span id="cb2-33">  )</span>
<span id="cb2-34"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 28 × 9</span></span>
<span id="cb2-35"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    Neighborhood BsmtFin_SF_1 BsmtFin_SF_2 Bsmt_Unf_SF Total_Bsmt_SF First_Flr_SF</span></span>
<span id="cb2-36"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;fct&gt;               &lt;dbl&gt;        &lt;dbl&gt;       &lt;dbl&gt;         &lt;dbl&gt;        &lt;dbl&gt;</span></span>
<span id="cb2-37"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 North_Ames          0.340       7.77          43.0          95.8        109. </span></span>
<span id="cb2-38"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Gilbert             0.480       0.0636        58.6          81.3         87.4</span></span>
<span id="cb2-39"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Stone_Brook         0.341       2.76          70.8         145.         147. </span></span>
<span id="cb2-40"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Northwest_A…        0.277       5.81          50.6         109.         122. </span></span>
<span id="cb2-41"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Somerset            0.427       0.776         72.6         110.         110. </span></span>
<span id="cb2-42"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Briardale           0.356       0.910         27.4          52.3         52.3</span></span>
<span id="cb2-43"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Northpark_V…        0.137       8.34          41.2          85.8         85.3</span></span>
<span id="cb2-44"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Northridge_…        0.371       0.847         80.8         151.         150. </span></span>
<span id="cb2-45"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Bloomington…        0.392       0             91.0         121.         131. </span></span>
<span id="cb2-46"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Northridge          0.335       8.40          56.4         133.         137. </span></span>
<span id="cb2-47"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 18 more rows</span></span>
<span id="cb2-48"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 3 more variables: Second_Flr_SF &lt;dbl&gt;, Wood_Deck_SF &lt;dbl&gt;,</span></span>
<span id="cb2-49"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   Open_Porch_SF &lt;dbl&gt;</span></span></code></pre></div>
</div>
</section>
<section id="level-2-use-tidyselect-helpers-in-select" class="level1">
<h1>Level 2: Use tidyselect helpers in <code>select()</code></h1>
<p>In Level 2, we can replace the long list of names by a tidyselect helper inside the <code>select()</code> call.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb3" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb3-1">housing_dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb3-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(Neighborhood, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">contains</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SF'</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb3-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb3-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">BsmtFin_SF_1   =</span> BsmtFin_SF_1 <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb3-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">BsmtFin_SF_2   =</span> BsmtFin_SF_2 <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb3-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Bsmt_Unf_SF    =</span> Bsmt_Unf_SF <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb3-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Total_Bsmt_SF  =</span> Total_Bsmt_SF <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb3-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">First_Flr_SF   =</span> First_Flr_SF <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb3-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Second_Flr_SF  =</span> Second_Flr_SF <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb3-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Wood_Deck_SF   =</span> Wood_Deck_SF <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb3-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Open_Porch_SF  =</span> Open_Porch_SF <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span></span>
<span id="cb3-12">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb3-13">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(</span>
<span id="cb3-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">BsmtFin_SF_1   =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(BsmtFin_SF_1), </span>
<span id="cb3-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">BsmtFin_SF_2   =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(BsmtFin_SF_2), </span>
<span id="cb3-16">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Bsmt_Unf_SF    =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(Bsmt_Unf_SF), </span>
<span id="cb3-17">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Total_Bsmt_SF  =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(Total_Bsmt_SF), </span>
<span id="cb3-18">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">First_Flr_SF   =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(First_Flr_SF), </span>
<span id="cb3-19">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Second_Flr_SF  =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(Second_Flr_SF), </span>
<span id="cb3-20">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Wood_Deck_SF   =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(Wood_Deck_SF), </span>
<span id="cb3-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Open_Porch_SF  =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(Open_Porch_SF),</span>
<span id="cb3-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> Neighborhood</span>
<span id="cb3-23">  )</span>
<span id="cb3-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 28 × 9</span></span>
<span id="cb3-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    Neighborhood BsmtFin_SF_1 BsmtFin_SF_2 Bsmt_Unf_SF Total_Bsmt_SF First_Flr_SF</span></span>
<span id="cb3-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;fct&gt;               &lt;dbl&gt;        &lt;dbl&gt;       &lt;dbl&gt;         &lt;dbl&gt;        &lt;dbl&gt;</span></span>
<span id="cb3-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 North_Ames          0.340       7.77          43.0          95.8        109. </span></span>
<span id="cb3-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Gilbert             0.480       0.0636        58.6          81.3         87.4</span></span>
<span id="cb3-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Stone_Brook         0.341       2.76          70.8         145.         147. </span></span>
<span id="cb3-30"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Northwest_A…        0.277       5.81          50.6         109.         122. </span></span>
<span id="cb3-31"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Somerset            0.427       0.776         72.6         110.         110. </span></span>
<span id="cb3-32"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Briardale           0.356       0.910         27.4          52.3         52.3</span></span>
<span id="cb3-33"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Northpark_V…        0.137       8.34          41.2          85.8         85.3</span></span>
<span id="cb3-34"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Northridge_…        0.371       0.847         80.8         151.         150. </span></span>
<span id="cb3-35"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Bloomington…        0.392       0             91.0         121.         131. </span></span>
<span id="cb3-36"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Northridge          0.335       8.40          56.4         133.         137. </span></span>
<span id="cb3-37"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 18 more rows</span></span>
<span id="cb3-38"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 3 more variables: Second_Flr_SF &lt;dbl&gt;, Wood_Deck_SF &lt;dbl&gt;,</span></span>
<span id="cb3-39"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   Open_Porch_SF &lt;dbl&gt;</span></span></code></pre></div>
</div>
</section>
<section id="level-3-use-across-with-built-in-functions" class="level1">
<h1>Level 3: Use across with built-in functions</h1>
<p>Now, we can remove a lot of duplicate code inside of <code>summarize()</code> with help from the <code>across()</code> function. Inside this helper function, we specify which columns (<code>.cols</code>) we want to iterate over and what function <code>.fns</code> we want to apply each time.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb4" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb4-1">housing_dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb4-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(Neighborhood, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">contains</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SF'</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb4-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb4-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">BsmtFin_SF_1   =</span> BsmtFin_SF_1 <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb4-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">BsmtFin_SF_2   =</span> BsmtFin_SF_2 <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb4-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Bsmt_Unf_SF    =</span> Bsmt_Unf_SF <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb4-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Total_Bsmt_SF  =</span> Total_Bsmt_SF <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb4-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">First_Flr_SF   =</span> First_Flr_SF <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb4-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Second_Flr_SF  =</span> Second_Flr_SF <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb4-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Wood_Deck_SF   =</span> Wood_Deck_SF <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span>,</span>
<span id="cb4-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">Open_Porch_SF  =</span> Open_Porch_SF <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span></span>
<span id="cb4-12">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb4-13">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(</span>
<span id="cb4-14">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(</span>
<span id="cb4-15">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.cols =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb4-16">        BsmtFin_SF_1,</span>
<span id="cb4-17">        BsmtFin_SF_2,</span>
<span id="cb4-18">        Bsmt_Unf_SF,</span>
<span id="cb4-19">        Total_Bsmt_SF,</span>
<span id="cb4-20">        First_Flr_SF,</span>
<span id="cb4-21">        Second_Flr_SF,</span>
<span id="cb4-22">        Wood_Deck_SF,</span>
<span id="cb4-23">        Open_Porch_SF</span>
<span id="cb4-24">      ),</span>
<span id="cb4-25">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.fns =</span> mean</span>
<span id="cb4-26">    ),</span>
<span id="cb4-27">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> Neighborhood</span>
<span id="cb4-28">  )</span>
<span id="cb4-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 28 × 9</span></span>
<span id="cb4-30"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    Neighborhood BsmtFin_SF_1 BsmtFin_SF_2 Bsmt_Unf_SF Total_Bsmt_SF First_Flr_SF</span></span>
<span id="cb4-31"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;fct&gt;               &lt;dbl&gt;        &lt;dbl&gt;       &lt;dbl&gt;         &lt;dbl&gt;        &lt;dbl&gt;</span></span>
<span id="cb4-32"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 North_Ames          0.340       7.77          43.0          95.8        109. </span></span>
<span id="cb4-33"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Gilbert             0.480       0.0636        58.6          81.3         87.4</span></span>
<span id="cb4-34"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Stone_Brook         0.341       2.76          70.8         145.         147. </span></span>
<span id="cb4-35"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Northwest_A…        0.277       5.81          50.6         109.         122. </span></span>
<span id="cb4-36"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Somerset            0.427       0.776         72.6         110.         110. </span></span>
<span id="cb4-37"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Briardale           0.356       0.910         27.4          52.3         52.3</span></span>
<span id="cb4-38"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Northpark_V…        0.137       8.34          41.2          85.8         85.3</span></span>
<span id="cb4-39"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Northridge_…        0.371       0.847         80.8         151.         150. </span></span>
<span id="cb4-40"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Bloomington…        0.392       0             91.0         121.         131. </span></span>
<span id="cb4-41"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Northridge          0.335       8.40          56.4         133.         137. </span></span>
<span id="cb4-42"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 18 more rows</span></span>
<span id="cb4-43"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 3 more variables: Second_Flr_SF &lt;dbl&gt;, Wood_Deck_SF &lt;dbl&gt;,</span></span>
<span id="cb4-44"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   Open_Porch_SF &lt;dbl&gt;</span></span></code></pre></div>
</div>
</section>
<section id="level-4-use-across-with-custom-function" class="level1">
<h1>Level 4: Use across with custom function</h1>
<p>Similarly, we can use <code>across()</code> also inside of <code>mutate()</code>. But this time we also have to define a function that transforms square feet to square meters.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb5" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb5-1">housing_dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb5-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(Neighborhood, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">contains</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SF'</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb5-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb5-4">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(</span>
<span id="cb5-5">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.cols =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb5-6">        BsmtFin_SF_1,</span>
<span id="cb5-7">        BsmtFin_SF_2,</span>
<span id="cb5-8">        Bsmt_Unf_SF,</span>
<span id="cb5-9">        Total_Bsmt_SF,</span>
<span id="cb5-10">        First_Flr_SF,</span>
<span id="cb5-11">        Second_Flr_SF,</span>
<span id="cb5-12">        Wood_Deck_SF,</span>
<span id="cb5-13">        Open_Porch_SF</span>
<span id="cb5-14">      ),</span>
<span id="cb5-15">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.fns =</span> \(sqft) sqft <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span></span>
<span id="cb5-16">    )</span>
<span id="cb5-17">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb5-18">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(</span>
<span id="cb5-19">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(</span>
<span id="cb5-20">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.cols =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb5-21">        BsmtFin_SF_1,</span>
<span id="cb5-22">        BsmtFin_SF_2,</span>
<span id="cb5-23">        Bsmt_Unf_SF,</span>
<span id="cb5-24">        Total_Bsmt_SF,</span>
<span id="cb5-25">        First_Flr_SF,</span>
<span id="cb5-26">        Second_Flr_SF,</span>
<span id="cb5-27">        Wood_Deck_SF,</span>
<span id="cb5-28">        Open_Porch_SF</span>
<span id="cb5-29">      ),</span>
<span id="cb5-30">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.fns =</span> mean</span>
<span id="cb5-31">    ),</span>
<span id="cb5-32">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> Neighborhood</span>
<span id="cb5-33">  )</span>
<span id="cb5-34"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 28 × 9</span></span>
<span id="cb5-35"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    Neighborhood BsmtFin_SF_1 BsmtFin_SF_2 Bsmt_Unf_SF Total_Bsmt_SF First_Flr_SF</span></span>
<span id="cb5-36"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;fct&gt;               &lt;dbl&gt;        &lt;dbl&gt;       &lt;dbl&gt;         &lt;dbl&gt;        &lt;dbl&gt;</span></span>
<span id="cb5-37"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 North_Ames          0.340       7.77          43.0          95.8        109. </span></span>
<span id="cb5-38"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Gilbert             0.480       0.0636        58.6          81.3         87.4</span></span>
<span id="cb5-39"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Stone_Brook         0.341       2.76          70.8         145.         147. </span></span>
<span id="cb5-40"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Northwest_A…        0.277       5.81          50.6         109.         122. </span></span>
<span id="cb5-41"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Somerset            0.427       0.776         72.6         110.         110. </span></span>
<span id="cb5-42"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Briardale           0.356       0.910         27.4          52.3         52.3</span></span>
<span id="cb5-43"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Northpark_V…        0.137       8.34          41.2          85.8         85.3</span></span>
<span id="cb5-44"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Northridge_…        0.371       0.847         80.8         151.         150. </span></span>
<span id="cb5-45"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Bloomington…        0.392       0             91.0         121.         131. </span></span>
<span id="cb5-46"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Northridge          0.335       8.40          56.4         133.         137. </span></span>
<span id="cb5-47"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 18 more rows</span></span>
<span id="cb5-48"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 3 more variables: Second_Flr_SF &lt;dbl&gt;, Wood_Deck_SF &lt;dbl&gt;,</span></span>
<span id="cb5-49"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   Open_Porch_SF &lt;dbl&gt;</span></span></code></pre></div>
</div>
<p>And of course you can use this technique to use custom function arguments as well.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb6" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb6-1">housing_dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb6-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(Neighborhood, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">contains</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SF'</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb6-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb6-4">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(</span>
<span id="cb6-5">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.cols =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb6-6">        BsmtFin_SF_1,</span>
<span id="cb6-7">        BsmtFin_SF_2,</span>
<span id="cb6-8">        Bsmt_Unf_SF,</span>
<span id="cb6-9">        Total_Bsmt_SF,</span>
<span id="cb6-10">        First_Flr_SF,</span>
<span id="cb6-11">        Second_Flr_SF,</span>
<span id="cb6-12">        Wood_Deck_SF,</span>
<span id="cb6-13">        Open_Porch_SF</span>
<span id="cb6-14">      ),</span>
<span id="cb6-15">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.fns =</span> \(sqft) sqft <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span></span>
<span id="cb6-16">    )</span>
<span id="cb6-17">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb6-18">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(</span>
<span id="cb6-19">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(</span>
<span id="cb6-20">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.cols =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb6-21">        BsmtFin_SF_1,</span>
<span id="cb6-22">        BsmtFin_SF_2,</span>
<span id="cb6-23">        Bsmt_Unf_SF,</span>
<span id="cb6-24">        Total_Bsmt_SF,</span>
<span id="cb6-25">        First_Flr_SF,</span>
<span id="cb6-26">        Second_Flr_SF,</span>
<span id="cb6-27">        Wood_Deck_SF,</span>
<span id="cb6-28">        Open_Porch_SF</span>
<span id="cb6-29">      ),</span>
<span id="cb6-30">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.fns =</span> \(sqft) <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(sqft, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na.rm =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>)</span>
<span id="cb6-31">    ),</span>
<span id="cb6-32">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> Neighborhood</span>
<span id="cb6-33">  )</span>
<span id="cb6-34"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 28 × 9</span></span>
<span id="cb6-35"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    Neighborhood BsmtFin_SF_1 BsmtFin_SF_2 Bsmt_Unf_SF Total_Bsmt_SF First_Flr_SF</span></span>
<span id="cb6-36"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;fct&gt;               &lt;dbl&gt;        &lt;dbl&gt;       &lt;dbl&gt;         &lt;dbl&gt;        &lt;dbl&gt;</span></span>
<span id="cb6-37"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 North_Ames          0.340       7.77          43.0          95.8        109. </span></span>
<span id="cb6-38"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Gilbert             0.480       0.0636        58.6          81.3         87.4</span></span>
<span id="cb6-39"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Stone_Brook         0.341       2.76          70.8         145.         147. </span></span>
<span id="cb6-40"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Northwest_A…        0.277       5.81          50.6         109.         122. </span></span>
<span id="cb6-41"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Somerset            0.427       0.776         72.6         110.         110. </span></span>
<span id="cb6-42"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Briardale           0.356       0.910         27.4          52.3         52.3</span></span>
<span id="cb6-43"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Northpark_V…        0.137       8.34          41.2          85.8         85.3</span></span>
<span id="cb6-44"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Northridge_…        0.371       0.847         80.8         151.         150. </span></span>
<span id="cb6-45"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Bloomington…        0.392       0             91.0         121.         131. </span></span>
<span id="cb6-46"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Northridge          0.335       8.40          56.4         133.         137. </span></span>
<span id="cb6-47"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 18 more rows</span></span>
<span id="cb6-48"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 3 more variables: Second_Flr_SF &lt;dbl&gt;, Wood_Deck_SF &lt;dbl&gt;,</span></span>
<span id="cb6-49"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   Open_Porch_SF &lt;dbl&gt;</span></span></code></pre></div>
</div>
</section>
<section id="level-5-use-tidyselect-helpers-in-across" class="level1">
<h1>Level 5: Use tidyselect helpers in <code>across()</code></h1>
<p>Finally, we can also use the tidyselect helpers inside of <code>acrouss()</code>. This is incredibly convenient and makes the code much shorter.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb7" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb7-1">housing_dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb7-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(Neighborhood, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">contains</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SF'</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb7-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb7-4">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(</span>
<span id="cb7-5">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.cols =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">contains</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SF'</span>),</span>
<span id="cb7-6">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.fns =</span> \(sqft) sqft <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span></span>
<span id="cb7-7">    )</span>
<span id="cb7-8">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb7-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(</span>
<span id="cb7-10">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(</span>
<span id="cb7-11">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.cols =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">contains</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SF'</span>),</span>
<span id="cb7-12">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.fns =</span> mean</span>
<span id="cb7-13">    ),</span>
<span id="cb7-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> Neighborhood</span>
<span id="cb7-15">  )</span>
<span id="cb7-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 28 × 9</span></span>
<span id="cb7-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    Neighborhood BsmtFin_SF_1 BsmtFin_SF_2 Bsmt_Unf_SF Total_Bsmt_SF First_Flr_SF</span></span>
<span id="cb7-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;fct&gt;               &lt;dbl&gt;        &lt;dbl&gt;       &lt;dbl&gt;         &lt;dbl&gt;        &lt;dbl&gt;</span></span>
<span id="cb7-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 North_Ames          0.340       7.77          43.0          95.8        109. </span></span>
<span id="cb7-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Gilbert             0.480       0.0636        58.6          81.3         87.4</span></span>
<span id="cb7-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Stone_Brook         0.341       2.76          70.8         145.         147. </span></span>
<span id="cb7-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Northwest_A…        0.277       5.81          50.6         109.         122. </span></span>
<span id="cb7-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Somerset            0.427       0.776         72.6         110.         110. </span></span>
<span id="cb7-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Briardale           0.356       0.910         27.4          52.3         52.3</span></span>
<span id="cb7-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Northpark_V…        0.137       8.34          41.2          85.8         85.3</span></span>
<span id="cb7-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Northridge_…        0.371       0.847         80.8         151.         150. </span></span>
<span id="cb7-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Bloomington…        0.392       0             91.0         121.         131. </span></span>
<span id="cb7-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Northridge          0.335       8.40          56.4         133.         137. </span></span>
<span id="cb7-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 18 more rows</span></span>
<span id="cb7-30"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 3 more variables: Second_Flr_SF &lt;dbl&gt;, Wood_Deck_SF &lt;dbl&gt;,</span></span>
<span id="cb7-31"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   Open_Porch_SF &lt;dbl&gt;</span></span></code></pre></div>
</div>
</section>
<section id="bonus-level-use-clean-names" class="level1">
<h1>Bonus-Level: Use clean names</h1>
<p>And to throw in a little bonus level for you, let me mention the <code>clean_names()</code> function from the <code>{janitor}</code> package. It transforms all column names into snake_case. That way, you’ll have much more programming friendly column names.</p>
<p>And I know: Sounds mundane but it will save you lots of time in the long run.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb8" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb8-1">housing_dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb8-2">  janitor<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">clean_names</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb8-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(neighborhood, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">contains</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'_sf'</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb8-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb8-5">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(</span>
<span id="cb8-6">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.cols =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">contains</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'_sf'</span>),</span>
<span id="cb8-7">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.fns =</span> \(sqft) sqft <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">10.7639</span></span>
<span id="cb8-8">    )</span>
<span id="cb8-9">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb8-10">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(</span>
<span id="cb8-11">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(</span>
<span id="cb8-12">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.cols =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">contains</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'_sf'</span>),</span>
<span id="cb8-13">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.fns =</span> mean</span>
<span id="cb8-14">    ),</span>
<span id="cb8-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> neighborhood</span>
<span id="cb8-16">  )</span>
<span id="cb8-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 28 × 9</span></span>
<span id="cb8-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    neighborhood        bsmt_fin_sf_1 bsmt_fin_sf_2 bsmt_unf_sf total_bsmt_sf</span></span>
<span id="cb8-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;fct&gt;                       &lt;dbl&gt;         &lt;dbl&gt;       &lt;dbl&gt;         &lt;dbl&gt;</span></span>
<span id="cb8-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 North_Ames                  0.340        7.77          43.0          95.8</span></span>
<span id="cb8-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Gilbert                     0.480        0.0636        58.6          81.3</span></span>
<span id="cb8-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Stone_Brook                 0.341        2.76          70.8         145. </span></span>
<span id="cb8-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Northwest_Ames              0.277        5.81          50.6         109. </span></span>
<span id="cb8-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Somerset                    0.427        0.776         72.6         110. </span></span>
<span id="cb8-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Briardale                   0.356        0.910         27.4          52.3</span></span>
<span id="cb8-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Northpark_Villa             0.137        8.34          41.2          85.8</span></span>
<span id="cb8-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Northridge_Heights          0.371        0.847         80.8         151. </span></span>
<span id="cb8-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Bloomington_Heights         0.392        0             91.0         121. </span></span>
<span id="cb8-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Northridge                  0.335        8.40          56.4         133. </span></span>
<span id="cb8-30"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 18 more rows</span></span>
<span id="cb8-31"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 4 more variables: first_flr_sf &lt;dbl&gt;, second_flr_sf &lt;dbl&gt;,</span></span>
<span id="cb8-32"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   wood_deck_sf &lt;dbl&gt;, open_porch_sf &lt;dbl&gt;</span></span></code></pre></div>
</div>


</section>

 ]]></description>
  <guid>https://albert-rapp.de/posts/33_five_levels_of_data_cleaning/33_five_levels_of_data_cleaning.html</guid>
  <pubDate>Sat, 15 Feb 2025 23:00:00 GMT</pubDate>
</item>
<item>
  <title>Sending e-mails with {blastula}</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/32_sending_mails/32_sending_mails_w_blastula.html</link>
  <description><![CDATA[ 




<p><link rel="stylesheet" href="../../../new_code_theme.css"></p>
<p>E-mails are a surprisingly effective tool to</p>
<ul>
<li>send out recurring reports/stats,</li>
<li>alert people that a long-running job finished,</li>
<li>or simply contact customers or other departments with user-specific information.</li>
</ul>
<p>So in today’s video, I’m going to show you how the <code>{blastula}</code> package makes all of that possible for you. Let’s dive in.</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/PihKq1GPlcc" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<section id="creating-an-email" class="level2">
<h2 class="anchored" data-anchor-id="creating-an-email">Creating an email</h2>
<p>The first thing you need to do is to compose an email. <code>{blastula}</code> gives you the <code>compose_email()</code> function for that. And for you convenience you can use Markdown notation using the <code>md()</code> function.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb1" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb1-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(blastula)</span>
<span id="cb1-2"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">compose_email</span>(</span>
<span id="cb1-3">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">body =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">md</span>(</span>
<span id="cb1-4">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Hi there 👋,</span></span>
<span id="cb1-5"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">  </span></span>
<span id="cb1-6"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">  This is an email to let you now that - **hooooray** 🥳 - your long running job **finished**.</span></span>
<span id="cb1-7"></span>
<span id="cb1-8"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">  Best,&lt;br&gt;</span></span>
<span id="cb1-9"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">  Albert"</span></span>
<span id="cb1-10">  )</span>
<span id="cb1-11">)</span></code></pre></div>
</div>
<p>If you run this, you’ll see that the HTML email message is displayed in RStudio’s viewer window.</p>
<p><a href="mail1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-1"><img src="https://albert-rapp.de/posts/32_sending_mails/mail1.png" class="img-fluid"></a></p>
</section>
<section id="filling-the-email-with-data" class="level2">
<h2 class="anchored" data-anchor-id="filling-the-email-with-data">Filling the email with data</h2>
<p>Now as I said, e-mails could also contain some key data for stakeholders or customers. So, let’s create a fake dataset to simulate that:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb2" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb2-1">dat_running <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> tibble<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(</span>
<span id="cb2-2">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">job_name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'My cool job'</span>,</span>
<span id="cb2-3">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">job_started =</span> lubridate<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">now</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span> lubridate<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">minutes</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">57</span>),</span>
<span id="cb2-4">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">job_ended =</span> lubridate<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">now</span>(),</span>
<span id="cb2-5">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">job_time =</span> lubridate<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">interval</span>(job_started, job_ended) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span></span>
<span id="cb2-6">    lubridate<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">minutes</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>)</span>
<span id="cb2-7">)</span>
<span id="cb2-8">dat_running</span>
<span id="cb2-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 1 × 4</span></span>
<span id="cb2-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   job_name    job_started         job_ended           job_time</span></span>
<span id="cb2-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;chr&gt;       &lt;dttm&gt;              &lt;dttm&gt;                 &lt;dbl&gt;</span></span>
<span id="cb2-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1 My cool job 2025-01-18 19:53:19 2025-01-18 20:50:19     57.0</span></span></code></pre></div>
</div>
<p>Then, we can assemble an HTML table, e.g.&nbsp;with <code>{gt}</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb3" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb3-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(gt)</span>
<span id="cb3-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## </span></span>
<span id="cb3-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Attaching package: 'gt'</span></span>
<span id="cb3-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## The following object is masked from 'package:blastula':</span></span>
<span id="cb3-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## </span></span>
<span id="cb3-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##     md</span></span>
<span id="cb3-7">tbl <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">gt</span>(dat_running) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb3-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">fmt_datetime</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb3-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">fmt_duration</span>(</span>
<span id="cb3-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> job_time, </span>
<span id="cb3-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">input_units =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'minutes'</span></span>
<span id="cb3-12">  )</span>
<span id="cb3-13">tbl</span></code></pre></div>
<div class="cell-output-display">
<div id="twzijeikpm" style="padding-left:0px;padding-right:0px;padding-top:10px;padding-bottom:10px;overflow-x:auto;overflow-y:auto;width:auto;height:auto;">
<style>#twzijeikpm table {
  font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#twzijeikpm thead, #twzijeikpm tbody, #twzijeikpm tfoot, #twzijeikpm tr, #twzijeikpm td, #twzijeikpm th {
  border-style: none;
}

#twzijeikpm p {
  margin: 0;
  padding: 0;
}

#twzijeikpm .gt_table {
  display: table;
  border-collapse: collapse;
  line-height: normal;
  margin-left: auto;
  margin-right: auto;
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  background-color: #FFFFFF;
  width: auto;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #A8A8A8;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #A8A8A8;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
}

#twzijeikpm .gt_caption {
  padding-top: 4px;
  padding-bottom: 4px;
}

#twzijeikpm .gt_title {
  color: #333333;
  font-size: 125%;
  font-weight: initial;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom-color: #FFFFFF;
  border-bottom-width: 0;
}

#twzijeikpm .gt_subtitle {
  color: #333333;
  font-size: 85%;
  font-weight: initial;
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  border-top-color: #FFFFFF;
  border-top-width: 0;
}

#twzijeikpm .gt_heading {
  background-color: #FFFFFF;
  text-align: center;
  border-bottom-color: #FFFFFF;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
}

#twzijeikpm .gt_bottom_border {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
}

#twzijeikpm .gt_col_headings {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
}

#twzijeikpm .gt_col_heading {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: normal;
  text-transform: inherit;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: bottom;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 5px;
  padding-right: 5px;
  overflow-x: hidden;
}

#twzijeikpm .gt_column_spanner_outer {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: normal;
  text-transform: inherit;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
}

#twzijeikpm .gt_column_spanner_outer:first-child {
  padding-left: 0;
}

#twzijeikpm .gt_column_spanner_outer:last-child {
  padding-right: 0;
}

#twzijeikpm .gt_column_spanner {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  vertical-align: bottom;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow-x: hidden;
  display: inline-block;
  width: 100%;
}

#twzijeikpm .gt_spanner_row {
  border-bottom-style: hidden;
}

#twzijeikpm .gt_group_heading {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  text-transform: inherit;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: middle;
  text-align: left;
}

#twzijeikpm .gt_empty_group_heading {
  padding: 0.5px;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  vertical-align: middle;
}

#twzijeikpm .gt_from_md > :first-child {
  margin-top: 0;
}

#twzijeikpm .gt_from_md > :last-child {
  margin-bottom: 0;
}

#twzijeikpm .gt_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 10px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: middle;
  overflow-x: hidden;
}

#twzijeikpm .gt_stub {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  text-transform: inherit;
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
  padding-left: 5px;
  padding-right: 5px;
}

#twzijeikpm .gt_stub_row_group {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  text-transform: inherit;
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
}

#twzijeikpm .gt_row_group_first td {
  border-top-width: 2px;
}

#twzijeikpm .gt_row_group_first th {
  border-top-width: 2px;
}

#twzijeikpm .gt_summary_row {
  color: #333333;
  background-color: #FFFFFF;
  text-transform: inherit;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

#twzijeikpm .gt_first_summary_row {
  border-top-style: solid;
  border-top-color: #D3D3D3;
}

#twzijeikpm .gt_first_summary_row.thick {
  border-top-width: 2px;
}

#twzijeikpm .gt_last_summary_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
}

#twzijeikpm .gt_grand_summary_row {
  color: #333333;
  background-color: #FFFFFF;
  text-transform: inherit;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

#twzijeikpm .gt_first_grand_summary_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  border-top-style: double;
  border-top-width: 6px;
  border-top-color: #D3D3D3;
}

#twzijeikpm .gt_last_grand_summary_row_top {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom-style: double;
  border-bottom-width: 6px;
  border-bottom-color: #D3D3D3;
}

#twzijeikpm .gt_striped {
  background-color: rgba(128, 128, 128, 0.05);
}

#twzijeikpm .gt_table_body {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
}

#twzijeikpm .gt_footnotes {
  color: #333333;
  background-color: #FFFFFF;
  border-bottom-style: none;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
}

#twzijeikpm .gt_footnote {
  margin: 0px;
  font-size: 90%;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 5px;
  padding-right: 5px;
}

#twzijeikpm .gt_sourcenotes {
  color: #333333;
  background-color: #FFFFFF;
  border-bottom-style: none;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
}

#twzijeikpm .gt_sourcenote {
  font-size: 90%;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 5px;
  padding-right: 5px;
}

#twzijeikpm .gt_left {
  text-align: left;
}

#twzijeikpm .gt_center {
  text-align: center;
}

#twzijeikpm .gt_right {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

#twzijeikpm .gt_font_normal {
  font-weight: normal;
}

#twzijeikpm .gt_font_bold {
  font-weight: bold;
}

#twzijeikpm .gt_font_italic {
  font-style: italic;
}

#twzijeikpm .gt_super {
  font-size: 65%;
}

#twzijeikpm .gt_footnote_marks {
  font-size: 75%;
  vertical-align: 0.4em;
  position: initial;
}

#twzijeikpm .gt_asterisk {
  font-size: 100%;
  vertical-align: 0;
}

#twzijeikpm .gt_indent_1 {
  text-indent: 5px;
}

#twzijeikpm .gt_indent_2 {
  text-indent: 10px;
}

#twzijeikpm .gt_indent_3 {
  text-indent: 15px;
}

#twzijeikpm .gt_indent_4 {
  text-indent: 20px;
}

#twzijeikpm .gt_indent_5 {
  text-indent: 25px;
}
</style>

<table class="gt_table caption-top table table-sm table-striped small" data-quarto-postprocess="true" data-quarto-disable-processing="false" data-quarto-bootstrap="false">
<thead>
<tr class="gt_col_headings header">
<th id="job_name" class="gt_col_heading gt_columns_bottom_border gt_left" data-quarto-table-cell-role="th" scope="col">job_name</th>
<th id="job_started" class="gt_col_heading gt_columns_bottom_border gt_right" data-quarto-table-cell-role="th" scope="col">job_started</th>
<th id="job_ended" class="gt_col_heading gt_columns_bottom_border gt_right" data-quarto-table-cell-role="th" scope="col">job_ended</th>
<th id="job_time" class="gt_col_heading gt_columns_bottom_border gt_right" data-quarto-table-cell-role="th" scope="col">job_time</th>
</tr>
</thead>
<tbody class="gt_table_body">
<tr class="odd">
<td class="gt_row gt_left" headers="job_name">My cool job</td>
<td class="gt_row gt_right" headers="job_started">2025-01-18 19:53:19</td>
<td class="gt_row gt_right" headers="job_ended">2025-01-18 20:50:19</td>
<td class="gt_row gt_right" headers="job_time">57m</td>
</tr>
</tbody>
</table>

</div>
</div>
</div>
<p>And then we can stick everything together with <code>glue()</code>. Just make sure to convert your <code>{gt}</code> table to raw html.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb4" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb4-1">msg <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">compose_email</span>(</span>
<span id="cb4-2">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">body =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">md</span>(</span>
<span id="cb4-3">    glue<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">glue</span>(</span>
<span id="cb4-4">       <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Hi there 👋,</span></span>
<span id="cb4-5"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">  </span></span>
<span id="cb4-6"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">      This is an email to let you now that - **hooooray** 🥳 - your long running job **finished**. </span></span>
<span id="cb4-7"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">      Here is some data on your long running job:</span></span>
<span id="cb4-8"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">      </span></span>
<span id="cb4-9"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">      {tbl |&gt; gt::as_raw_html()}</span></span>
<span id="cb4-10"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">    </span></span>
<span id="cb4-11"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">      Best,&lt;br&gt;</span></span>
<span id="cb4-12"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">      Albert"</span></span>
<span id="cb4-13">    )</span>
<span id="cb4-14">  )</span>
<span id="cb4-15">)</span>
<span id="cb4-16">msg</span></code></pre></div>
</div>
<p><a href="mail2.png" class="lightbox" data-gallery="quarto-lightbox-gallery-2"><img src="https://albert-rapp.de/posts/32_sending_mails/mail2.png" class="img-fluid"></a></p>
</section>
<section id="get-email-credentials" class="level2">
<h2 class="anchored" data-anchor-id="get-email-credentials">Get email credentials</h2>
<p>Nice. We have a semi-good-lookin’ email. Let’s send that to someone. For that, we have to create “smtp credentials” first.</p>
<p>There are multiple ways to do that. You can</p>
<ul>
<li>create a credentials file with <code>create_smtp_creds_file()</code>,</li>
<li>store credentials in your computer’s key-value vault with <code>create_smtp_creds_key()</code>, or</li>
<li>retrieve your passwort using environment variables with <code>creds_envvar()</code>.</li>
</ul>
<p>They all work pretty much the same but here we will go for the one that uses environment variables. This one is the easiest to implement.</p>
<p>If you’re using gmail, outlook or office365 as your email provider, then it’s particularly simple. You’ll just have to provide <code>creds_envvar()</code> with</p>
<ul>
<li>your user name (typically e-mail),</li>
<li>the name of the env-variable that stores your password, and</li>
<li>your provider.</li>
</ul>
<p>In this case, I’m using gmail as a provider and I store my password in a variable called <code>SMTP_PASSWORD</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb5" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb5-1">my_email_creds <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">creds_envvar</span>(</span>
<span id="cb5-2">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">user =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">Sys.getenv</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'MY_GMAIL_ACCOUNT'</span>),</span>
<span id="cb5-3">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pass_envvar =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SMTP_PASSWORD'</span>, </span>
<span id="cb5-4">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">provider =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'gmail'</span></span>
<span id="cb5-5">)</span></code></pre></div>
</div>
<p>Here, I’m also using an env-variable for my e-mail but that’s purely optional. Also, it is worth noting that for gmails you <strong>cannot use your regular password</strong>. You will have to create a <a href="https://myaccount.google.com/apppasswords">designated app password</a>.</p>
</section>
<section id="sending-out-the-email" class="level2">
<h2 class="anchored" data-anchor-id="sending-out-the-email">Sending out the email</h2>
<p>Finally, sending out the email is pretty straightforward. Just take your output of <code>compose_email()</code> and pass it to <code>smtp_send()</code>. But don’t forget to include the credentials we’ve just created.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb6" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb6-1">msg <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb6-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">smtp_send</span>(</span>
<span id="cb6-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">from =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">Sys.getenv</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'MY_GMAIL_ACCOUNT'</span>),</span>
<span id="cb6-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">to =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"info@albert-rapp.de"</span>,</span>
<span id="cb6-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">subject =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Testing the `smtp_send()` function"</span>,</span>
<span id="cb6-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">credentials =</span> my_email_creds</span>
<span id="cb6-7">  )</span>
<span id="cb6-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## The email message was sent successfully.</span></span></code></pre></div>
</div>


</section>

 ]]></description>
  <guid>https://albert-rapp.de/posts/32_sending_mails/32_sending_mails_w_blastula.html</guid>
  <pubDate>Sat, 18 Jan 2025 23:00:00 GMT</pubDate>
</item>
<item>
  <title>Comparing pipes: Base-R |&gt; vs {magrittr} %&gt;%</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/31_pipes_compared/31_pipes_compared.html</link>
  <description><![CDATA[ 




<p><link rel="stylesheet" href="../../../new_code_theme.css"></p>
<p>Beginners are sometimes confused by the fact that</p>
<ul>
<li>some R users use the native Base R pipe <code>|&gt;</code> and</li>
<li>others use the <code>{magrittr}</code> pipe <code>%&gt;%</code>.</li>
</ul>
<p>So in today’s video, I want to compare the two and show you the strengths and weaknesses of each one. Let’s dive in.</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/uIL9gMjn40Y" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<section id="keyboard-shortcut" class="level2">
<h2 class="anchored" data-anchor-id="keyboard-shortcut">Keyboard shortcut</h2>
<p>Whatever pipe you use, you should definitely use the RStudio shortcut <code>ctrl</code> + <code>shift</code> + <code>M</code>. This is much quicker than writing it out. By default, this will throw the <code>{magrittr}</code> pipe. But you can change that in the settings.</p>
<p><a href="pipe-setting.png" class="lightbox" data-gallery="quarto-lightbox-gallery-1"><img src="https://albert-rapp.de/posts/31_pipes_compared/pipe-setting.png" class="img-fluid"></a></p>
</section>
<section id="simple-function-chaining" class="level2">
<h2 class="anchored" data-anchor-id="simple-function-chaining">Simple function chaining</h2>
<p>The big advantage of the base-R pipe is that it can easily chain together a couple of functions whether any packages are loaded or not.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb1" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb1-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">runif</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">round</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>()</span>
<span id="cb1-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] 0.48</span></span></code></pre></div>
</div>
<p>The same doesn’t work with the <code>{magrittr}</code> pipe because I have to load the package first.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb2" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb2-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">runif</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">%&gt;%</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">round</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">%&gt;%</span>  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>()</span>
<span id="cb2-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Error in runif(100) %&gt;% round() %&gt;% mean(): could not find function "%&gt;%"</span></span></code></pre></div>
</div>
<p>But if I do load something like the Tidyverse that contains <code>{magrittr}</code> it works fine.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb3" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb3-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(tidyverse) </span>
<span id="cb3-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ── Attaching core tidyverse packages ──────────────────────── tidyverse 2.0.0 ──</span></span>
<span id="cb3-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ✔ dplyr     1.1.4     ✔ readr     2.1.5</span></span>
<span id="cb3-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ✔ forcats   1.0.0     ✔ stringr   1.5.1</span></span>
<span id="cb3-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ✔ ggplot2   3.5.1     ✔ tibble    3.2.1</span></span>
<span id="cb3-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ✔ lubridate 1.9.3     ✔ tidyr     1.3.1</span></span>
<span id="cb3-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ✔ purrr     1.0.2     </span></span>
<span id="cb3-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ── Conflicts ────────────────────────────────────────── tidyverse_conflicts() ──</span></span>
<span id="cb3-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ✖ dplyr::filter() masks stats::filter()</span></span>
<span id="cb3-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ✖ dplyr::lag()    masks stats::lag()</span></span>
<span id="cb3-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ℹ Use the conflicted package (&lt;http://conflicted.r-lib.org/&gt;) to force all conflicts to become errors</span></span>
<span id="cb3-12"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">runif</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">%&gt;%</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">round</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">%&gt;%</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>()</span>
<span id="cb3-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] 0.53</span></span></code></pre></div>
</div>
</section>
<section id="form-strictness" class="level2">
<h2 class="anchored" data-anchor-id="form-strictness">Form strictness</h2>
<p>The nice thing about the <code>{magrittr}</code> pipe is that it isn’t as strict as the base-R pipe. For example, <code>{magrittr}</code> allows you to forget function calls and just use the function name.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb4" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb4-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">runif</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">%&gt;%</span> round <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># works</span></span>
<span id="cb4-2"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">runif</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> round  <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Error function call with () is enforced</span></span>
<span id="cb4-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Error: The pipe operator requires a function call as RHS (&lt;text&gt;:2:15)</span></span></code></pre></div>
</div>
</section>
<section id="standard-scenario" class="level2">
<h2 class="anchored" data-anchor-id="standard-scenario">Standard scenario</h2>
<p>I don’t think the strictness is much of a disadvantage, though. In most cases (at least in my 90% of pipe use cases), you’ll likely use the pipe with something like <code>mutate()</code> where you specify additional arguments anyway. In that scenario, both pipes work pretty much the same.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb5" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb5-1">dat_with_super_long_name <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">12</span>)</span>
<span id="cb5-2">dat_with_super_long_name <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb5-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">z =</span> x <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span> y)</span>
<span id="cb5-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 3 × 3</span></span>
<span id="cb5-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       x     y     z</span></span>
<span id="cb5-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;int&gt; &lt;int&gt; &lt;int&gt;</span></span>
<span id="cb5-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1     1    10    11</span></span>
<span id="cb5-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2     2    11    13</span></span>
<span id="cb5-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 3     3    12    15</span></span>
<span id="cb5-10">dat_with_super_long_name <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">%&gt;%</span></span>
<span id="cb5-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">z =</span> x <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span> y)</span>
<span id="cb5-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 3 × 3</span></span>
<span id="cb5-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       x     y     z</span></span>
<span id="cb5-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;int&gt; &lt;int&gt; &lt;int&gt;</span></span>
<span id="cb5-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1     1    10    11</span></span>
<span id="cb5-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2     2    11    13</span></span>
<span id="cb5-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 3     3    12    15</span></span></code></pre></div>
</div>
</section>
<section id="using-a-placeholder" class="level2">
<h2 class="anchored" data-anchor-id="using-a-placeholder">Using a placeholder</h2>
<p>Fans of the original <code>{magrittr}</code> pipe will tell you that it’s really cool to use the <code>.</code> operator as a placeholder. Rightfully so, this is a neat feature.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb6" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb6-1">dat_with_super_long_name <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">%&gt;%</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lm</span>(y <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">~</span> x, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">data =</span> .)</span>
<span id="cb6-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## </span></span>
<span id="cb6-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Call:</span></span>
<span id="cb6-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## lm(formula = y ~ x, data = .)</span></span>
<span id="cb6-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## </span></span>
<span id="cb6-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Coefficients:</span></span>
<span id="cb6-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## (Intercept)            x  </span></span>
<span id="cb6-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##           9            1</span></span></code></pre></div>
</div>
<p>Initially, the base-R pipe could not pull of such a stunt. However, since R 4.3.0. it has a placeholder too.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb7" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb7-1">dat_with_super_long_name <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lm</span>(y <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">~</span> x, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">data =</span> _)</span>
<span id="cb7-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## </span></span>
<span id="cb7-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Call:</span></span>
<span id="cb7-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## lm(formula = y ~ x, data = dat_with_super_long_name)</span></span>
<span id="cb7-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## </span></span>
<span id="cb7-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Coefficients:</span></span>
<span id="cb7-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## (Intercept)            x  </span></span>
<span id="cb7-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##           9            1</span></span></code></pre></div>
</div>
</section>
<section id="using-multiple-placeholders" class="level2">
<h2 class="anchored" data-anchor-id="using-multiple-placeholders">Using multiple placeholders</h2>
<p>At this point, fans of the <code>.</code> operator will shout <em>“The dot operator is even cooler. It can be used multiple times!”</em> And they are absolutely right about that. That’s pretty dope.</p>
<p>And for the unenlightened: By wrapping a subsequent function call into <code>{}</code>, you can use the <code>.</code> operator as many times as you’d like over there. In each instance, <code>.</code> will then represent the data that went into <code>{}</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb8" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb8-1">dat_with_super_long_name <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">%&gt;%</span> {<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">plot</span>(.<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>x, .<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>y, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cex =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">lwd =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span>)}</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="31_pipes_compared_files/figure-html/unnamed-chunk-8-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-2"><img src="https://albert-rapp.de/posts/31_pipes_compared/31_pipes_compared_files/figure-html/unnamed-chunk-8-1.png" class="img-fluid figure-img" style="width:80.0%"></a></p>
</figure>
</div>
</div>
</div>
<p>Sadly, the base pipe cannot do such a thing. Its strictness forbids <code>{}</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb9" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb9-1"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Error: { not allowed</span></span>
<span id="cb9-2">dat_with_super_long_name <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> {<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">plot</span>(_<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>x, _<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>y, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cex =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">lwd =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span>)} </span>
<span id="cb9-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Error: function '{' not supported in RHS call of a pipe (&lt;text&gt;:2:29)</span></span></code></pre></div>
</div>
<p>A workaround for that would be to</p>
<ul>
<li>define an anonymous function with <code>\(.)</code>,</li>
<li>wrap that into parentheses, and then</li>
<li>call that function.</li>
</ul>
<div class="cell">
<div class="sourceCode cell-code" id="cb10" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb10-1">dat_with_super_long_name <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb10-2">  (\(.) <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">plot</span>(.<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>x, .<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>y, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cex =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">lwd =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span>))()</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="31_pipes_compared_files/figure-html/unnamed-chunk-10-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-3"><img src="https://albert-rapp.de/posts/31_pipes_compared/31_pipes_compared_files/figure-html/unnamed-chunk-10-1.png" class="img-fluid figure-img" style="width:80.0%"></a></p>
</figure>
</div>
</div>
</div>
<p>Shoutout to <a href="https://towardsdatascience.com/understanding-the-native-r-pipe-98dea6d8b61b">Isabella Velásquez’s blog post</a> that taught me about this little trick.</p>
</section>
<section id="conditional-flows" class="level2">
<h2 class="anchored" data-anchor-id="conditional-flows">Conditional flows</h2>
<p>Now, sometimes people like to use if-statements in their pipe-chains. By combining the <code>{magrittr}</code> pipe with curly brackets and the <code>.</code> operator, this could look like this.</p>
<div class="tabset-margin-container"></div><div class="panel-tabset">
<ul class="nav nav-tabs"><li class="nav-item"><a class="nav-link active" id="tabset-1-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-1-1" aria-controls="tabset-1-1" aria-selected="true">TRUE</a></li><li class="nav-item"><a class="nav-link" id="tabset-1-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-1-2" aria-controls="tabset-1-2" aria-selected="false">FALSE</a></li></ul>
<div class="tab-content">
<div id="tabset-1-1" class="tab-pane active" aria-labelledby="tabset-1-1-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb11" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb11-1">duplicate_flag <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span></span>
<span id="cb11-2">duplicates <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">z =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">21</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">23</span>)</span>
<span id="cb11-3">dat_with_super_long_name <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">%&gt;%</span></span>
<span id="cb11-4">  {</span>
<span id="cb11-5">    <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">if</span> (duplicate_flag) {</span>
<span id="cb11-6">      . <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">left_join</span>(duplicates, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">by =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'x'</span>)</span>
<span id="cb11-7">    } <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">else</span> {</span>
<span id="cb11-8">      .</span>
<span id="cb11-9">    }</span>
<span id="cb11-10">  } <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">%&gt;%</span></span>
<span id="cb11-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">everything</span>(), mean))</span>
<span id="cb11-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 1 × 3</span></span>
<span id="cb11-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       x     y     z</span></span>
<span id="cb11-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;dbl&gt; &lt;dbl&gt; &lt;dbl&gt;</span></span>
<span id="cb11-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1     2    11    22</span></span></code></pre></div>
</div>
</div>
<div id="tabset-1-2" class="tab-pane" aria-labelledby="tabset-1-2-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb12" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb12-1">duplicate_flag <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span></span>
<span id="cb12-2">duplicates <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">z =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">21</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">23</span>)</span>
<span id="cb12-3">dat_with_super_long_name <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">%&gt;%</span></span>
<span id="cb12-4">  {</span>
<span id="cb12-5">    <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">if</span> (duplicate_flag) {</span>
<span id="cb12-6">      . <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">left_join</span>(duplicates, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">by =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'x'</span>)</span>
<span id="cb12-7">    } <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">else</span> {</span>
<span id="cb12-8">      .</span>
<span id="cb12-9">    }</span>
<span id="cb12-10">  } <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">%&gt;%</span></span>
<span id="cb12-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">everything</span>(), mean))</span>
<span id="cb12-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 1 × 2</span></span>
<span id="cb12-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       x     y</span></span>
<span id="cb12-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;dbl&gt; &lt;dbl&gt;</span></span>
<span id="cb12-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1     2    11</span></span></code></pre></div>
</div>
</div>
</div>
</div>
<p>In the past, I have written code like this too. Nowadays, though, I try to break out such things into their own functions. Preferably, one with a descriptive function name.</p>
<p>That way,</p>
<ul>
<li>the base-R pipe can handle this much better,</li>
<li>my original chain hopefully stays short, and</li>
<li>when I outsource the helper functions to a separate script, the function name hopefully still tells me what it does.</li>
</ul>
<div class="tabset-margin-container"></div><div class="panel-tabset">
<ul class="nav nav-tabs"><li class="nav-item"><a class="nav-link active" id="tabset-2-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-2-1" aria-controls="tabset-2-1" aria-selected="true">TRUE</a></li><li class="nav-item"><a class="nav-link" id="tabset-2-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-2-2" aria-controls="tabset-2-2" aria-selected="false">FALSE</a></li></ul>
<div class="tab-content">
<div id="tabset-2-1" class="tab-pane active" aria-labelledby="tabset-2-1-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb13" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb13-1">left_join_if_duplicate <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(dat, duplicate_flag) {</span>
<span id="cb13-2">  <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">if</span> (duplicate_flag) {</span>
<span id="cb13-3">    dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">left_join</span>(duplicates, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">by =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'x'</span>) </span>
<span id="cb13-4">  } <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">else</span> {</span>
<span id="cb13-5">    dat</span>
<span id="cb13-6">  }</span>
<span id="cb13-7">}</span>
<span id="cb13-8">duplicate_flag <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span></span>
<span id="cb13-9">dat_with_super_long_name <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb13-10">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">left_join_if_duplicate</span>(duplicate_flag) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb13-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">everything</span>(), mean))</span>
<span id="cb13-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 1 × 3</span></span>
<span id="cb13-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       x     y     z</span></span>
<span id="cb13-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;dbl&gt; &lt;dbl&gt; &lt;dbl&gt;</span></span>
<span id="cb13-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1     2    11    22</span></span></code></pre></div>
</div>
</div>
<div id="tabset-2-2" class="tab-pane" aria-labelledby="tabset-2-2-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb14" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb14-1">left_join_if_duplicate <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(dat, duplicate_flag) {</span>
<span id="cb14-2">  <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">if</span> (duplicate_flag) {</span>
<span id="cb14-3">    dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">left_join</span>(duplicates, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">by =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'x'</span>) </span>
<span id="cb14-4">  } <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">else</span> {</span>
<span id="cb14-5">    dat</span>
<span id="cb14-6">  }</span>
<span id="cb14-7">}</span>
<span id="cb14-8">duplicate_flag <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span></span>
<span id="cb14-9">dat_with_super_long_name <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb14-10">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">left_join_if_duplicate</span>(duplicate_flag) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb14-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">everything</span>(), mean))</span>
<span id="cb14-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 1 × 2</span></span>
<span id="cb14-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       x     y</span></span>
<span id="cb14-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;dbl&gt; &lt;dbl&gt;</span></span>
<span id="cb14-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1     2    11</span></span></code></pre></div>
</div>
</div>
</div>
</div>


</section>

 ]]></description>
  <guid>https://albert-rapp.de/posts/31_pipes_compared/31_pipes_compared.html</guid>
  <pubDate>Sat, 11 Jan 2025 23:00:00 GMT</pubDate>
</item>
<item>
  <title>Getting started with SQL with R</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/30_sql/30_sql.html</link>
  <description><![CDATA[ 




<p><link rel="stylesheet" href="../../../new_code_theme.css"></p>
<p>In today’s blog post, I’m showing you how to work with databases from within R. As always, you can find the video version of this blog post on YouTube:</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/ngVq7ALt36M" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<section id="establish-a-connection" class="level2">
<h2 class="anchored" data-anchor-id="establish-a-connection">Establish a connection</h2>
<p>Let us start by setting up a database connection.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb1" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb1-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(odbc)</span>
<span id="cb1-2"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(DBI)</span>
<span id="cb1-3"></span>
<span id="cb1-4">con <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbConnect</span>(</span>
<span id="cb1-5">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">drv =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">odbc</span>(),</span>
<span id="cb1-6">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">driver =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"SQLite3 Driver"</span>,</span>
<span id="cb1-7">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">database =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">':memory:'</span>,</span>
<span id="cb1-8">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">server =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'localhost'</span>,</span>
<span id="cb1-9">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">uid =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'user_name'</span>,</span>
<span id="cb1-10">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pwd =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'my_password'</span>,</span>
<span id="cb1-11">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">port =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5432</span></span>
<span id="cb1-12">)</span>
<span id="cb1-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Error in `dbConnect()`:</span></span>
<span id="cb1-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ! ODBC failed with error 00000 from [unixODBC][Driver Manager].</span></span>
<span id="cb1-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ✖ Can't open lib 'SQLite3 Driver' : file not found</span></span>
<span id="cb1-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ℹ From 'nanodbc/nanodbc.cpp:1150'.</span></span></code></pre></div>
</div>
<p>If there is an error, find out if you have the ODBC driver installed on your computer. You can check that with</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb2" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb2-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">odbcListDrivers</span>()</span>
<span id="cb2-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##                  name   attribute                                    value</span></span>
<span id="cb2-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1              SQLite Description                       SQLite ODBC Driver</span></span>
<span id="cb2-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2              SQLite      Driver                         libsqliteodbc.so</span></span>
<span id="cb2-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 3              SQLite       Setup                         libsqliteodbc.so</span></span>
<span id="cb2-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 4              SQLite  UsageCount                                        1</span></span>
<span id="cb2-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 5             SQLite3 Description                      SQLite3 ODBC Driver</span></span>
<span id="cb2-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 6             SQLite3      Driver                        libsqlite3odbc.so</span></span>
<span id="cb2-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 7             SQLite3       Setup                        libsqlite3odbc.so</span></span>
<span id="cb2-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 8             SQLite3  UsageCount                                        1</span></span>
<span id="cb2-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 9     PostgreSQL ANSI Description    PostgreSQL ODBC driver (ANSI version)</span></span>
<span id="cb2-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10    PostgreSQL ANSI      Driver                             psqlodbca.so</span></span>
<span id="cb2-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 11    PostgreSQL ANSI       Setup                          libodbcpsqlS.so</span></span>
<span id="cb2-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 12    PostgreSQL ANSI       Debug                                        0</span></span>
<span id="cb2-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 13    PostgreSQL ANSI     CommLog                                        1</span></span>
<span id="cb2-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 14    PostgreSQL ANSI  UsageCount                                        1</span></span>
<span id="cb2-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 15 PostgreSQL Unicode Description PostgreSQL ODBC driver (Unicode version)</span></span>
<span id="cb2-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 16 PostgreSQL Unicode      Driver                             psqlodbcw.so</span></span>
<span id="cb2-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 17 PostgreSQL Unicode       Setup                          libodbcpsqlS.so</span></span>
<span id="cb2-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 18 PostgreSQL Unicode       Debug                                        0</span></span>
<span id="cb2-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 19 PostgreSQL Unicode     CommLog                                        1</span></span>
<span id="cb2-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 20 PostgreSQL Unicode  UsageCount                                        1</span></span></code></pre></div>
</div>
<p>Aha! The driver name seems to be different. Using the correct driver name, the previous code works nicely.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb3" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb3-1">con <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbConnect</span>(</span>
<span id="cb3-2">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">drv =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">odbc</span>(),</span>
<span id="cb3-3">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">driver =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"SQLite3"</span>,</span>
<span id="cb3-4">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">database =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">':memory:'</span>,</span>
<span id="cb3-5">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">server =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'localhost'</span>,</span>
<span id="cb3-6">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">uid =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'user_name'</span>,</span>
<span id="cb3-7">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pwd =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'my_password'</span>,</span>
<span id="cb3-8">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">port =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5432</span></span>
<span id="cb3-9">)</span>
<span id="cb3-10">con</span>
<span id="cb3-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## &lt;OdbcConnection&gt; :memory:</span></span>
<span id="cb3-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   Database: :memory:</span></span>
<span id="cb3-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   SQLite Version: 3.36.0</span></span></code></pre></div>
</div>
<p>Cool, we have a connection but what if there wasn’t a SQLite driver installed on my system? In that case, I could install it the driver by first checking what the name for the installation is. For Ubuntu users that would be</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb4" style="background: #f1f3f5;"><pre class="sourceCode sh code-with-copy"><code class="sourceCode bash"><span id="cb4-1"><span class="ex" style="color: null;
background-color: null;
font-style: inherit;">apt-cache</span> search sqlite odbc</span>
<span id="cb4-2"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">## fp-units-db - Free Pascal - database-library units dependency package</span></span>
<span id="cb4-3"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">## fp-units-db-3.2.2 - Free Pascal - database-library units</span></span>
<span id="cb4-4"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">## libcppdb-dev - SQL Connectivity Library (development files)</span></span>
<span id="cb4-5"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">## libcppdb-mysql0 - SQL Connectivity Library (MySQL backend)</span></span>
<span id="cb4-6"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">## libcppdb-odbc0 - SQL Connectivity Library (odbc backend)</span></span>
<span id="cb4-7"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">## libcppdb-postgresql0 - SQL Connectivity Library (PostgreSQL backend)</span></span>
<span id="cb4-8"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">## libcppdb-sqlite3-0 - SQL Connectivity Library (sqlite3 backend)</span></span>
<span id="cb4-9"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">## libcppdb0 - SQL Connectivity Library (core library)</span></span>
<span id="cb4-10"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">## libghc-hdbc-sqlite3-dev - Sqlite v3 HDBC (Haskell Database Connectivity) Driver for GHC</span></span>
<span id="cb4-11"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">## libghc-hdbc-sqlite3-doc - Sqlite v3 HDBC (Haskell Database Connectivity) Documentation</span></span>
<span id="cb4-12"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">## libghc-hdbc-sqlite3-prof - Sqlite v3 HDBC Driver for GHC; profiling libraries</span></span>
<span id="cb4-13"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">## libpoco-doc - Documentation for POCO - The C++ Portable Components</span></span>
<span id="cb4-14"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">## libreoffice-base-drivers - Database connectivity drivers for LibreOffice</span></span>
<span id="cb4-15"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">## libsqliteodbc - ODBC driver for SQLite embedded database</span></span>
<span id="cb4-16"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">## php-db - Database Abstraction Layer</span></span>
<span id="cb4-17"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">## ruby-sequel - Simple, flexible, and powerful SQL database access toolkit for Ruby</span></span></code></pre></div>
</div>
<p>And from there I could identify that <code>libsqliteodbc</code> is the thing I need to install. On Ubuntu, that can be done with</p>
<div class="sourceCode" id="cb5" style="background: #f1f3f5;"><pre class="sourceCode sh code-with-copy"><code class="sourceCode bash"><span id="cb5-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sudo</span> apt-get install libsqliteodbc</span></code></pre></div>
<p>Anyway, enough with the technical stuff.</p>
</section>
<section id="use-database-tables" class="level2">
<h2 class="anchored" data-anchor-id="use-database-tables">Use database tables</h2>
<p>Let’s check what tables we have in our database right now.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb6" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb6-1">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb6-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbListTables</span>()</span>
<span id="cb6-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## character(0)</span></span></code></pre></div>
</div>
<p>Well, that’s boring. No tables yet. Let’s create one. Let’s use the <code>penguins</code> from the <code>{palmerpenguins}</code> package and throw that into a table called <code>palmerpenguins</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb7" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb7-1">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb7-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbCreateTable</span>(</span>
<span id="cb7-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'palmerpenguins'</span>,</span>
<span id="cb7-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fields =</span> palmerpenguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>penguins</span>
<span id="cb7-5">  )</span></code></pre></div>
</div>
<p>Now, we can see that we have a table in our database.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb8" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb8-1">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb8-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbListTables</span>()</span>
<span id="cb8-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] "palmerpenguins"</span></span></code></pre></div>
</div>
<p>And we could fetch the data as well.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb9" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb9-1">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb9-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbReadTable</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'palmerpenguins'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb9-3">  tibble<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">as_tibble</span>() <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># nicer output with tibbles</span></span>
<span id="cb9-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 0 × 8</span></span>
<span id="cb9-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 8 variables: species &lt;chr&gt;, island &lt;chr&gt;, bill_length_mm &lt;dbl&gt;,</span></span>
<span id="cb9-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   bill_depth_mm &lt;dbl&gt;, flipper_length_mm &lt;int&gt;, body_mass_g &lt;int&gt;, sex &lt;chr&gt;,</span></span>
<span id="cb9-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   year &lt;int&gt;</span></span></code></pre></div>
</div>
<p>Looks like the table is still empty and only the columns (and their type) were initialized. Time to append the actual data.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb10" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb10-1">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb10-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbAppendTable</span>(</span>
<span id="cb10-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'palmerpenguins'</span>,</span>
<span id="cb10-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">value =</span> palmerpenguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>penguins</span>
<span id="cb10-5">  )</span></code></pre></div>
</div>
<p>Once that is executed, we should now see data inside of our table.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb11" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb11-1">penguins_db <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb11-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbReadTable</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'palmerpenguins'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb11-3">  tibble<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">as_tibble</span>()</span>
<span id="cb11-4">penguins_db</span>
<span id="cb11-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 344 × 8</span></span>
<span id="cb11-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    species island    bill_length_mm bill_depth_mm flipper_length_mm body_mass_g</span></span>
<span id="cb11-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;   &lt;chr&gt;              &lt;dbl&gt;         &lt;dbl&gt;             &lt;int&gt;       &lt;int&gt;</span></span>
<span id="cb11-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Adelie  Torgersen           39.1          18.7               181        3750</span></span>
<span id="cb11-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Adelie  Torgersen           39.5          17.4               186        3800</span></span>
<span id="cb11-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Adelie  Torgersen           40.3          18                 195        3250</span></span>
<span id="cb11-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Adelie  Torgersen           NA            NA                  NA          NA</span></span>
<span id="cb11-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Adelie  Torgersen           36.7          19.3               193        3450</span></span>
<span id="cb11-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Adelie  Torgersen           39.3          20.6               190        3650</span></span>
<span id="cb11-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Adelie  Torgersen           38.9          17.8               181        3625</span></span>
<span id="cb11-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Adelie  Torgersen           39.2          19.6               195        4675</span></span>
<span id="cb11-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Adelie  Torgersen           34.1          18.1               193        3475</span></span>
<span id="cb11-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Adelie  Torgersen           42            20.2               190        4250</span></span>
<span id="cb11-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 334 more rows</span></span>
<span id="cb11-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 2 more variables: sex &lt;chr&gt;, year &lt;int&gt;</span></span></code></pre></div>
</div>
<p>Excellent. We have our data right here. And once we have the full data locally, we can operate on it like we normally would, e.g.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb12" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb12-1">penguins_db <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb12-2">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">!</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">is.na</span>(sex), bill_length_mm <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb12-3">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(bill_length_mm, sex)</span>
<span id="cb12-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 52 × 2</span></span>
<span id="cb12-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    bill_length_mm sex  </span></span>
<span id="cb12-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##             &lt;dbl&gt; &lt;chr&gt;</span></span>
<span id="cb12-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1           50.2 male </span></span>
<span id="cb12-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2           59.6 male </span></span>
<span id="cb12-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3           50.5 male </span></span>
<span id="cb12-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4           50.5 male </span></span>
<span id="cb12-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5           50.1 male </span></span>
<span id="cb12-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6           50.4 male </span></span>
<span id="cb12-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7           54.3 male </span></span>
<span id="cb12-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8           50.7 male </span></span>
<span id="cb12-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9           51.1 male </span></span>
<span id="cb12-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10           52.5 male </span></span>
<span id="cb12-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 42 more rows</span></span></code></pre></div>
</div>
</section>
<section id="get-data-with-sql" class="level2">
<h2 class="anchored" data-anchor-id="get-data-with-sql">Get data with SQL</h2>
<p>But what if we wanted to have only have the data return already the filtered data? That way, we don’t have to possibly download loads and loads of data from the database only to filter for and select specific data locally.</p>
<p>Well, we could just use a simple SQL statement to get the data that we want. The key function to make that possible is the <code>dbGetQuery()</code> function.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb13" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb13-1">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb13-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbGetQuery</span>(</span>
<span id="cb13-3">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SELECT bill_length_mm, sex </span></span>
<span id="cb13-4"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">    FROM palmerpenguins</span></span>
<span id="cb13-5"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">    WHERE bill_length_mm &gt; 50 and sex IS NOT NULL;'</span></span>
<span id="cb13-6">  )  <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb13-7">  tibble<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">as_tibble</span>()</span>
<span id="cb13-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 52 × 2</span></span>
<span id="cb13-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    bill_length_mm sex  </span></span>
<span id="cb13-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##             &lt;dbl&gt; &lt;chr&gt;</span></span>
<span id="cb13-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1           50.2 male </span></span>
<span id="cb13-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2           59.6 male </span></span>
<span id="cb13-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3           50.5 male </span></span>
<span id="cb13-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4           50.5 male </span></span>
<span id="cb13-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5           50.1 male </span></span>
<span id="cb13-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6           50.4 male </span></span>
<span id="cb13-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7           54.3 male </span></span>
<span id="cb13-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8           50.7 male </span></span>
<span id="cb13-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9           51.1 male </span></span>
<span id="cb13-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10           52.5 male </span></span>
<span id="cb13-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 42 more rows</span></span></code></pre></div>
</div>
</section>
<section id="dtplyr" class="level2">
<h2 class="anchored" data-anchor-id="dtplyr">dtplyr</h2>
<p>Another possibility is to use the <code>{dbplyr}</code> package. This package lets you use the syntax from the <code>{dplyr}</code> package and translates that automatically to SQL. You just have to know three particular things to use that:</p>
<ol type="1">
<li><p>You need to tell <code>{dbplyr}</code> which table you want to use on the database side with <code>dplyr::tbl()</code>.</p></li>
<li><p>You can have a look at the SQL code with <code>dplyr::show_query()</code>.</p></li>
<li><p>If you want to have the full query results locally (and not just a preview), then you need to collect the data using <code>dplyr::collect()</code>.</p></li>
</ol>
<div class="cell">
<div class="sourceCode cell-code" id="cb14" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb14-1">tbl_palmerpenguins <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tbl</span>(con, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'palmerpenguins'</span>)</span>
<span id="cb14-2">extraction <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> tbl_palmerpenguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb14-3">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">!</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">is.na</span>(sex), bill_length_mm <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb14-4">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(bill_length_mm, sex)</span>
<span id="cb14-5">extraction <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">show_query</span>()</span>
<span id="cb14-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## &lt;SQL&gt;</span></span>
<span id="cb14-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## SELECT "bill_length_mm", "sex"</span></span>
<span id="cb14-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## FROM "palmerpenguins"</span></span>
<span id="cb14-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## WHERE (NOT(("sex" IS NULL))) AND ("bill_length_mm" &gt; 50.0)</span></span>
<span id="cb14-10">extraction <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">collect</span>()</span>
<span id="cb14-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 52 × 2</span></span>
<span id="cb14-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    bill_length_mm sex  </span></span>
<span id="cb14-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##             &lt;dbl&gt; &lt;chr&gt;</span></span>
<span id="cb14-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1           50.2 male </span></span>
<span id="cb14-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2           59.6 male </span></span>
<span id="cb14-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3           50.5 male </span></span>
<span id="cb14-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4           50.5 male </span></span>
<span id="cb14-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5           50.1 male </span></span>
<span id="cb14-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6           50.4 male </span></span>
<span id="cb14-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7           54.3 male </span></span>
<span id="cb14-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8           50.7 male </span></span>
<span id="cb14-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9           51.1 male </span></span>
<span id="cb14-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10           52.5 male </span></span>
<span id="cb14-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 42 more rows</span></span></code></pre></div>
</div>
<p>This also works with <code>mutate()</code> calls that change the returned data on the database side befor downloading it.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb15" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb15-1">tbl_palmerpenguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb15-2">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">!</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">is.na</span>(sex), bill_length_mm <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb15-3">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(bill_length_mm, sex) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb15-4">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb15-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sex =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">if_else</span>(sex <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'male'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'MALE'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'FEMALE'</span>)</span>
<span id="cb15-6">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb15-7">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">show_query</span>()</span>
<span id="cb15-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## &lt;SQL&gt;</span></span>
<span id="cb15-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## SELECT</span></span>
<span id="cb15-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   "bill_length_mm",</span></span>
<span id="cb15-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   CASE WHEN ("sex" = 'male') THEN 'MALE' WHEN NOT ("sex" = 'male') THEN 'FEMALE' </span><span class="re">END</span><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;"> AS "sex"</span></span>
<span id="cb15-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## FROM "palmerpenguins"</span></span>
<span id="cb15-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## WHERE (NOT(("sex" IS NULL))) AND ("bill_length_mm" &gt; 50.0)</span></span></code></pre></div>
</div>
<p>So in this case you would get</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb16" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb16-1">tbl_palmerpenguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb16-2">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">!</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">is.na</span>(sex), bill_length_mm <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb16-3">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(bill_length_mm, sex) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb16-4">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb16-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sex =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">if_else</span>(sex <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'male'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'MALE'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'FEMALE'</span>)</span>
<span id="cb16-6">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb16-7">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">collect</span>()</span>
<span id="cb16-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 52 × 2</span></span>
<span id="cb16-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    bill_length_mm sex  </span></span>
<span id="cb16-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##             &lt;dbl&gt; &lt;chr&gt;</span></span>
<span id="cb16-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1           50.2 MALE </span></span>
<span id="cb16-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2           59.6 MALE </span></span>
<span id="cb16-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3           50.5 MALE </span></span>
<span id="cb16-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4           50.5 MALE </span></span>
<span id="cb16-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5           50.1 MALE </span></span>
<span id="cb16-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6           50.4 MALE </span></span>
<span id="cb16-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7           54.3 MALE </span></span>
<span id="cb16-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8           50.7 MALE </span></span>
<span id="cb16-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9           51.1 MALE </span></span>
<span id="cb16-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10           52.5 MALE </span></span>
<span id="cb16-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 42 more rows</span></span></code></pre></div>
</div>
<p>But it is important to note that this does not actually update the underlying data. You see, if you connect the data once more (without the <code>mutate()</code> call), then you get the original data:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb17" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb17-1">tbl_palmerpenguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb17-2">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">!</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">is.na</span>(sex), bill_length_mm <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb17-3">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(bill_length_mm, sex) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb17-4">  dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">collect</span>()</span>
<span id="cb17-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 52 × 2</span></span>
<span id="cb17-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    bill_length_mm sex  </span></span>
<span id="cb17-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##             &lt;dbl&gt; &lt;chr&gt;</span></span>
<span id="cb17-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1           50.2 male </span></span>
<span id="cb17-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2           59.6 male </span></span>
<span id="cb17-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3           50.5 male </span></span>
<span id="cb17-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4           50.5 male </span></span>
<span id="cb17-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5           50.1 male </span></span>
<span id="cb17-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6           50.4 male </span></span>
<span id="cb17-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7           54.3 male </span></span>
<span id="cb17-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8           50.7 male </span></span>
<span id="cb17-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9           51.1 male </span></span>
<span id="cb17-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10           52.5 male </span></span>
<span id="cb17-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 42 more rows</span></span></code></pre></div>
</div>
</section>
<section id="programatically-assembling-sql-queries-with-glue" class="level2">
<h2 class="anchored" data-anchor-id="programatically-assembling-sql-queries-with-glue">Programatically assembling SQL queries with <code>{glue}</code></h2>
<p>Another way to assemble SQL queries is using the <code>glue_sql()</code> function from the <code>{glue}</code> package. This can be particularly useful when you are already familiar with SQL and don’t want to learn the <code>{dtplyr}</code> syntax.</p>
<p>For example, if you have vectors that describes particular columns and values your interested in. For our penguins, this could be something like this:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb18" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb18-1">selected_tbl <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'palmerpenguins'</span></span>
<span id="cb18-2">selected_cols <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'bill_length_mm'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'sex'</span>)</span>
<span id="cb18-3">selected_species <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Adelie'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Chinstrap'</span>)</span></code></pre></div>
</div>
<p>Then with the <code>glue_sql()</code> command you can easily throw these variables into a SQL-query that you write yourself.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb19" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb19-1">glue<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">glue_sql</span>(</span>
<span id="cb19-2">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SELECT {selected_cols}</span></span>
<span id="cb19-3"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">  FROM {selected_tbl}</span></span>
<span id="cb19-4"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">  WHERE species IN ({selected_species})'</span>,</span>
<span id="cb19-5">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.con =</span> con</span>
<span id="cb19-6">)</span>
<span id="cb19-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## &lt;SQL&gt; SELECT 'bill_length_mm'</span></span>
<span id="cb19-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## FROM 'palmerpenguins'</span></span>
<span id="cb19-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## WHERE species IN ('Adelie')</span></span>
<span id="cb19-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## &lt;SQL&gt; SELECT 'sex'</span></span>
<span id="cb19-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## FROM 'palmerpenguins'</span></span>
<span id="cb19-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## WHERE species IN ('Chinstrap')</span></span></code></pre></div>
</div>
<p>Well, this doesn’t look right. It’s two SQL queries instead of one. But the nice thing about <code>glue_sql()</code> is that you can collapse vectors with the <code>*</code> character.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb20" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb20-1">glue<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">glue_sql</span>(</span>
<span id="cb20-2">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SELECT {selected_cols*}</span></span>
<span id="cb20-3"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">  FROM {selected_tbl}</span></span>
<span id="cb20-4"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">  WHERE species IN ({selected_species*})'</span>,</span>
<span id="cb20-5">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.con =</span> con</span>
<span id="cb20-6">)</span>
<span id="cb20-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## &lt;SQL&gt; SELECT 'bill_length_mm', 'sex'</span></span>
<span id="cb20-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## FROM 'palmerpenguins'</span></span>
<span id="cb20-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## WHERE species IN ('Adelie', 'Chinstrap')</span></span></code></pre></div>
</div>
<p>But if you know SQL, you know that this code is not quite right. Check out what happens if you run this query.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb21" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb21-1">incorrect_query <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> glue<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">glue_sql</span>(</span>
<span id="cb21-2">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SELECT {selected_cols*}</span></span>
<span id="cb21-3"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">  FROM {selected_tbl}</span></span>
<span id="cb21-4"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">  WHERE species IN ({selected_species*})'</span>,</span>
<span id="cb21-5">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.con =</span> con</span>
<span id="cb21-6">)</span>
<span id="cb21-7">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb21-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbGetQuery</span>(incorrect_query) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb21-9">  tibble<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">as_tibble</span>()</span>
<span id="cb21-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 220 × 2</span></span>
<span id="cb21-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    `'bill_length_mm'` `'sex'`</span></span>
<span id="cb21-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;              &lt;chr&gt;  </span></span>
<span id="cb21-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 bill_length_mm     sex    </span></span>
<span id="cb21-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 bill_length_mm     sex    </span></span>
<span id="cb21-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 bill_length_mm     sex    </span></span>
<span id="cb21-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 bill_length_mm     sex    </span></span>
<span id="cb21-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 bill_length_mm     sex    </span></span>
<span id="cb21-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 bill_length_mm     sex    </span></span>
<span id="cb21-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 bill_length_mm     sex    </span></span>
<span id="cb21-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 bill_length_mm     sex    </span></span>
<span id="cb21-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 bill_length_mm     sex    </span></span>
<span id="cb21-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 bill_length_mm     sex    </span></span>
<span id="cb21-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 210 more rows</span></span></code></pre></div>
</div>
<p>That’s not quite right, is it? Well, the thing is: In our SQL-query the quotation marks are not correct. Have a look:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb22" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb22-1">incorrect_query</span>
<span id="cb22-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## &lt;SQL&gt; SELECT 'bill_length_mm', 'sex'</span></span>
<span id="cb22-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## FROM 'palmerpenguins'</span></span>
<span id="cb22-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## WHERE species IN ('Adelie', 'Chinstrap')</span></span></code></pre></div>
</div>
<p>For the things in the SELECT and FROM part we shouldn’t use single quotes <code>'</code>. In SQLite, these are reserved for literal strings like <code>'Adelie'</code> and <code>'Chinstrap'</code>. If you want to use identifiers like column and tables names, then you either don’t use any quotation marks are double quotation marks <code>"</code>. You can tell <code>glue_sql()</code> about the difference by wrapping identifiers into backticks `.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb23" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb23-1">correct_query <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> glue<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">glue_sql</span>(</span>
<span id="cb23-2">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SELECT {`selected_cols`*}</span></span>
<span id="cb23-3"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">  FROM {`selected_tbl`}</span></span>
<span id="cb23-4"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">  WHERE species IN ({selected_species*})'</span>,</span>
<span id="cb23-5">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.con =</span> con</span>
<span id="cb23-6">)</span>
<span id="cb23-7">correct_query</span>
<span id="cb23-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## &lt;SQL&gt; SELECT "bill_length_mm", "sex"</span></span>
<span id="cb23-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## FROM "palmerpenguins"</span></span>
<span id="cb23-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## WHERE species IN ('Adelie', 'Chinstrap')</span></span></code></pre></div>
</div>
<p>So, with this query, you can now run the code from before and get the right results.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb24" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb24-1">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb24-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbGetQuery</span>(correct_query) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb24-3">  tibble<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">as_tibble</span>()</span>
<span id="cb24-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 220 × 2</span></span>
<span id="cb24-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    bill_length_mm sex   </span></span>
<span id="cb24-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##             &lt;dbl&gt; &lt;chr&gt; </span></span>
<span id="cb24-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1           39.1 male  </span></span>
<span id="cb24-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2           39.5 female</span></span>
<span id="cb24-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3           40.3 female</span></span>
<span id="cb24-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4           NA   &lt;NA&gt;  </span></span>
<span id="cb24-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5           36.7 female</span></span>
<span id="cb24-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6           39.3 male  </span></span>
<span id="cb24-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7           38.9 female</span></span>
<span id="cb24-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8           39.2 male  </span></span>
<span id="cb24-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9           34.1 &lt;NA&gt;  </span></span>
<span id="cb24-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10           42   &lt;NA&gt;  </span></span>
<span id="cb24-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 210 more rows</span></span></code></pre></div>
</div>
</section>
<section id="transactions" class="level2">
<h2 class="anchored" data-anchor-id="transactions">Transactions</h2>
<p>Now, let me teach you one more thing that’s essential to working with databases. Namely, transactions. You see, you can often want to have changes to your database run transactionally.</p>
<p>This means that if you update multiple rows, you want to be sure that either all rows were updated successfully or no rows were changed. That’s what transactions do. Here’s how they work:</p>
<p>First, you begin a transaction:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb25" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb25-1">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbBegin</span>()</span></code></pre></div>
</div>
<p>Then, you make changes to the database like appending more rows to a table.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb26" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb26-1">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb26-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbAppendTable</span>(</span>
<span id="cb26-3">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'palmerpenguins'</span>,</span>
<span id="cb26-4">    palmerpenguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>penguins</span>
<span id="cb26-5">  )</span></code></pre></div>
</div>
<p>And now you could see your changes:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb27" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb27-1">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb27-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbReadTable</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'palmerpenguins'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb27-3">  tibble<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">as_tibble</span>()</span>
<span id="cb27-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 688 × 8</span></span>
<span id="cb27-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    species island    bill_length_mm bill_depth_mm flipper_length_mm body_mass_g</span></span>
<span id="cb27-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;   &lt;chr&gt;              &lt;dbl&gt;         &lt;dbl&gt;             &lt;int&gt;       &lt;int&gt;</span></span>
<span id="cb27-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Adelie  Torgersen           39.1          18.7               181        3750</span></span>
<span id="cb27-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Adelie  Torgersen           39.5          17.4               186        3800</span></span>
<span id="cb27-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Adelie  Torgersen           40.3          18                 195        3250</span></span>
<span id="cb27-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Adelie  Torgersen           NA            NA                  NA          NA</span></span>
<span id="cb27-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Adelie  Torgersen           36.7          19.3               193        3450</span></span>
<span id="cb27-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Adelie  Torgersen           39.3          20.6               190        3650</span></span>
<span id="cb27-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Adelie  Torgersen           38.9          17.8               181        3625</span></span>
<span id="cb27-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Adelie  Torgersen           39.2          19.6               195        4675</span></span>
<span id="cb27-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Adelie  Torgersen           34.1          18.1               193        3475</span></span>
<span id="cb27-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Adelie  Torgersen           42            20.2               190        4250</span></span>
<span id="cb27-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 678 more rows</span></span>
<span id="cb27-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 2 more variables: sex &lt;chr&gt;, year &lt;int&gt;</span></span></code></pre></div>
</div>
<p>See how you have double the amount of rows now? This means you have successfully appended more rows to the database table. But not so fast. You can revert all your changes since starting your transaction with <code>dbBegin()</code> by calling <code>dbRollback()</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb28" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb28-1">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbRollback</span>()</span></code></pre></div>
</div>
<p>And now if you grab the table again, you can see that you’re back where you started.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb29" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb29-1">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb29-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbReadTable</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'palmerpenguins'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb29-3">  tibble<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">as_tibble</span>()</span>
<span id="cb29-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 344 × 8</span></span>
<span id="cb29-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    species island    bill_length_mm bill_depth_mm flipper_length_mm body_mass_g</span></span>
<span id="cb29-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;   &lt;chr&gt;              &lt;dbl&gt;         &lt;dbl&gt;             &lt;int&gt;       &lt;int&gt;</span></span>
<span id="cb29-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Adelie  Torgersen           39.1          18.7               181        3750</span></span>
<span id="cb29-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Adelie  Torgersen           39.5          17.4               186        3800</span></span>
<span id="cb29-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Adelie  Torgersen           40.3          18                 195        3250</span></span>
<span id="cb29-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Adelie  Torgersen           NA            NA                  NA          NA</span></span>
<span id="cb29-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Adelie  Torgersen           36.7          19.3               193        3450</span></span>
<span id="cb29-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Adelie  Torgersen           39.3          20.6               190        3650</span></span>
<span id="cb29-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Adelie  Torgersen           38.9          17.8               181        3625</span></span>
<span id="cb29-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Adelie  Torgersen           39.2          19.6               195        4675</span></span>
<span id="cb29-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Adelie  Torgersen           34.1          18.1               193        3475</span></span>
<span id="cb29-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Adelie  Torgersen           42            20.2               190        4250</span></span>
<span id="cb29-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 334 more rows</span></span>
<span id="cb29-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 2 more variables: sex &lt;chr&gt;, year &lt;int&gt;</span></span></code></pre></div>
</div>
<p>Of course, there’s also a way to make changes permanent. And that happens with <code>dbCommit()</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb30" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb30-1"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Start transaction</span></span>
<span id="cb30-2">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbBegin</span>()</span>
<span id="cb30-3"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Make changes</span></span>
<span id="cb30-4">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb30-5">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbAppendTable</span>(</span>
<span id="cb30-6">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'palmerpenguins'</span>,</span>
<span id="cb30-7">    palmerpenguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>penguins</span>
<span id="cb30-8">  )</span>
<span id="cb30-9"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Commit to changes</span></span>
<span id="cb30-10">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbCommit</span>()</span>
<span id="cb30-11"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Changes are permanent now.</span></span>
<span id="cb30-12">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb30-13">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbReadTable</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'palmerpenguins'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb30-14">  tibble<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">as_tibble</span>()</span>
<span id="cb30-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 688 × 8</span></span>
<span id="cb30-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    species island    bill_length_mm bill_depth_mm flipper_length_mm body_mass_g</span></span>
<span id="cb30-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;   &lt;chr&gt;              &lt;dbl&gt;         &lt;dbl&gt;             &lt;int&gt;       &lt;int&gt;</span></span>
<span id="cb30-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Adelie  Torgersen           39.1          18.7               181        3750</span></span>
<span id="cb30-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Adelie  Torgersen           39.5          17.4               186        3800</span></span>
<span id="cb30-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Adelie  Torgersen           40.3          18                 195        3250</span></span>
<span id="cb30-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Adelie  Torgersen           NA            NA                  NA          NA</span></span>
<span id="cb30-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Adelie  Torgersen           36.7          19.3               193        3450</span></span>
<span id="cb30-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Adelie  Torgersen           39.3          20.6               190        3650</span></span>
<span id="cb30-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Adelie  Torgersen           38.9          17.8               181        3625</span></span>
<span id="cb30-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Adelie  Torgersen           39.2          19.6               195        4675</span></span>
<span id="cb30-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Adelie  Torgersen           34.1          18.1               193        3475</span></span>
<span id="cb30-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Adelie  Torgersen           42            20.2               190        4250</span></span>
<span id="cb30-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 678 more rows</span></span>
<span id="cb30-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 2 more variables: sex &lt;chr&gt;, year &lt;int&gt;</span></span></code></pre></div>
</div>
<p>You might be wondering how this could be useful. So let me show you how.</p>
<p>Imagine that we have a constraint on the species column inside of our data set. We could make that happen by creating a new table <code>palmerpenguins_new</code> with a bit of SQL.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb31" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb31-1">allowed_species <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Adelie'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Chinstrap'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Gentoo'</span>)</span>
<span id="cb31-2">query <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> glue<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">glue_sql</span>(</span>
<span id="cb31-3">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"CREATE TABLE palmerpenguins_new (</span></span>
<span id="cb31-4"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">    species TEXT NOT NULL CHECK(species IN ({allowed_species*})),</span></span>
<span id="cb31-5"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">    island TEXT,</span></span>
<span id="cb31-6"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">    bill_length_mm REAL,</span></span>
<span id="cb31-7"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">    bill_depth_mm REAL,</span></span>
<span id="cb31-8"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">    flipper_length_mm REAL,</span></span>
<span id="cb31-9"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">    body_mass_g REAL,</span></span>
<span id="cb31-10"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">    sex TEXT,</span></span>
<span id="cb31-11"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">    year INTEGER</span></span>
<span id="cb31-12"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">  );"</span>,</span>
<span id="cb31-13">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.con =</span> con</span>
<span id="cb31-14">)</span>
<span id="cb31-15">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbExecute</span>(query)</span>
<span id="cb31-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] 0</span></span></code></pre></div>
</div>
<p>Clearly, we could append the original palmerpenguins data set to this table (as it fulfills the constraint).</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb32" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb32-1">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb32-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbAppendTable</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'palmerpenguins_new'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">value =</span> palmerpenguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>penguins)</span>
<span id="cb32-3">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb32-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbReadTable</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'palmerpenguins_new'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb32-5">  tibble<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">as_tibble</span>()</span>
<span id="cb32-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 344 × 8</span></span>
<span id="cb32-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    species island    bill_length_mm bill_depth_mm flipper_length_mm body_mass_g</span></span>
<span id="cb32-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;   &lt;chr&gt;              &lt;dbl&gt;         &lt;dbl&gt;             &lt;dbl&gt;       &lt;dbl&gt;</span></span>
<span id="cb32-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Adelie  Torgersen           39.1          18.7               181        3750</span></span>
<span id="cb32-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Adelie  Torgersen           39.5          17.4               186        3800</span></span>
<span id="cb32-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Adelie  Torgersen           40.3          18                 195        3250</span></span>
<span id="cb32-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Adelie  Torgersen           NA            NA                  NA          NA</span></span>
<span id="cb32-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Adelie  Torgersen           36.7          19.3               193        3450</span></span>
<span id="cb32-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Adelie  Torgersen           39.3          20.6               190        3650</span></span>
<span id="cb32-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Adelie  Torgersen           38.9          17.8               181        3625</span></span>
<span id="cb32-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Adelie  Torgersen           39.2          19.6               195        4675</span></span>
<span id="cb32-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Adelie  Torgersen           34.1          18.1               193        3475</span></span>
<span id="cb32-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Adelie  Torgersen           42            20.2               190        4250</span></span>
<span id="cb32-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 334 more rows</span></span>
<span id="cb32-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 2 more variables: sex &lt;chr&gt;, year &lt;int&gt;</span></span></code></pre></div>
</div>
<p>But what about a data set that has a row in it with a wrong species. Like this one here:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb33" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb33-1">fake_dat <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> dplyr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bind_rows</span>(</span>
<span id="cb33-2">  palmerpenguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>penguins[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>,],</span>
<span id="cb33-3">  tibble<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">species =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'NEW SPECIES'</span>)</span>
<span id="cb33-4">)</span>
<span id="cb33-5">fake_dat</span>
<span id="cb33-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 2 × 8</span></span>
<span id="cb33-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   species     island  bill_length_mm bill_depth_mm flipper_length_mm body_mass_g</span></span>
<span id="cb33-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;chr&gt;       &lt;fct&gt;            &lt;dbl&gt;         &lt;dbl&gt;             &lt;int&gt;       &lt;int&gt;</span></span>
<span id="cb33-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1 Adelie      Torger…           39.1          18.7               181        3750</span></span>
<span id="cb33-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2 NEW SPECIES &lt;NA&gt;              NA            NA                  NA          NA</span></span>
<span id="cb33-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 2 more variables: sex &lt;fct&gt;, year &lt;int&gt;</span></span></code></pre></div>
</div>
<p>Well, appending that should work for the first row but not for the second one. Let’s see what happens if we try anyway:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb34" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb34-1"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Will work</span></span>
<span id="cb34-2">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb34-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbAppendTable</span>(</span>
<span id="cb34-4">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'palmerpenguins_new'</span>, </span>
<span id="cb34-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">value =</span> fake_dat[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, ]</span>
<span id="cb34-6">  )</span>
<span id="cb34-7"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Will fail</span></span>
<span id="cb34-8">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb34-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbAppendTable</span>(</span>
<span id="cb34-10">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'palmerpenguins_new'</span>, </span>
<span id="cb34-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">value =</span> fake_dat[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>, ]</span>
<span id="cb34-12">  )</span>
<span id="cb34-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Error in eval(expr, envir, enclos): nanodbc/nanodbc.cpp:1783: 00000</span></span>
<span id="cb34-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [SQLite]CHECK constraint failed: species IN ('Adelie', 'Chinstrap', 'Gentoo') (19)</span></span></code></pre></div>
</div>
<p>Nice. We get an error because the constrains were not fulfilled for the second row. As we should. But because we the first operation was successful, the first (valid) row was still appended. Notice how there are 345 rows in the database table now as opposed to 344 rows from the original data set.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb35" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb35-1">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb35-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbReadTable</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'palmerpenguins_new'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb35-3">  tibble<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">as_tibble</span>()</span>
<span id="cb35-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 345 × 8</span></span>
<span id="cb35-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    species island    bill_length_mm bill_depth_mm flipper_length_mm body_mass_g</span></span>
<span id="cb35-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;   &lt;chr&gt;              &lt;dbl&gt;         &lt;dbl&gt;             &lt;dbl&gt;       &lt;dbl&gt;</span></span>
<span id="cb35-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Adelie  Torgersen           39.1          18.7               181        3750</span></span>
<span id="cb35-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Adelie  Torgersen           39.5          17.4               186        3800</span></span>
<span id="cb35-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Adelie  Torgersen           40.3          18                 195        3250</span></span>
<span id="cb35-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Adelie  Torgersen           NA            NA                  NA          NA</span></span>
<span id="cb35-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Adelie  Torgersen           36.7          19.3               193        3450</span></span>
<span id="cb35-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Adelie  Torgersen           39.3          20.6               190        3650</span></span>
<span id="cb35-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Adelie  Torgersen           38.9          17.8               181        3625</span></span>
<span id="cb35-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Adelie  Torgersen           39.2          19.6               195        4675</span></span>
<span id="cb35-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Adelie  Torgersen           34.1          18.1               193        3475</span></span>
<span id="cb35-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Adelie  Torgersen           42            20.2               190        4250</span></span>
<span id="cb35-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 335 more rows</span></span>
<span id="cb35-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 2 more variables: sex &lt;chr&gt;, year &lt;int&gt;</span></span></code></pre></div>
</div>
<p>That’s unfortunate. We now have to figure out what operations worked and which didn’t. In real-world settings where we often try to string together multiple operations, this can become tediuous quite fast. That’s why it’s common to enforce that either <strong>all opeartions work or everything is reverted to normal</strong>.</p>
<p>And that’s where transactions come in. Together with <code>tryCatch()</code> they are an invaluable tool to ensure database consistency.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb36" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb36-1">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbBegin</span>()</span>
<span id="cb36-2"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tryCatch</span>({</span>
<span id="cb36-3">  <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Will work</span></span>
<span id="cb36-4">  con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb36-5">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbAppendTable</span>(</span>
<span id="cb36-6">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'palmerpenguins_new'</span>, </span>
<span id="cb36-7">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">value =</span> fake_dat[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, ]</span>
<span id="cb36-8">    )</span>
<span id="cb36-9">  <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Will fail</span></span>
<span id="cb36-10">  con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb36-11">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbAppendTable</span>(</span>
<span id="cb36-12">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'palmerpenguins_new'</span>, </span>
<span id="cb36-13">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">value =</span> fake_dat[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>, ]</span>
<span id="cb36-14">    )</span>
<span id="cb36-15">  con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbCommit</span>() <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Commit to changes if no error until here</span></span>
<span id="cb36-16">  cli<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">cli_alert_success</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Data uploaded successfully"</span>)</span>
<span id="cb36-17">}, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">error =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(e) {</span>
<span id="cb36-18">  con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbRollback</span>() <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Rollback if there was an error</span></span>
<span id="cb36-19">  cli<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">cli_abort</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Data couln't be uploaded successfully. There was the following error {e$message}"</span>)</span>
<span id="cb36-20">})</span>
<span id="cb36-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Error in `value[[3L]]()`:</span></span>
<span id="cb36-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ! Data couln't be uploaded successfully. There was the following error</span></span>
<span id="cb36-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   nanodbc/nanodbc.cpp:1783: 00000 [SQLite]CHECK constraint failed: species IN</span></span>
<span id="cb36-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ('Adelie', 'Chinstrap', 'Gentoo') (19)</span></span></code></pre></div>
</div>
<p>Now you’ll see that we are still left with the 345 rows instead of adding yet another row (even though the first operation worked.)</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb37" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb37-1">con <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb37-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dbReadTable</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'palmerpenguins_new'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb37-3">  tibble<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">as_tibble</span>()</span>
<span id="cb37-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 345 × 8</span></span>
<span id="cb37-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    species island    bill_length_mm bill_depth_mm flipper_length_mm body_mass_g</span></span>
<span id="cb37-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;   &lt;chr&gt;              &lt;dbl&gt;         &lt;dbl&gt;             &lt;dbl&gt;       &lt;dbl&gt;</span></span>
<span id="cb37-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Adelie  Torgersen           39.1          18.7               181        3750</span></span>
<span id="cb37-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Adelie  Torgersen           39.5          17.4               186        3800</span></span>
<span id="cb37-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Adelie  Torgersen           40.3          18                 195        3250</span></span>
<span id="cb37-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Adelie  Torgersen           NA            NA                  NA          NA</span></span>
<span id="cb37-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Adelie  Torgersen           36.7          19.3               193        3450</span></span>
<span id="cb37-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Adelie  Torgersen           39.3          20.6               190        3650</span></span>
<span id="cb37-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Adelie  Torgersen           38.9          17.8               181        3625</span></span>
<span id="cb37-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Adelie  Torgersen           39.2          19.6               195        4675</span></span>
<span id="cb37-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Adelie  Torgersen           34.1          18.1               193        3475</span></span>
<span id="cb37-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Adelie  Torgersen           42            20.2               190        4250</span></span>
<span id="cb37-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 335 more rows</span></span>
<span id="cb37-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 2 more variables: sex &lt;chr&gt;, year &lt;int&gt;</span></span></code></pre></div>
</div>
<p>And with that we have concluded our little trip into databases with R. Of course there’s lots more to learn about SQL and database interactions from within R. But for now, I think this is a good place to stop.</p>


</section>

 ]]></description>
  <guid>https://albert-rapp.de/posts/30_sql/30_sql.html</guid>
  <pubDate>Fri, 04 Oct 2024 22:00:00 GMT</pubDate>
</item>
<item>
  <title>Creating fancy interactive tables using Internet data with rvest and reactable</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/29_reactable_germany/29_reactable_germany.html</link>
  <description><![CDATA[ 




<p><link rel="stylesheet" href="../../../new_code_theme.css"></p>
<p>This blog post will be a long one as we’ll create this fancy interactive table:</p>
<div class="cell page-columns page-full">
<details class="code-fold">
<summary>Code</summary>
<div class="sourceCode cell-code" id="cb1" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb1-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(tidyverse)</span>
<span id="cb1-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ── Attaching core tidyverse packages ──────────────────────── tidyverse 2.0.0 ──</span></span>
<span id="cb1-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ✔ dplyr     1.1.4     ✔ readr     2.1.5</span></span>
<span id="cb1-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ✔ forcats   1.0.0     ✔ stringr   1.5.1</span></span>
<span id="cb1-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ✔ ggplot2   3.5.1     ✔ tibble    3.2.1</span></span>
<span id="cb1-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ✔ lubridate 1.9.3     ✔ tidyr     1.3.1</span></span>
<span id="cb1-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ✔ purrr     1.0.2     </span></span>
<span id="cb1-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ── Conflicts ────────────────────────────────────────── tidyverse_conflicts() ──</span></span>
<span id="cb1-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ✖ dplyr::filter() masks stats::filter()</span></span>
<span id="cb1-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ✖ dplyr::lag()    masks stats::lag()</span></span>
<span id="cb1-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ℹ Use the conflicted package (&lt;http://conflicted.r-lib.org/&gt;) to force all conflicts to become errors</span></span>
<span id="cb1-12"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(reactable)</span>
<span id="cb1-13"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(reactablefmtr)</span>
<span id="cb1-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## </span></span>
<span id="cb1-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Attaching package: 'reactablefmtr'</span></span>
<span id="cb1-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## </span></span>
<span id="cb1-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## The following object is masked from 'package:ggplot2':</span></span>
<span id="cb1-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## </span></span>
<span id="cb1-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##     margin</span></span>
<span id="cb1-20"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(htmltools)</span>
<span id="cb1-21"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(ggiraph)</span>
<span id="cb1-22">main_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#104E8B'</span></span>
<span id="cb1-23"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">read_rds</span>(</span>
<span id="cb1-24">  here<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">here</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'posts/29_reactable_germany/final_table.rds'</span>)</span>
<span id="cb1-25">) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb1-26">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">browsable</span>()</span></code></pre></div>
</details>
<div class="cell-output-display column-page">
<div>
<div style="font-family:&quot;Source Sans Pro&quot;, sans-serif;font-size:2rem;font-weight:bold;">Germany's 16 States in Numbers</div>
<div style="font-family:&quot;Source Sans Pro&quot;, sans-serif;font-size:1.25rem;">Based on data from Wikipedia &amp; statistikportal.de</div>
<div class="reactable html-widget html-fill-item" id="htmlwidget-546c1c45a30e82352294" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-546c1c45a30e82352294">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"img":["https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg"],"state":["Baden-Württemberg","Bayern","Berlin","Brandenburg","Bremen","Hamburg","Hessen","Mecklenburg-Vorpommern","Niedersachsen","Nordrhein-Westfalen","Rheinland-Pfalz","Saarland","Sachsen","Sachsen-Anhalt","Schleswig-Holstein","Thüringen"],"capital":["Stuttgart","München","—","Potsdam","Bremen","—","Wiesbaden","Schwerin","Hannover","Düsseldorf","Mainz","Saarbrücken","Dresden","Magdeburg","Kiel","Erfurt"],"most_populous_city":["Stuttgart","München","—","Potsdam","Bremen","—","Frankfurt am Main","Rostock","Hannover","Köln","Mainz","Saarbrücken","Leipzig","Halle (Saale)","Kiel","Erfurt"],"federal_assembly_votes":[6,6,4,4,3,3,5,3,6,6,4,3,4,4,4,4],"area_km2":[35748,70542,891,29654,420,755,21116,23295,47710,34112,19858,2571,18450,20459,15804,16202],"pop_million":[11.28,13.369,3.755,2.573,0.685,1.892,6.391,1.628,8.14,18.139,4.159,0.993,4.086,2.187,2.953,2.127],"pop_per_km2":[316,190,4210,87,1633,2506,303,70,171,532,209,386,221,107,187,132],"gdp":[[100,"NA",104.7,107,106.6,101.5,104.8,106.2],[100,"NA",106.3,106.7,108.6,104.6,107.5,109.8],[100,"NA",109.6,113.5,116.8,114.2,117.8,123.6],[100,"NA",104.7,105.2,107,104.6,107.2,110.7],[100,"NA",103.3,103,101.5,96.4,102.3,107.5],[100,"NA",104,103.8,107.1,102,105.8,110.5],[100,"NA",105,105.5,107.1,102,104.5,106.2],[100,"NA",105.8,103.8,108.3,104.7,107.2,107.4],[100,"NA",106.9,108.3,110.6,106.2,107,108.2],[100,"NA",103.7,105.1,105.1,101.8,103.6,104.7],[100,"NA",102.5,102.6,103.1,99.5,108.2,107.9],[100,"NA",101.4,100.8,98.8,94,95.2,96.8],[100,"NA",104.1,104.9,106.4,102.7,104.6,107.4],[100,"NA",102.6,102.1,103.7,101.3,103.6,106.3],[100,"NA",105.2,105.7,108.2,106.4,107.7,109.1],[100,"NA",103.3,103,102.9,99.8,101.8,103.3]]},"columns":[{"id":"img","name":"img","type":"character","header":"","footer":{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/da/Coat_of_arms_of_Germany.svg","width":50},"children":[]},"align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg","width":50},"children":[]}],"details":[{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"fb2569ed64282ceb2c1b696ab675fb8a"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-8bef01f7b75e09e63177","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-8bef01f7b75e09e63177"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_65ccacb5_6ee1_44f9_9699_31d523cd2d8e' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_65ccacb5_6ee1_44f9_9699_31d523cd2d8e_defs'>\\n  <clipPath id='svg_65ccacb5_6ee1_44f9_9699_31d523cd2d8e_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_65ccacb5_6ee1_44f9_9699_31d523cd2d8e_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_65ccacb5_6ee1_44f9_9699_31d523cd2d8e_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_65ccacb5_6ee1_44f9_9699_31d523cd2d8e_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_65ccacb5_6ee1_44f9_9699_31d523cd2d8e_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_65ccacb5_6ee1_44f9_9699_31d523cd2d8e\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Baden-W%C3%BCrttemberg","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Baden-Württemberg (/ˌbɑːdən ˈvɜːrtəmbɜːrɡ/ BAH-dən VURT-əm-burg;German: [ˌbaːdn̩ ˈvʏʁtəmbɛʁk] ), commonly shortened to BW or BaWü, is a German state (Land) in Southwest Germany, east of the Rhine, which forms the southern part of Germany's western border with France. With more than 11.07 million inhabitants as of 2019 across a total area of nearly 35,752 km² (13,804 sq mi), it is the third-largest German state by both area (behind Bavaria and Lower Saxony) and population (behind North Rhine-Westphalia and Bavaria). As a federated state, Baden-Württemberg is a partly-sovereign parliamentary republic. The largest city in Baden-Württemberg is the state capital of Stuttgart, followed by Mannheim and Karlsruhe. Other major cities are Freiburg im Breisgau, Heidelberg, Heilbronn, Pforzheim, Reutlingen, Tübingen, and Ulm."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"12a26a519cc1e4dce59ae5a21e8db118"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-f5f5b32e1d737a73a538","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-f5f5b32e1d737a73a538"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_7b3f66ce_dd44_4fc6_87b1_669c9912a415' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_7b3f66ce_dd44_4fc6_87b1_669c9912a415_defs'>\\n  <clipPath id='svg_7b3f66ce_dd44_4fc6_87b1_669c9912a415_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_7b3f66ce_dd44_4fc6_87b1_669c9912a415_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_7b3f66ce_dd44_4fc6_87b1_669c9912a415_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_7b3f66ce_dd44_4fc6_87b1_669c9912a415_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_7b3f66ce_dd44_4fc6_87b1_669c9912a415_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_7b3f66ce_dd44_4fc6_87b1_669c9912a415\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Bavaria","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Bavaria, officially the Free State of Bavaria, is a state in the southeast of Germany. With an area of 70,550.19 km² (27,239.58 sq mi), it is the largest German state by land area, comprising roughly a fifth of the total land area of Germany, and with over 13.08 million inhabitants, it is the second most populous German state, behind only North Rhine-Westphalia; however, due to its large land area, its population density is below the German average. Major cities include Munich (its capital and largest city, which is also the third largest city in Germany),Nuremberg, and Augsburg."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"7467d1cd7b6bd12216bad2ff4f825d71"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-1e8d4280cfff37e38c23","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-1e8d4280cfff37e38c23"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_e8e16571_27f3_49ab_8ea6_77458d1eb6b7' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_e8e16571_27f3_49ab_8ea6_77458d1eb6b7_defs'>\\n  <clipPath id='svg_e8e16571_27f3_49ab_8ea6_77458d1eb6b7_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_e8e16571_27f3_49ab_8ea6_77458d1eb6b7_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_e8e16571_27f3_49ab_8ea6_77458d1eb6b7_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_e8e16571_27f3_49ab_8ea6_77458d1eb6b7_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_e8e16571_27f3_49ab_8ea6_77458d1eb6b7_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_e8e16571_27f3_49ab_8ea6_77458d1eb6b7\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Berlin","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Berlin (/bɜːrˈlɪn/, bur-LIN; German: [bɛʁˈliːn] ) is the capital and largest city of Germany, by both area and population. With over 3.85 million inhabitants, it has the highest population within its city limits of any city in the European Union. The city is also one of the states of Germany, being the third smallest state in the country by area. Berlin is surrounded by the state of Brandenburg, and Brandenburg's capital Potsdam is nearby. The urban area of Berlin has a population of over 4.5 million and is therefore the most populous urban area in Germany. The Berlin-Brandenburg capital region has around 6.2 million inhabitants and is Germany's second-largest metropolitan region after the Rhine-Ruhr region, and the fifth-biggest metropolitan region by GDP in the European Union."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"3c1667e96fb99f095769e7242f53b1c0"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-bcd30848551531d72794","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-bcd30848551531d72794"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_5b665987_8794_44a9_8677_36330900a264' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_5b665987_8794_44a9_8677_36330900a264_defs'>\\n  <clipPath id='svg_5b665987_8794_44a9_8677_36330900a264_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_5b665987_8794_44a9_8677_36330900a264_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_5b665987_8794_44a9_8677_36330900a264_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_5b665987_8794_44a9_8677_36330900a264_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_5b665987_8794_44a9_8677_36330900a264_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_5b665987_8794_44a9_8677_36330900a264\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Brandenburg","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Brandenburg, officially the State of Brandenburg (see Names), is a state in northeastern Germany. Brandenburg borders Poland and the states of Berlin, Mecklenburg-Vorpommern, Lower Saxony, Saxony-Anhalt, and Saxony. It is the fifth-largest German state by area and the tenth-most populous, with 2.5 million residents. Potsdam is the state capital and largest city. Other major towns are Cottbus, Brandenburg an der Havel and Frankfurt (Oder)."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"078c4dd852e72da9c6f53b186f5ebc95"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-9ab84c032557fc1135b8","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-9ab84c032557fc1135b8"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_042dbebb_ee1d_4da6_85d4_9c6811e0a891' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_042dbebb_ee1d_4da6_85d4_9c6811e0a891_defs'>\\n  <clipPath id='svg_042dbebb_ee1d_4da6_85d4_9c6811e0a891_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_042dbebb_ee1d_4da6_85d4_9c6811e0a891_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_042dbebb_ee1d_4da6_85d4_9c6811e0a891_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_042dbebb_ee1d_4da6_85d4_9c6811e0a891_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_042dbebb_ee1d_4da6_85d4_9c6811e0a891_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_042dbebb_ee1d_4da6_85d4_9c6811e0a891\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Bremen","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Bremen is the largest city on the River Weser, the longest river flowing entirely in Germany, lying some 60 km (37 mi) upstream from its mouth into the North Sea at Bremerhaven, and is completely surrounded by the state of Lower Saxony. Bremen is the centre of the Northwest Metropolitan Region, which also includes the cities of Oldenburg and Bremerhaven, and has a population of around 2.8 million people. Bremen is contiguous with the Lower Saxon towns of Delmenhorst, Stuhr, Achim, Weyhe, Schwanewede and Lilienthal. There is an exclave of Bremen in Bremerhaven, the \"Citybremian Overseas Port Area Bremerhaven\" (Stadtbremisches Überseehafengebiet Bremerhaven). Bremen is the fourth-largest city in the Low German dialect area after Hamburg, Dortmund and Essen."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"d0a33ae4adf70e519ff786f604435b2f"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-7344d43218754f87f019","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-7344d43218754f87f019"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_3470577c_d135_4a05_9ac4_fa18bd84067b' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_3470577c_d135_4a05_9ac4_fa18bd84067b_defs'>\\n  <clipPath id='svg_3470577c_d135_4a05_9ac4_fa18bd84067b_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_3470577c_d135_4a05_9ac4_fa18bd84067b_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_3470577c_d135_4a05_9ac4_fa18bd84067b_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_3470577c_d135_4a05_9ac4_fa18bd84067b_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_3470577c_d135_4a05_9ac4_fa18bd84067b_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_3470577c_d135_4a05_9ac4_fa18bd84067b\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Hamburg","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Hamburg (German: [ˈhambʊʁk] ,locally also [ˈhambʊɪ̯ç] ; Low Saxon: Hamborg [ˈhambɔːç] ), officially the Free and Hanseatic City of Hamburg, is the second-largest city in Germany after Berlin and 6th-largest in the European Union with a population of over 1.9 million. The Hamburg Metropolitan Region has a population of over 5.1 million and is the eighth-largest metropolitan region by GDP in the European Union."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"dd5578be1675774eed6af43d7526de0a"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-55ef7e9ccb7b1efd6792","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-55ef7e9ccb7b1efd6792"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_54886d26_ea6d_4f49_9470_1a180cbf3881' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_54886d26_ea6d_4f49_9470_1a180cbf3881_defs'>\\n  <clipPath id='svg_54886d26_ea6d_4f49_9470_1a180cbf3881_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_54886d26_ea6d_4f49_9470_1a180cbf3881_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_54886d26_ea6d_4f49_9470_1a180cbf3881_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_54886d26_ea6d_4f49_9470_1a180cbf3881_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_54886d26_ea6d_4f49_9470_1a180cbf3881_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_54886d26_ea6d_4f49_9470_1a180cbf3881\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Hesse","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Hesse or Hessia (German: Hessen [ˈhɛsn̩] ), officially the State of Hesse (German: Land Hessen), is a state in Germany. Its capital city is Wiesbaden, and the largest urban area is Frankfurt, which is also the country's principal financial centre. Two other major historic cities are Darmstadt and Kassel. With an area of 21,114.73 square kilometers and a population of over six million, it ranks seventh and fifth, respectively, among the sixteen German states. Frankfurt Rhine-Main, Germany's second-largest metropolitan area (after Rhine-Ruhr), is mainly located in Hesse."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"9eb326385508e8cc83d9d9cd347430a8"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-33c47ea24169f7878392","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-33c47ea24169f7878392"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_3ca86eea_21c4_42ca_bbb9_82f599f63f13' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_3ca86eea_21c4_42ca_bbb9_82f599f63f13_defs'>\\n  <clipPath id='svg_3ca86eea_21c4_42ca_bbb9_82f599f63f13_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_3ca86eea_21c4_42ca_bbb9_82f599f63f13_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_3ca86eea_21c4_42ca_bbb9_82f599f63f13_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_3ca86eea_21c4_42ca_bbb9_82f599f63f13_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_3ca86eea_21c4_42ca_bbb9_82f599f63f13_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_3ca86eea_21c4_42ca_bbb9_82f599f63f13\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Mecklenburg-Vorpommern","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Mecklenburg-Vorpommern (MV; German: [ˌmeːklənbʊʁkˈfoːɐ̯pɔmɐn] or [ˌmɛk-] ;Low German: Mäkelborg-Vörpommern), also known by its anglicized name Mecklenburg–Western Pomerania, is a state in the north-east of Germany. Of the country's sixteen states, Mecklenburg-Vorpommern ranks 14th in population; it covers an area of 23,300 km² (9,000 sq mi), making it the sixth largest German state in area; and it is 16th in population density. Schwerin is the state capital and Rostock is the largest city. Other major cities include Neubrandenburg, Stralsund, Greifswald, Wismar, and Güstrow. It was named after the two regions of Mecklenburg and Fore Pomerania."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"3c9e7f26083ec62a775cd364667ed0f9"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-25e37fb86af906f19f88","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-25e37fb86af906f19f88"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_b6353eea_691b_4554_a330_4f86b6ccaf13' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_b6353eea_691b_4554_a330_4f86b6ccaf13_defs'>\\n  <clipPath id='svg_b6353eea_691b_4554_a330_4f86b6ccaf13_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_b6353eea_691b_4554_a330_4f86b6ccaf13_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_b6353eea_691b_4554_a330_4f86b6ccaf13_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_b6353eea_691b_4554_a330_4f86b6ccaf13_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_b6353eea_691b_4554_a330_4f86b6ccaf13_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_b6353eea_691b_4554_a330_4f86b6ccaf13\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Lower_Saxony","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Lower Saxony is a German state (Land) in northwestern Germany. It is the second-largest state by land area, with 47,614 km² (18,384 sq mi), and fourth-largest in population (8 million in 2021) among the 16 Länder of the Federal Republic of Germany. In rural areas, Northern Low Saxon and Saterland Frisian are still spoken, though by declining numbers of people."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"697a16623f3b1df8fadc8c41ce4e542a"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-cfac03c5f9c3ddb7b16c","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-cfac03c5f9c3ddb7b16c"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_4ccc6e44_1b73_4e1e_8d07_7ed307c1e9d0' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_4ccc6e44_1b73_4e1e_8d07_7ed307c1e9d0_defs'>\\n  <clipPath id='svg_4ccc6e44_1b73_4e1e_8d07_7ed307c1e9d0_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_4ccc6e44_1b73_4e1e_8d07_7ed307c1e9d0_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_4ccc6e44_1b73_4e1e_8d07_7ed307c1e9d0_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_4ccc6e44_1b73_4e1e_8d07_7ed307c1e9d0_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_4ccc6e44_1b73_4e1e_8d07_7ed307c1e9d0_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_4ccc6e44_1b73_4e1e_8d07_7ed307c1e9d0\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/North_Rhine-Westphalia","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"North Rhine-Westphalia or North-Rhine/Westphalia, commonly shortened to NRW, is a state (Land) in Western Germany. With more than 18 million inhabitants, it is the most populous state in Germany. Apart from the city-states (Berlin, Hamburg and Bremen), it is also the most densely populated state in Germany. Covering an area of 34,084 km² (13,160 sq mi), it is the fourth-largest German state by size."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"1a05a38685b81bd451301cfb95076748"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-a91140f276dbd0bae4ae","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-a91140f276dbd0bae4ae"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_4e16d22a_5caf_4f1b_952c_80e35ccd3c4b' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_4e16d22a_5caf_4f1b_952c_80e35ccd3c4b_defs'>\\n  <clipPath id='svg_4e16d22a_5caf_4f1b_952c_80e35ccd3c4b_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_4e16d22a_5caf_4f1b_952c_80e35ccd3c4b_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_4e16d22a_5caf_4f1b_952c_80e35ccd3c4b_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_4e16d22a_5caf_4f1b_952c_80e35ccd3c4b_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_4e16d22a_5caf_4f1b_952c_80e35ccd3c4b_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_4e16d22a_5caf_4f1b_952c_80e35ccd3c4b\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Rhineland-Palatinate","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Rhineland-Palatinate (/ˌraɪnlænd pəˈlætɪnɪt, -lənd-/ RYNE-land pə-LAT-in-it, -⁠lənd-, US also /-ɪneɪt/ -⁠in-ayt; German: Rheinland-Pfalz [ˈʁaɪnlant ˈpfalts] ; Luxembourgish: Rheinland-Pfalz [ˈʀɑɪnlɑm ˈpfɑlts]; Palatine German: Rhoilond-Palz) is a western state of Germany. It covers 19,846 km² (7,663 sq mi) and has about 4.05 million residents. It is the ninth largest and sixth most populous of the sixteen states. Mainz is the capital and largest city. Other cities are Ludwigshafen am Rhein, Koblenz, Trier, Kaiserslautern, Worms, and Neuwied. It is bordered by North Rhine-Westphalia, Saarland, Baden-Württemberg and Hesse and by France, Luxembourg and Belgium."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"33f65ebf3c638b4281207f83f3098466"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-01f57d99d65cb22d1cec","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-01f57d99d65cb22d1cec"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_215d0b3e_f8b3_4e65_9db7_9126104231f3' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_215d0b3e_f8b3_4e65_9db7_9126104231f3_defs'>\\n  <clipPath id='svg_215d0b3e_f8b3_4e65_9db7_9126104231f3_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_215d0b3e_f8b3_4e65_9db7_9126104231f3_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_215d0b3e_f8b3_4e65_9db7_9126104231f3_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_215d0b3e_f8b3_4e65_9db7_9126104231f3_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_215d0b3e_f8b3_4e65_9db7_9126104231f3_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_215d0b3e_f8b3_4e65_9db7_9126104231f3\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Saarland","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Saarland (German: [ˈzaːʁ̞lant] , Luxembourgish: [ˈzaːlɑnt]; French: Sarre [saʁ]) is a state of Germany in the southwest of the country. With an area of 2,570 km² (990 sq mi) and population of 990,509 in 2018, it is the smallest German state in area apart from the city-states of Berlin, Bremen, and Hamburg, and the smallest in population apart from Bremen.Saarbrücken is the state capital and largest city; other cities include Neunkirchen and Saarlouis. Saarland is mainly surrounded by the department of Moselle (Grand Est) in France to the west and south and the neighboring state of Rhineland-Palatinate in Germany to the north and east; it also shares a small border about 8 kilometres (5 miles) long with the canton of Remich in Luxembourg to the northwest."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"83a4f525dbab32683c61d688c7df88b0"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-dfe917675bed5cd892f5","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-dfe917675bed5cd892f5"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_18a77ddb_293a_4a49_867e_6e8142ee2b29' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_18a77ddb_293a_4a49_867e_6e8142ee2b29_defs'>\\n  <clipPath id='svg_18a77ddb_293a_4a49_867e_6e8142ee2b29_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_18a77ddb_293a_4a49_867e_6e8142ee2b29_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_18a77ddb_293a_4a49_867e_6e8142ee2b29_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_18a77ddb_293a_4a49_867e_6e8142ee2b29_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_18a77ddb_293a_4a49_867e_6e8142ee2b29_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_18a77ddb_293a_4a49_867e_6e8142ee2b29\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Saxony","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Saxony, officially the Free State of Saxony, is a landlocked state of Germany, bordering the states of Brandenburg, Saxony-Anhalt, Thuringia, and Bavaria, as well as the countries of Poland and the Czech Republic. Its capital is Dresden, and its largest city is Leipzig. Saxony is the tenth largest of Germany's sixteen states, with an area of 18,413 square kilometres (7,109 sq mi), and the sixth most populous, with more than 4 million inhabitants. "]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"73bc9dfa77e2af2cbb449d26650e99b2"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-95a74c8a6d1dae49603c","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-95a74c8a6d1dae49603c"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_f111464d_a828_4633_a8c5_f35bb5db82d1' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_f111464d_a828_4633_a8c5_f35bb5db82d1_defs'>\\n  <clipPath id='svg_f111464d_a828_4633_a8c5_f35bb5db82d1_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_f111464d_a828_4633_a8c5_f35bb5db82d1_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_f111464d_a828_4633_a8c5_f35bb5db82d1_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_f111464d_a828_4633_a8c5_f35bb5db82d1_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_f111464d_a828_4633_a8c5_f35bb5db82d1_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_f111464d_a828_4633_a8c5_f35bb5db82d1\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Saxony-Anhalt","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Saxony-Anhalt (German: Sachsen-Anhalt [ˌzaksn̩ ˈʔanhalt] ; Low German: Sassen-Anholt) is a state of Germany, bordering the states of Brandenburg, Saxony, Thuringia and Lower Saxony. It covers an area of 20,451.7 square kilometres (7,896.4 sq mi)and has a population of 2.17 million inhabitants, making it the 8th-largest state in Germany by area and the 11th-largest by population. Its capital is Magdeburg, its most populous city, however, is Halle (Saale)."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"36a0f2a407964f98ebe49eadd124ce59"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-2263bf2f6a57eb79cbb0","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-2263bf2f6a57eb79cbb0"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_9fa3b6a1_a67d_4fbd_adfe_342e13e23044' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_9fa3b6a1_a67d_4fbd_adfe_342e13e23044_defs'>\\n  <clipPath id='svg_9fa3b6a1_a67d_4fbd_adfe_342e13e23044_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_9fa3b6a1_a67d_4fbd_adfe_342e13e23044_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_9fa3b6a1_a67d_4fbd_adfe_342e13e23044_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_9fa3b6a1_a67d_4fbd_adfe_342e13e23044_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_9fa3b6a1_a67d_4fbd_adfe_342e13e23044_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_9fa3b6a1_a67d_4fbd_adfe_342e13e23044\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Schleswig-Holstein","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Schleswig-Holstein (German: [ˌʃleːsvɪç ˈhɔlʃtaɪn] ; Danish: Slesvig-Holsten [ˌsle̝ːsvi ˈhʌlˌste̝ˀn]; Low German: Sleswig-Holsteen; North Frisian: Slaswik-Holstiinj; occasionally in English Sleswick-Holsatia) is the northernmost of the 16 states of Germany, comprising most of the historical Duchy of Holstein and the southern part of the former Duchy of Schleswig. Its capital city is Kiel; other notable cities are Lübeck and Flensburg. It covers an area of 15,763 km² (6,086 sq mi), making it the 5th smallest German federal state by area (including the city-states). Historically, the name can also refer to a larger region, containing both present-day Schleswig-Holstein and the former South Jutland County (Northern Schleswig; now part of the Region of Southern Denmark) in Denmark. "]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"030f00eb59b82d50c4efd86b53fff0a2"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-a2cf683818c8d2738134","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-a2cf683818c8d2738134"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_c8f2ccdd_4e90_4361_a66c_0a239a147707' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_c8f2ccdd_4e90_4361_a66c_0a239a147707_defs'>\\n  <clipPath id='svg_c8f2ccdd_4e90_4361_a66c_0a239a147707_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_c8f2ccdd_4e90_4361_a66c_0a239a147707_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_c8f2ccdd_4e90_4361_a66c_0a239a147707_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_c8f2ccdd_4e90_4361_a66c_0a239a147707_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_c8f2ccdd_4e90_4361_a66c_0a239a147707_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_c8f2ccdd_4e90_4361_a66c_0a239a147707\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Thuringia","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Thuringia, officially the Free State of Thuringia, is one of Germany's 16 states with 2.1 million people, its 12th-largest by population, and with 16,171 square kilometers, its 11th-largest in area."]}]}]}],"width":100},{"id":"state","name":"state","type":"character","header":"State","footer":"Deutschland","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":125},{"id":"capital","name":"capital","type":"character","header":"Capital","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":115},{"id":"most_populous_city","name":"most_populous_city","type":"character","header":"Most Populous City","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":160},{"id":"federal_assembly_votes","name":"federal_assembly_votes","type":"numeric","header":"Bundesrat Votes","footer":"69","align":"center","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#5682B1FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"44.4444444444444px","width":"44.4444444444444px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["5"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]}],"width":140},{"id":"area_km2","name":"area_km2","type":"numeric","header":"Area","footer":"357,588 km²","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["35,748 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.99697976442162%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["70,542 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"19.7271720527534%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["891 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.249169435215947%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["29,654 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"8.29278387417922%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["420 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.117453605825699%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["755 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.211136839043816%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["21,116 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.90511985860823%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["23,295 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"6.51448035168965%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["47,710 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"13.3421703189145%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["34,112 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.53947000458628%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["19,858 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.55331834401602%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2,571 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.718983858518742%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["18,450 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.15956911305748%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["20,459 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.72138886092374%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["15,804 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.41961139635558%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["16,202 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.53091267044755%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"pop_million","name":"pop_million","type":"numeric","header":"in millions","footer":"84.36","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["11.28"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"13.3714245071658%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["13.37"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"15.8477459429344%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["3.76"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.4512144525184%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.57"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.05005986320369%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["0.68"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.812005832217072%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1.89"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.24279567088277%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["6.39"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.57595514408658%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1.63"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.92984743773634%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["8.14"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.64923718868171%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["18.14"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"21.5021515191029%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4.16"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.93012008203037%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["0.99"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.17711210422124%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4.09"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.84358515392549%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.19"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.59249161322443%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.95"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.50051565333871%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.13"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.52136701478206%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"pop_per_km2","name":"pop_per_km2","type":"numeric","header":"per km²","footer":"236","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["316"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.50593824228029%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["190"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.51306413301663%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4,210"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"100%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["87"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.06650831353919%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1,633"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"38.7885985748219%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2,506"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"59.5249406175772%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["303"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.19714964370546%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["70"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.66270783847981%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["171"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.06175771971497%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["532"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"12.6365795724466%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["209"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.96437054631829%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["386"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.1686460807601%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["221"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.24940617577197%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["107"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.541567695962%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["187"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.44180522565321%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["132"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.1353919239905%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"gdp","name":"gdp","type":"list","header":{"name":"div","attribs":{},"children":["GDP ",{"name":"span","attribs":{"style":{"font-size":"0.75rem"}},"children":["(Index 2015 = 100)"]}]},"footer":{"name":"WidgetContainer","attribs":{"key":"58a5c150ad0619d818918638dd09c776"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-65a83a7b3490d8dac628","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-65a83a7b3490d8dac628"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_9ef3b6ef_2657_49ed_80ee_55a365d0c527' viewBox='0 0 1152 648'>\\n <defs id='svg_9ef3b6ef_2657_49ed_80ee_55a365d0c527_defs'>\\n  <clipPath id='svg_9ef3b6ef_2657_49ed_80ee_55a365d0c527_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_9ef3b6ef_2657_49ed_80ee_55a365d0c527_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_9ef3b6ef_2657_49ed_80ee_55a365d0c527_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,393.32 501.19,375.08 650.81,355.01 800.42,426.16 950.03,376.91 1099.64,342.24 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,393.32 501.19,375.08 650.81,355.01 800.42,426.16 950.03,376.91 1099.64,342.24' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,393.32 501.19,375.08 650.81,355.01 800.42,426.16 950.03,376.91 1099.64,342.24' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_9ef3b6ef_2657_49ed_80ee_55a365d0c527_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_9ef3b6ef_2657_49ed_80ee_55a365d0c527_e2' cx='351.58' cy='393.32' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_9ef3b6ef_2657_49ed_80ee_55a365d0c527_e3' cx='501.19' cy='375.08' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.95%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_9ef3b6ef_2657_49ed_80ee_55a365d0c527_e4' cx='650.81' cy='355.01' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.04%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_9ef3b6ef_2657_49ed_80ee_55a365d0c527_e5' cx='800.42' cy='426.16' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.64%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_9ef3b6ef_2657_49ed_80ee_55a365d0c527_e6' cx='950.03' cy='376.91' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.62%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_9ef3b6ef_2657_49ed_80ee_55a365d0c527_e7' cx='1099.64' cy='342.24' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.79%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_9ef3b6ef_2657_49ed_80ee_55a365d0c527\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},"align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"WidgetContainer","attribs":{"key":"b536ae1aec57bfa8c02ef91ba35251b8"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-baaa4cdef1fd8d830d2a","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-baaa4cdef1fd8d830d2a"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_e541dd8f_b6a1_4b98_a1f8_9d6f646b937d' viewBox='0 0 1152 648'>\\n <defs id='svg_e541dd8f_b6a1_4b98_a1f8_9d6f646b937d_defs'>\\n  <clipPath id='svg_e541dd8f_b6a1_4b98_a1f8_9d6f646b937d_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_e541dd8f_b6a1_4b98_a1f8_9d6f646b937d_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_e541dd8f_b6a1_4b98_a1f8_9d6f646b937d_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_e541dd8f_b6a1_4b98_a1f8_9d6f646b937d_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e541dd8f_b6a1_4b98_a1f8_9d6f646b937d_e2' cx='351.58' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104.7&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e541dd8f_b6a1_4b98_a1f8_9d6f646b937d_e3' cx='501.19' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.20%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e541dd8f_b6a1_4b98_a1f8_9d6f646b937d_e4' cx='650.81' cy='364.14' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.37%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e541dd8f_b6a1_4b98_a1f8_9d6f646b937d_e5' cx='800.42' cy='457.18' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.78%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e541dd8f_b6a1_4b98_a1f8_9d6f646b937d_e6' cx='950.03' cy='396.97' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.25%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e541dd8f_b6a1_4b98_a1f8_9d6f646b937d_e7' cx='1099.64' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.34%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_e541dd8f_b6a1_4b98_a1f8_9d6f646b937d\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"b5c4d2ed0b58f4c2db312e7d4971a3d0"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-12c65412eea4e26842be","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-12c65412eea4e26842be"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_a1304f90_eaca_4ce2_bfa5_db5e0d5e6954' viewBox='0 0 1152 648'>\\n <defs id='svg_a1304f90_eaca_4ce2_bfa5_db5e0d5e6954_defs'>\\n  <clipPath id='svg_a1304f90_eaca_4ce2_bfa5_db5e0d5e6954_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_a1304f90_eaca_4ce2_bfa5_db5e0d5e6954_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_a1304f90_eaca_4ce2_bfa5_db5e0d5e6954_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,369.61 501.19,362.31 650.81,327.65 800.42,400.62 950.03,347.72 1099.64,305.76 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,369.61 501.19,362.31 650.81,327.65 800.42,400.62 950.03,347.72 1099.64,305.76' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,369.61 501.19,362.31 650.81,327.65 800.42,400.62 950.03,347.72 1099.64,305.76' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_a1304f90_eaca_4ce2_bfa5_db5e0d5e6954_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_a1304f90_eaca_4ce2_bfa5_db5e0d5e6954_e2' cx='351.58' cy='369.61' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;106.3&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_a1304f90_eaca_4ce2_bfa5_db5e0d5e6954_e3' cx='501.19' cy='362.31' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.38%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_a1304f90_eaca_4ce2_bfa5_db5e0d5e6954_e4' cx='650.81' cy='327.65' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.78%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_a1304f90_eaca_4ce2_bfa5_db5e0d5e6954_e5' cx='800.42' cy='400.62' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.68%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_a1304f90_eaca_4ce2_bfa5_db5e0d5e6954_e6' cx='950.03' cy='347.72' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.77%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_a1304f90_eaca_4ce2_bfa5_db5e0d5e6954_e7' cx='1099.64' cy='305.76' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    109.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.14%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_a1304f90_eaca_4ce2_bfa5_db5e0d5e6954\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"3d15bc027e439f57700a44ed4aeea745"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-78dcdf4b735eee1c50d5","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-78dcdf4b735eee1c50d5"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_dc551384_0835_41a7_aa08_3643fa0b9339' viewBox='0 0 1152 648'>\\n <defs id='svg_dc551384_0835_41a7_aa08_3643fa0b9339_defs'>\\n  <clipPath id='svg_dc551384_0835_41a7_aa08_3643fa0b9339_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_dc551384_0835_41a7_aa08_3643fa0b9339_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_dc551384_0835_41a7_aa08_3643fa0b9339_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,309.41 501.19,238.26 650.81,178.05 800.42,225.49 950.03,159.81 1099.64,54.00 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,309.41 501.19,238.26 650.81,178.05 800.42,225.49 950.03,159.81 1099.64,54.00' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,309.41 501.19,238.26 650.81,178.05 800.42,225.49 950.03,159.81 1099.64,54.00' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_dc551384_0835_41a7_aa08_3643fa0b9339_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_dc551384_0835_41a7_aa08_3643fa0b9339_e2' cx='351.58' cy='309.41' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;109.6&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_dc551384_0835_41a7_aa08_3643fa0b9339_e3' cx='501.19' cy='238.26' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    113.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.56%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_dc551384_0835_41a7_aa08_3643fa0b9339_e4' cx='650.81' cy='178.05' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    116.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.91%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_dc551384_0835_41a7_aa08_3643fa0b9339_e5' cx='800.42' cy='225.49' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    114.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-2.23%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_dc551384_0835_41a7_aa08_3643fa0b9339_e6' cx='950.03' cy='159.81' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    117.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.15%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_dc551384_0835_41a7_aa08_3643fa0b9339_e7' cx='1099.64' cy='54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    123.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;4.92%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_dc551384_0835_41a7_aa08_3643fa0b9339\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"e355627faf14a0c2638dd591301ec070"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-e1874c7d725f726f3a0b","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-e1874c7d725f726f3a0b"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_e5bd5d13_2a3a_4a28_82c4_dcda22f7cb61' viewBox='0 0 1152 648'>\\n <defs id='svg_e5bd5d13_2a3a_4a28_82c4_dcda22f7cb61_defs'>\\n  <clipPath id='svg_e5bd5d13_2a3a_4a28_82c4_dcda22f7cb61_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_e5bd5d13_2a3a_4a28_82c4_dcda22f7cb61_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_e5bd5d13_2a3a_4a28_82c4_dcda22f7cb61_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,398.80 501.19,389.68 650.81,356.84 800.42,400.62 950.03,353.19 1099.64,289.34 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,398.80 501.19,389.68 650.81,356.84 800.42,400.62 950.03,353.19 1099.64,289.34' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,398.80 501.19,389.68 650.81,356.84 800.42,400.62 950.03,353.19 1099.64,289.34' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_e5bd5d13_2a3a_4a28_82c4_dcda22f7cb61_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e5bd5d13_2a3a_4a28_82c4_dcda22f7cb61_e2' cx='351.58' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104.7&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e5bd5d13_2a3a_4a28_82c4_dcda22f7cb61_e3' cx='501.19' cy='389.68' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e5bd5d13_2a3a_4a28_82c4_dcda22f7cb61_e4' cx='650.81' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.71%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e5bd5d13_2a3a_4a28_82c4_dcda22f7cb61_e5' cx='800.42' cy='400.62' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-2.24%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e5bd5d13_2a3a_4a28_82c4_dcda22f7cb61_e6' cx='950.03' cy='353.19' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e5bd5d13_2a3a_4a28_82c4_dcda22f7cb61_e7' cx='1099.64' cy='289.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    110.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.26%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_e5bd5d13_2a3a_4a28_82c4_dcda22f7cb61\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"6e88e28d7cbfeee48556175dafd9c473"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-a527e8854900c5be3128","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-a527e8854900c5be3128"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_3183b1a4_86fc_4708_b0e6_315ed8da158c' viewBox='0 0 1152 648'>\\n <defs id='svg_3183b1a4_86fc_4708_b0e6_315ed8da158c_defs'>\\n  <clipPath id='svg_3183b1a4_86fc_4708_b0e6_315ed8da158c_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_3183b1a4_86fc_4708_b0e6_315ed8da158c_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_3183b1a4_86fc_4708_b0e6_315ed8da158c_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,457.18 800.42,550.22 950.03,442.58 1099.64,347.72 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,457.18 800.42,550.22 950.03,442.58 1099.64,347.72' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,424.34 501.19,429.81 650.81,457.18 800.42,550.22 950.03,442.58 1099.64,347.72' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_3183b1a4_86fc_4708_b0e6_315ed8da158c_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3183b1a4_86fc_4708_b0e6_315ed8da158c_e2' cx='351.58' cy='424.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;103.3&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3183b1a4_86fc_4708_b0e6_315ed8da158c_e3' cx='501.19' cy='429.81' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.29%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3183b1a4_86fc_4708_b0e6_315ed8da158c_e4' cx='650.81' cy='457.18' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.46%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3183b1a4_86fc_4708_b0e6_315ed8da158c_e5' cx='800.42' cy='550.22' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    96.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-5.02%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3183b1a4_86fc_4708_b0e6_315ed8da158c_e6' cx='950.03' cy='442.58' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;6.12%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3183b1a4_86fc_4708_b0e6_315ed8da158c_e7' cx='1099.64' cy='347.72' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;5.08%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_3183b1a4_86fc_4708_b0e6_315ed8da158c\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"972f2521eb7ab6c87183a3bb24ab6959"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-265916fd59eccd1857ed","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-265916fd59eccd1857ed"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_fb7dc9ba_7cb0_45ff_a593_ea73da015742' viewBox='0 0 1152 648'>\\n <defs id='svg_fb7dc9ba_7cb0_45ff_a593_ea73da015742_defs'>\\n  <clipPath id='svg_fb7dc9ba_7cb0_45ff_a593_ea73da015742_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_fb7dc9ba_7cb0_45ff_a593_ea73da015742_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_fb7dc9ba_7cb0_45ff_a593_ea73da015742_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,411.57 501.19,415.22 650.81,355.01 800.42,448.05 950.03,378.73 1099.64,292.99 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,411.57 501.19,415.22 650.81,355.01 800.42,448.05 950.03,378.73 1099.64,292.99' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,411.57 501.19,415.22 650.81,355.01 800.42,448.05 950.03,378.73 1099.64,292.99' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_fb7dc9ba_7cb0_45ff_a593_ea73da015742_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_fb7dc9ba_7cb0_45ff_a593_ea73da015742_e2' cx='351.58' cy='411.57' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_fb7dc9ba_7cb0_45ff_a593_ea73da015742_e3' cx='501.19' cy='415.22' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.19%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_fb7dc9ba_7cb0_45ff_a593_ea73da015742_e4' cx='650.81' cy='355.01' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.18%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_fb7dc9ba_7cb0_45ff_a593_ea73da015742_e5' cx='800.42' cy='448.05' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.76%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_fb7dc9ba_7cb0_45ff_a593_ea73da015742_e6' cx='950.03' cy='378.73' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.73%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_fb7dc9ba_7cb0_45ff_a593_ea73da015742_e7' cx='1099.64' cy='292.99' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    110.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;4.44%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_fb7dc9ba_7cb0_45ff_a593_ea73da015742\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"ecc26296f31da2df0de8411b1f33b223"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-b0666a750ec4b2a0680b","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-b0666a750ec4b2a0680b"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_481977ad_4450_4ebd_b915_73daef7466a6' viewBox='0 0 1152 648'>\\n <defs id='svg_481977ad_4450_4ebd_b915_73daef7466a6_defs'>\\n  <clipPath id='svg_481977ad_4450_4ebd_b915_73daef7466a6_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_481977ad_4450_4ebd_b915_73daef7466a6_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_481977ad_4450_4ebd_b915_73daef7466a6_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,393.32 501.19,384.20 650.81,355.01 800.42,448.05 950.03,402.45 1099.64,371.43 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,393.32 501.19,384.20 650.81,355.01 800.42,448.05 950.03,402.45 1099.64,371.43' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,393.32 501.19,384.20 650.81,355.01 800.42,448.05 950.03,402.45 1099.64,371.43' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_481977ad_4450_4ebd_b915_73daef7466a6_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_481977ad_4450_4ebd_b915_73daef7466a6_e2' cx='351.58' cy='393.32' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_481977ad_4450_4ebd_b915_73daef7466a6_e3' cx='501.19' cy='384.2' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_481977ad_4450_4ebd_b915_73daef7466a6_e4' cx='650.81' cy='355.01' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.52%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_481977ad_4450_4ebd_b915_73daef7466a6_e5' cx='800.42' cy='448.05' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.76%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_481977ad_4450_4ebd_b915_73daef7466a6_e6' cx='950.03' cy='402.45' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.45%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_481977ad_4450_4ebd_b915_73daef7466a6_e7' cx='1099.64' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.63%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_481977ad_4450_4ebd_b915_73daef7466a6\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"071ad27fb2da147b8c6ac608fa174ae7"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-e45cebc7f8373fbf7415","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-e45cebc7f8373fbf7415"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_4c952dad_efce_4394_9fdf_5b52845133f5' viewBox='0 0 1152 648'>\\n <defs id='svg_4c952dad_efce_4394_9fdf_5b52845133f5_defs'>\\n  <clipPath id='svg_4c952dad_efce_4394_9fdf_5b52845133f5_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_4c952dad_efce_4394_9fdf_5b52845133f5_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_4c952dad_efce_4394_9fdf_5b52845133f5_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,378.73 501.19,415.22 650.81,333.12 800.42,398.80 950.03,353.19 1099.64,349.54 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,378.73 501.19,415.22 650.81,333.12 800.42,398.80 950.03,353.19 1099.64,349.54' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,378.73 501.19,415.22 650.81,333.12 800.42,398.80 950.03,353.19 1099.64,349.54' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_4c952dad_efce_4394_9fdf_5b52845133f5_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_4c952dad_efce_4394_9fdf_5b52845133f5_e2' cx='351.58' cy='378.73' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105.8&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_4c952dad_efce_4394_9fdf_5b52845133f5_e3' cx='501.19' cy='415.22' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.89%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_4c952dad_efce_4394_9fdf_5b52845133f5_e4' cx='650.81' cy='333.12' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;4.34%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_4c952dad_efce_4394_9fdf_5b52845133f5_e5' cx='800.42' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.32%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_4c952dad_efce_4394_9fdf_5b52845133f5_e6' cx='950.03' cy='353.19' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.39%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_4c952dad_efce_4394_9fdf_5b52845133f5_e7' cx='1099.64' cy='349.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.19%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_4c952dad_efce_4394_9fdf_5b52845133f5\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"d53068c6dc9f35d231e1f70e7dfbb7e7"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-d097763fc3894eaeab4a","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-d097763fc3894eaeab4a"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_347d17da_0675_4c6e_b434_14970968955d' viewBox='0 0 1152 648'>\\n <defs id='svg_347d17da_0675_4c6e_b434_14970968955d_defs'>\\n  <clipPath id='svg_347d17da_0675_4c6e_b434_14970968955d_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_347d17da_0675_4c6e_b434_14970968955d_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_347d17da_0675_4c6e_b434_14970968955d_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,358.66 501.19,333.12 650.81,291.16 800.42,371.43 950.03,356.84 1099.64,334.95 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,358.66 501.19,333.12 650.81,291.16 800.42,371.43 950.03,356.84 1099.64,334.95' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,358.66 501.19,333.12 650.81,291.16 800.42,371.43 950.03,356.84 1099.64,334.95' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_347d17da_0675_4c6e_b434_14970968955d_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_347d17da_0675_4c6e_b434_14970968955d_e2' cx='351.58' cy='358.66' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;106.9&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_347d17da_0675_4c6e_b434_14970968955d_e3' cx='501.19' cy='333.12' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.31%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_347d17da_0675_4c6e_b434_14970968955d_e4' cx='650.81' cy='291.16' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    110.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.12%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_347d17da_0675_4c6e_b434_14970968955d_e5' cx='800.42' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.98%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_347d17da_0675_4c6e_b434_14970968955d_e6' cx='950.03' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.75%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_347d17da_0675_4c6e_b434_14970968955d_e7' cx='1099.64' cy='334.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.12%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_347d17da_0675_4c6e_b434_14970968955d\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"174ba3ea9dce5f8b0db275c66b2516dd"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-31158979788e17ed51f1","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-31158979788e17ed51f1"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_fc3b1508_39fb_4e51_b404_33630d36469d' viewBox='0 0 1152 648'>\\n <defs id='svg_fc3b1508_39fb_4e51_b404_33630d36469d_defs'>\\n  <clipPath id='svg_fc3b1508_39fb_4e51_b404_33630d36469d_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_fc3b1508_39fb_4e51_b404_33630d36469d_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_fc3b1508_39fb_4e51_b404_33630d36469d_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,417.04 501.19,391.50 650.81,391.50 800.42,451.70 950.03,418.86 1099.64,398.80 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,417.04 501.19,391.50 650.81,391.50 800.42,451.70 950.03,418.86 1099.64,398.80' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,417.04 501.19,391.50 650.81,391.50 800.42,451.70 950.03,418.86 1099.64,398.80' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_fc3b1508_39fb_4e51_b404_33630d36469d_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_fc3b1508_39fb_4e51_b404_33630d36469d_e2' cx='351.58' cy='417.04' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;103.7&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_fc3b1508_39fb_4e51_b404_33630d36469d_e3' cx='501.19' cy='391.5' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.35%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_fc3b1508_39fb_4e51_b404_33630d36469d_e4' cx='650.81' cy='391.5' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.00%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_fc3b1508_39fb_4e51_b404_33630d36469d_e5' cx='800.42' cy='451.7' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.14%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_fc3b1508_39fb_4e51_b404_33630d36469d_e6' cx='950.03' cy='418.86' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.77%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_fc3b1508_39fb_4e51_b404_33630d36469d_e7' cx='1099.64' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.06%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_fc3b1508_39fb_4e51_b404_33630d36469d\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"8552ea66f81409689d27ee40aa64309f"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-22a3dd86901be2a2fcdc","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-22a3dd86901be2a2fcdc"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_d3bc2ba5_fb57_4094_8901_d974922d3f41' viewBox='0 0 1152 648'>\\n <defs id='svg_d3bc2ba5_fb57_4094_8901_d974922d3f41_defs'>\\n  <clipPath id='svg_d3bc2ba5_fb57_4094_8901_d974922d3f41_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_d3bc2ba5_fb57_4094_8901_d974922d3f41_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_d3bc2ba5_fb57_4094_8901_d974922d3f41_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,438.93 501.19,437.11 650.81,427.99 800.42,493.66 950.03,334.95 1099.64,340.42 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,438.93 501.19,437.11 650.81,427.99 800.42,493.66 950.03,334.95 1099.64,340.42' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,438.93 501.19,437.11 650.81,427.99 800.42,493.66 950.03,334.95 1099.64,340.42' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_d3bc2ba5_fb57_4094_8901_d974922d3f41_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d3bc2ba5_fb57_4094_8901_d974922d3f41_e2' cx='351.58' cy='438.93' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;102.5&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d3bc2ba5_fb57_4094_8901_d974922d3f41_e3' cx='501.19' cy='437.11' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.10%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d3bc2ba5_fb57_4094_8901_d974922d3f41_e4' cx='650.81' cy='427.99' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d3bc2ba5_fb57_4094_8901_d974922d3f41_e5' cx='800.42' cy='493.66' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    99.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d3bc2ba5_fb57_4094_8901_d974922d3f41_e6' cx='950.03' cy='334.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;8.74%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d3bc2ba5_fb57_4094_8901_d974922d3f41_e7' cx='1099.64' cy='340.42' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.28%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_d3bc2ba5_fb57_4094_8901_d974922d3f41\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"699ebd7cc59d6928f93d656e6c16fd1d"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-f3ee76e19be5aabd7d3e","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-f3ee76e19be5aabd7d3e"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_fafdca01_e7ce_4cb8_8970_7e587105f76c' viewBox='0 0 1152 648'>\\n <defs id='svg_fafdca01_e7ce_4cb8_8970_7e587105f76c_defs'>\\n  <clipPath id='svg_fafdca01_e7ce_4cb8_8970_7e587105f76c_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_fafdca01_e7ce_4cb8_8970_7e587105f76c_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_fafdca01_e7ce_4cb8_8970_7e587105f76c_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,459.00 501.19,469.95 650.81,506.43 800.42,594.00 950.03,572.11 1099.64,542.92 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,459.00 501.19,469.95 650.81,506.43 800.42,594.00 950.03,572.11 1099.64,542.92' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,459.00 501.19,469.95 650.81,506.43 800.42,594.00 950.03,572.11 1099.64,542.92' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_fafdca01_e7ce_4cb8_8970_7e587105f76c_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_fafdca01_e7ce_4cb8_8970_7e587105f76c_e2' cx='351.58' cy='459' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;101.4&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_fafdca01_e7ce_4cb8_8970_7e587105f76c_e3' cx='501.19' cy='469.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    100.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.59%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_fafdca01_e7ce_4cb8_8970_7e587105f76c_e4' cx='650.81' cy='506.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    98.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.98%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_fafdca01_e7ce_4cb8_8970_7e587105f76c_e5' cx='800.42' cy='594' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    94&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.86%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_fafdca01_e7ce_4cb8_8970_7e587105f76c_e6' cx='950.03' cy='572.11' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    95.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.28%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_fafdca01_e7ce_4cb8_8970_7e587105f76c_e7' cx='1099.64' cy='542.92' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    96.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.68%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_fafdca01_e7ce_4cb8_8970_7e587105f76c\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"5939f8c12cba75c70bd1b9a921ea90a6"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-9b47877da16c4691c776","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-9b47877da16c4691c776"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_6d687f72_3111_4af2_b762_4346242a37e2' viewBox='0 0 1152 648'>\\n <defs id='svg_6d687f72_3111_4af2_b762_4346242a37e2_defs'>\\n  <clipPath id='svg_6d687f72_3111_4af2_b762_4346242a37e2_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_6d687f72_3111_4af2_b762_4346242a37e2_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_6d687f72_3111_4af2_b762_4346242a37e2_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,409.74 501.19,395.15 650.81,367.78 800.42,435.28 950.03,400.62 1099.64,349.54 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,409.74 501.19,395.15 650.81,367.78 800.42,435.28 950.03,400.62 1099.64,349.54' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,409.74 501.19,395.15 650.81,367.78 800.42,435.28 950.03,400.62 1099.64,349.54' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_6d687f72_3111_4af2_b762_4346242a37e2_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_6d687f72_3111_4af2_b762_4346242a37e2_e2' cx='351.58' cy='409.74' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104.1&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_6d687f72_3111_4af2_b762_4346242a37e2_e3' cx='501.19' cy='395.15' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.77%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_6d687f72_3111_4af2_b762_4346242a37e2_e4' cx='650.81' cy='367.78' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.43%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_6d687f72_3111_4af2_b762_4346242a37e2_e5' cx='800.42' cy='435.28' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_6d687f72_3111_4af2_b762_4346242a37e2_e6' cx='950.03' cy='400.62' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.85%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_6d687f72_3111_4af2_b762_4346242a37e2_e7' cx='1099.64' cy='349.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.68%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_6d687f72_3111_4af2_b762_4346242a37e2\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"9fd59071246ee37cb72d2a6a2d283814"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-03fef06d394d7576218c","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-03fef06d394d7576218c"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_952114c4_31a0_443b_afdc_bdf05a0b6a5b' viewBox='0 0 1152 648'>\\n <defs id='svg_952114c4_31a0_443b_afdc_bdf05a0b6a5b_defs'>\\n  <clipPath id='svg_952114c4_31a0_443b_afdc_bdf05a0b6a5b_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_952114c4_31a0_443b_afdc_bdf05a0b6a5b_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_952114c4_31a0_443b_afdc_bdf05a0b6a5b_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,437.11 501.19,446.23 650.81,417.04 800.42,460.82 950.03,418.86 1099.64,369.61 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,437.11 501.19,446.23 650.81,417.04 800.42,460.82 950.03,418.86 1099.64,369.61' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,437.11 501.19,446.23 650.81,417.04 800.42,460.82 950.03,418.86 1099.64,369.61' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_952114c4_31a0_443b_afdc_bdf05a0b6a5b_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_952114c4_31a0_443b_afdc_bdf05a0b6a5b_e2' cx='351.58' cy='437.11' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;102.6&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_952114c4_31a0_443b_afdc_bdf05a0b6a5b_e3' cx='501.19' cy='446.23' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_952114c4_31a0_443b_afdc_bdf05a0b6a5b_e4' cx='650.81' cy='417.04' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.57%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_952114c4_31a0_443b_afdc_bdf05a0b6a5b_e5' cx='800.42' cy='460.82' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-2.31%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_952114c4_31a0_443b_afdc_bdf05a0b6a5b_e6' cx='950.03' cy='418.86' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.27%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_952114c4_31a0_443b_afdc_bdf05a0b6a5b_e7' cx='1099.64' cy='369.61' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.61%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_952114c4_31a0_443b_afdc_bdf05a0b6a5b\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"e87b18123c2a7b22e8782178e7ad1c4b"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-76c77274fb2733426591","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-76c77274fb2733426591"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_413e9ec8_3c07_46e6_8306_9cc012f282be' viewBox='0 0 1152 648'>\\n <defs id='svg_413e9ec8_3c07_46e6_8306_9cc012f282be_defs'>\\n  <clipPath id='svg_413e9ec8_3c07_46e6_8306_9cc012f282be_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_413e9ec8_3c07_46e6_8306_9cc012f282be_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_413e9ec8_3c07_46e6_8306_9cc012f282be_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,389.68 501.19,380.55 650.81,334.95 800.42,367.78 950.03,344.07 1099.64,318.53 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,389.68 501.19,380.55 650.81,334.95 800.42,367.78 950.03,344.07 1099.64,318.53' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,389.68 501.19,380.55 650.81,334.95 800.42,367.78 950.03,344.07 1099.64,318.53' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_413e9ec8_3c07_46e6_8306_9cc012f282be_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_413e9ec8_3c07_46e6_8306_9cc012f282be_e2' cx='351.58' cy='389.68' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105.2&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_413e9ec8_3c07_46e6_8306_9cc012f282be_e3' cx='501.19' cy='380.55' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_413e9ec8_3c07_46e6_8306_9cc012f282be_e4' cx='650.81' cy='334.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.37%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_413e9ec8_3c07_46e6_8306_9cc012f282be_e5' cx='800.42' cy='367.78' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.66%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_413e9ec8_3c07_46e6_8306_9cc012f282be_e6' cx='950.03' cy='344.07' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.22%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_413e9ec8_3c07_46e6_8306_9cc012f282be_e7' cx='1099.64' cy='318.53' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    109.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.30%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_413e9ec8_3c07_46e6_8306_9cc012f282be\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"80fefa73cb89a5b0431643bafdbf519d"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-41c9c68c37d5a63976d9","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-41c9c68c37d5a63976d9"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_c2ea801b_6600_4933_8117_3a26d8f9ddd7' viewBox='0 0 1152 648'>\\n <defs id='svg_c2ea801b_6600_4933_8117_3a26d8f9ddd7_defs'>\\n  <clipPath id='svg_c2ea801b_6600_4933_8117_3a26d8f9ddd7_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_c2ea801b_6600_4933_8117_3a26d8f9ddd7_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_c2ea801b_6600_4933_8117_3a26d8f9ddd7_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,431.64 800.42,488.19 950.03,451.70 1099.64,424.34 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,431.64 800.42,488.19 950.03,451.70 1099.64,424.34' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,424.34 501.19,429.81 650.81,431.64 800.42,488.19 950.03,451.70 1099.64,424.34' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_c2ea801b_6600_4933_8117_3a26d8f9ddd7_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c2ea801b_6600_4933_8117_3a26d8f9ddd7_e2' cx='351.58' cy='424.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;103.3&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c2ea801b_6600_4933_8117_3a26d8f9ddd7_e3' cx='501.19' cy='429.81' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.29%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c2ea801b_6600_4933_8117_3a26d8f9ddd7_e4' cx='650.81' cy='431.64' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.10%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c2ea801b_6600_4933_8117_3a26d8f9ddd7_e5' cx='800.42' cy='488.19' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    99.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.01%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c2ea801b_6600_4933_8117_3a26d8f9ddd7_e6' cx='950.03' cy='451.7' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.00%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c2ea801b_6600_4933_8117_3a26d8f9ddd7_e7' cx='1099.64' cy='424.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.47%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_c2ea801b_6600_4933_8117_3a26d8f9ddd7\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}],"width":160}],"columnGroups":[{"name":"Population","columns":["pop_million","pop_per_km2"]}],"pagination":false,"style":{"font-family":"\"Source Sans Pro\", sans-serif"},"dataKey":"1bb7d343deee097b85a44b02375039c5"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
</div>
<p>To do so, we’ll proceed in two steps:</p>
<ol type="1">
<li>We’ll web-scrape the data for this table from the Internet using <code>{rvest}</code>.</li>
<li>We’ll put everything into a nice table using <code>{reactable}</code>.</li>
</ol>
<p>As always, you can find the video version of this blog post on YouTube:</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/vU57vSbS-PY" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/h9mMo8lctB8" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<section id="scraping-cleaning-tables-and-texts-from-the-internet" class="level2">
<h2 class="anchored" data-anchor-id="scraping-cleaning-tables-and-texts-from-the-internet">Scraping &amp; cleaning tables and texts from the Internet</h2>
<p>In this first part, we’re going to learn how to get the source data for our table. After that’s done, we’ll wrap that data into a nice package</p>
<section id="scraping-a-table-from-wikipedia" class="level3">
<h3 class="anchored" data-anchor-id="scraping-a-table-from-wikipedia">Scraping a table from Wikipedia</h3>
<p>Extracting tables from Wikipedia is really easy. All you have to do is to pass a link to <code>read_html()</code> and <code>html_table()</code> from the <code>{rvest}</code> package. The only tricky thing: Make sure that you specify what decimal number indicator the website uses. On English sites this will likely be <code>.</code> (and that’s the default auf <code>html_table()</code>) but for German information, we will need <code>,</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb2" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb2-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(tidyverse)</span>
<span id="cb2-2"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(rvest)</span>
<span id="cb2-3"></span>
<span id="cb2-4">url_wiki <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://de.wikipedia.org/wiki/Land_(Deutschland)#Rahmendaten_der_L%C3%A4nder'</span></span>
<span id="cb2-5"></span>
<span id="cb2-6">html_tables <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">read_html</span>(url_wiki) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb2-7">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">html_table</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">dec =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">','</span>)</span>
<span id="cb2-8"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">glimpse</span>(html_tables)</span>
<span id="cb2-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## List of 6</span></span>
<span id="cb2-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  $ : tibble [17 × 14] (S3: tbl_df/tbl/data.frame)</span></span>
<span id="cb2-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Wappen                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      : logi [1:17] NA NA NA NA NA NA ...</span></span>
<span id="cb2-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Land                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        : chr [1:17] "Baden-Württemberg" "Bayern" "Berlin" "Brandenburg" ...</span></span>
<span id="cb2-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Abk.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        : chr [1:17] "BW" "BY" "BE" "BB" ...</span></span>
<span id="cb2-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Haupt­stadt                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 : chr [1:17] "Stuttgart" "München" "—" "Potsdam" ...</span></span>
<span id="cb2-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ bevöl­kerungs-reichste Stadt.mw-parser-output .fussnoten-marke{font-size:0.75rem;font-style:normal;font-variant:normal;font-weight:normal;unicode-bidi:isolate;white-space:nowrap}.mw-parser-output .fussnoten-marke.reference,.mw-parser-output span.fussnoten-inhalt{padding-left:0.1rem}.mw-parser-output .fussnoten-marke.reference~.fussnoten-marke.reference,.mw-parser-output span.fussnoten-inhalt~span.fussnoten-inhalt{padding-left:0.15rem}.mw-parser-output .fussnoten-block{margin-bottom:0.1rem}.mw-parser-output div.fussnoten-inhalt{display:inline-block;padding-left:0.8rem;text-indent:-0.8rem}.mw-parser-output div.fussnoten-inhalt p,.mw-parser-output div.fussnoten-inhalt dl,.mw-parser-output div.fussnoten-inhalt ol,.mw-parser-output div.fussnoten-inhalt ul{text-indent:0}.mw-parser-output div.fussnoten-inhalt.fussnoten-floatfix{display:block}.mw-parser-output .fussnoten-box{margin-top:0.5rem;padding-left:0.8rem}.mw-parser-output .fussnoten-box,.mw-parser-output div.fussnoten-inhalt{font-size:94%}.mw-parser-output .fussnoten-box div.fussnoten-inhalt,.mw-parser-output span.fussnoten-inhalt,.mw-parser-output .fussnoten-inhalt .reference-text{font-size:inherit}.mw-parser-output .fussnoten-inhalt .reference-text{display:inline}.mw-parser-output .fussnoten-linie{display:inline-block;position:relative;top:-1em;border-top:solid 1px #808080;width:8rem}.mw-parser-output .fussnoten-linie+p,.mw-parser-output .fussnoten-linie+dl,.mw-parser-output .fussnoten-linie+ol,.mw-parser-output .fussnoten-linie+ul,.mw-parser-output .fussnoten-linie+link+div{margin-top:-1em}.mw-parser-output .fussnoten-marke.reference:target,.mw-parser-output .fussnoten-inhalt:target{background-color:#eaf3ff;box-shadow:0 0 0 0.25em #eaf3ff}.mw-parser-output .fussnoten-marke.reference:target,.mw-parser-output .fussnoten-inhalt:target .fussnoten-marke{font-weight:bold}&nbsp;a: chr [1:17] "Stuttgart" "München" "—" "Potsdam" ...</span></span>
<span id="cb2-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Beitrittzum Bund                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            : chr [1:17] "1949/52[15]" "1949" "1990[16]" "1990" ...</span></span>
<span id="cb2-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Regierungs-chef                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             : chr [1:17] "Winfried Kretschmann (Grüne)" "Markus Söder (CSU)" "Kai Wegner (CDU)" "Dietmar Woidke (SPD)" ...</span></span>
<span id="cb2-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Regierungs-partei(en)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       : chr [1:17] "Grüne und CDU" "CSU und Freie Wähler" "CDU und SPD" "SPD und BSW" ...</span></span>
<span id="cb2-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bundes­rats-stimmen                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         : chr [1:17] "6" "6" "4" "4" ...</span></span>
<span id="cb2-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Fläche(km²)[13]                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             : chr [1:17] "35.748" "70.542" "891" "29.654" ...</span></span>
<span id="cb2-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Ein-wohner(Mio.)[13]                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        : num [1:17] 11.28 13.369 3.755 2.573 0.685 ...</span></span>
<span id="cb2-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Ein-wohnerje&nbsp;km²[13]                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        : chr [1:17] "316" "190" "4.210" "87" ...</span></span>
<span id="cb2-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Aus­länder(%)[14]                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           : num [1:17] 16.1 13.7 19.6 5.2 19 16.8 16.9 4.8 9.9 13.8 ...</span></span>
<span id="cb2-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Sprachen                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    : chr [1:17] "Deutsch" "Deutsch" "Deutsch" "Deutsch, Niedersorbisch, Niederdeutsch" ...</span></span>
<span id="cb2-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  $ : tibble [18 × 10] (S3: tbl_df/tbl/data.frame)</span></span>
<span id="cb2-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Wappen                                   : logi [1:18] NA NA NA NA NA NA ...</span></span>
<span id="cb2-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Land                                     : chr [1:18] "BW" "BY" "BE" "BB" ...</span></span>
<span id="cb2-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ BIP (2018)in Mrd. €[17]                  : chr [1:18] "511,4" "625,2" "147,1" "73,7" ...</span></span>
<span id="cb2-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Pro Kopf (2018)in €[17]                  : chr [1:18] "46.279" "47.946" "40.568" "29.411" ...</span></span>
<span id="cb2-30"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ EK/Kin €[18]                             : chr [1:18] "19.261" "18.775" "14.797" "14.634" ...</span></span>
<span id="cb2-31"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Schulden (2012)in Mrd.&nbsp;€[19]             : chr [1:18] "67,471" "42,794" "61,220" "21,336" ...</span></span>
<span id="cb2-32"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Pro Kopf (2012)in €[20]                  : chr [1:18] "6.255" "3.397" "17.482" "8.549" ...</span></span>
<span id="cb2-33"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Schulden (31. Dezember 2018)in Mrd. €[21]: chr [1:18] "44,009" "14,613" "54,403" "16,122" ...</span></span>
<span id="cb2-34"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Pro Kopf (31. Dezember 2018)in&nbsp;€[21]     : chr [1:18] "3.976" "1.117" "14.926" "6.418" ...</span></span>
<span id="cb2-35"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ AQ[22]                                   : chr [1:18] "3,9" "3,8" "9,8" "8,2" ...</span></span>
<span id="cb2-36"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  $ : tibble [4 × 4] (S3: tbl_df/tbl/data.frame)</span></span>
<span id="cb2-37"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ X1: chr [1:4] "Land Baden-WürttembergSeitenverhältnis: 3:5" "Freie Hansestadt Bremen2:3" "Land Niedersachsen2:3" "Freistaat Sachsen3:5"</span></span>
<span id="cb2-38"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ X2: chr [1:4] "Freistaat Bayern3:5" "Freie und Hansestadt Hamburg2:3" "Land Nordrhein-Westfalen3:5" "Land Sachsen-Anhalt3:5"</span></span>
<span id="cb2-39"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ X3: chr [1:4] "Land Berlin3:5" "Land Hessen3:5" "Land Rheinland-Pfalz2:3" "Land Schleswig-Holstein3:5"</span></span>
<span id="cb2-40"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ X4: chr [1:4] "Land Brandenburg3:5" "Land Mecklenburg-Vorpommern3:5" "Saarland3:5" "Freistaat Thüringen1:2"</span></span>
<span id="cb2-41"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  $ : tibble [8 × 3] (S3: tbl_df/tbl/data.frame)</span></span>
<span id="cb2-42"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Fläche in km²            : chr [1:8] "&gt;250.000" "50.000–100.000" "20.000–50.000" "10.000–20.000" ...</span></span>
<span id="cb2-43"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ WeimarerRepublik         : int [1:8] 1 1 0 5 2 3 3 4</span></span>
<span id="cb2-44"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ BundesrepublikDeutschland: int [1:8] 0 1 7 4 0 1 0 3</span></span>
<span id="cb2-45"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  $ : tibble [8 × 3] (S3: tbl_df/tbl/data.frame)</span></span>
<span id="cb2-46"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Einwohner (1925 bzw. 2018): chr [1:8] "&gt;30.000.000" "10.000.000–20.000.000" "5.000.000–10.000.000" "2.000.000–5.000.000" ...</span></span>
<span id="cb2-47"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ WeimarerRepublik          : int [1:8] 1 0 1 3 3 4 5 2</span></span>
<span id="cb2-48"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ BundesrepublikDeutschland : int [1:8] 0 3 2 7 2 2 0 0</span></span>
<span id="cb2-49"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  $ : tibble [2 × 3] (S3: tbl_df/tbl/data.frame)</span></span>
<span id="cb2-50"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ X1: chr [1:2] "Aktuelle Länder:" "Ehemalige Länder:"</span></span>
<span id="cb2-51"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ X2: chr [1:2] "Baden-Württemberg&nbsp;Baden-Württemberg&nbsp;| Bayern&nbsp;Bayern&nbsp;| Berlin&nbsp;Berlin&nbsp;| Brandenburg&nbsp;Brandenburg&nbsp;| Bremen&nbsp;Bremen&nbsp;|"| __truncated__ "(Süd-)Baden&nbsp;|  Württemberg-Baden&nbsp;|  Württemberg-Hohenzollern"</span></span>
<span id="cb2-52"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ X3: logi [1:2] NA NA</span></span></code></pre></div>
</div>
<p>Notice that this gives you a list of tibbles that were on the website. The conversion to tables isn’t perfect but it’s a great start. Let’s get the first table from that and check out the column names.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb3" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb3-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colnames</span>(html_tables[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>]]) </span>
<span id="cb3-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [1] "Wappen"                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      </span></span>
<span id="cb3-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [2] "Land"                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </span></span>
<span id="cb3-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [3] "Abk."                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </span></span>
<span id="cb3-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [4] "Haupt­stadt"                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </span></span>
<span id="cb3-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [5] "bevöl­kerungs-reichste Stadt.mw-parser-output .fussnoten-marke{font-size:0.75rem;font-style:normal;font-variant:normal;font-weight:normal;unicode-bidi:isolate;white-space:nowrap}.mw-parser-output .fussnoten-marke.reference,.mw-parser-output span.fussnoten-inhalt{padding-left:0.1rem}.mw-parser-output .fussnoten-marke.reference~.fussnoten-marke.reference,.mw-parser-output span.fussnoten-inhalt~span.fussnoten-inhalt{padding-left:0.15rem}.mw-parser-output .fussnoten-block{margin-bottom:0.1rem}.mw-parser-output div.fussnoten-inhalt{display:inline-block;padding-left:0.8rem;text-indent:-0.8rem}.mw-parser-output div.fussnoten-inhalt p,.mw-parser-output div.fussnoten-inhalt dl,.mw-parser-output div.fussnoten-inhalt ol,.mw-parser-output div.fussnoten-inhalt ul{text-indent:0}.mw-parser-output div.fussnoten-inhalt.fussnoten-floatfix{display:block}.mw-parser-output .fussnoten-box{margin-top:0.5rem;padding-left:0.8rem}.mw-parser-output .fussnoten-box,.mw-parser-output div.fussnoten-inhalt{font-size:94%}.mw-parser-output .fussnoten-box div.fussnoten-inhalt,.mw-parser-output span.fussnoten-inhalt,.mw-parser-output .fussnoten-inhalt .reference-text{font-size:inherit}.mw-parser-output .fussnoten-inhalt .reference-text{display:inline}.mw-parser-output .fussnoten-linie{display:inline-block;position:relative;top:-1em;border-top:solid 1px #808080;width:8rem}.mw-parser-output .fussnoten-linie+p,.mw-parser-output .fussnoten-linie+dl,.mw-parser-output .fussnoten-linie+ol,.mw-parser-output .fussnoten-linie+ul,.mw-parser-output .fussnoten-linie+link+div{margin-top:-1em}.mw-parser-output .fussnoten-marke.reference:target,.mw-parser-output .fussnoten-inhalt:target{background-color:#eaf3ff;box-shadow:0 0 0 0.25em #eaf3ff}.mw-parser-output .fussnoten-marke.reference:target,.mw-parser-output .fussnoten-inhalt:target .fussnoten-marke{font-weight:bold}&nbsp;a"</span></span>
<span id="cb3-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [6] "Beitrittzum Bund"                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </span></span>
<span id="cb3-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [7] "Regierungs-chef"                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </span></span>
<span id="cb3-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [8] "Regierungs-partei(en)"                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       </span></span>
<span id="cb3-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [9] "Bundes­rats-stimmen"                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </span></span>
<span id="cb3-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [10] "Fläche(km²)[13]"                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </span></span>
<span id="cb3-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [11] "Ein-wohner(Mio.)[13]"                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </span></span>
<span id="cb3-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [12] "Ein-wohnerje&nbsp;km²[13]"                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </span></span>
<span id="cb3-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [13] "Aus­länder(%)[14]"                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           </span></span>
<span id="cb3-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [14] "Sprachen"</span></span></code></pre></div>
</div>
<p>Notice that the first column labels may look right in the console. But when you copy them into a script file, you will notice that there are dumb invisible special characters. So with that in mind, let us simply select the columns that are of interest to us with numbers instead of the column names.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb4" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb4-1">selected_state_dat <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> html_tables[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>]] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb4-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(</span>
<span id="cb4-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">state =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>,</span>
<span id="cb4-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">capital =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>, </span>
<span id="cb4-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">most_populous_city =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span>,</span>
<span id="cb4-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">federal_assembly_votes =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">9</span>,</span>
<span id="cb4-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">area_km2 =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>,</span>
<span id="cb4-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pop_million =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">11</span>,</span>
<span id="cb4-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pop_per_km2 =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">12</span></span>
<span id="cb4-10">  )</span>
<span id="cb4-11">selected_state_dat</span>
<span id="cb4-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 17 × 7</span></span>
<span id="cb4-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    state  capital most_populous_city federal_assembly_votes area_km2 pop_million</span></span>
<span id="cb4-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;  &lt;chr&gt;   &lt;chr&gt;              &lt;chr&gt;                  &lt;chr&gt;          &lt;dbl&gt;</span></span>
<span id="cb4-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Baden… Stuttg… Stuttgart          6                      35.748        11.3  </span></span>
<span id="cb4-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Bayern München München            6                      70.542        13.4  </span></span>
<span id="cb4-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Berlin —       —                  4                      891            3.76 </span></span>
<span id="cb4-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Brand… Potsdam Potsdam            4                      29.654         2.57 </span></span>
<span id="cb4-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Bremen Bremen… Bremen             3                      420            0.685</span></span>
<span id="cb4-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Hambu… —       —                  3                      755            1.89 </span></span>
<span id="cb4-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Hessen Wiesba… Frankfurt am Main  5                      21.116         6.39 </span></span>
<span id="cb4-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Meckl… Schwer… Rostock            3                      23.295         1.63 </span></span>
<span id="cb4-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Niede… Hannov… Hannover           6                      47.710         8.14 </span></span>
<span id="cb4-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Nordr… Düssel… Köln               6                      34.112        18.1  </span></span>
<span id="cb4-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 11 Rhein… Mainz   Mainz              4                      19.858         4.16 </span></span>
<span id="cb4-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 12 Saarl… Saarbr… Saarbrücken        3                      2.571          0.993</span></span>
<span id="cb4-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 13 Sachs… Dresden Leipzig            4                      18.450         4.09 </span></span>
<span id="cb4-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 14 Sachs… Magdeb… Halle (Saale)      4                      20.459         2.19 </span></span>
<span id="cb4-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 15 Schle… Kiel    Kiel               4                      15.804         2.95 </span></span>
<span id="cb4-30"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 16 Thüri… Erfurt  Erfurt             4                      16.202         2.13 </span></span>
<span id="cb4-31"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 17 Bunde… Berlin  Berlin             b –                    357.588       84.4  </span></span>
<span id="cb4-32"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 1 more variable: pop_per_km2 &lt;chr&gt;</span></span></code></pre></div>
</div>
</section>
<section id="parsing-texts-to-numbers" class="level3">
<h3 class="anchored" data-anchor-id="parsing-texts-to-numbers">Parsing texts to numbers</h3>
<p>Notice how the columns <code>area_km2</code>, <code>federal_assembly_votes</code> and <code>pop_per_km2</code> are encoded as characters instead of as numbers. The reason for that is that in those columns there are always characters that R doesn’t know how to handle. For one, German numbers that are written as <code>4.001</code> mean <code>4,001</code> in English terminology. Also, in the last row of the <code>federal_assembly_votes</code> column there’s still a <code>b</code> character which was a footnote from Wikipedia. Let’s clean all of this up.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb5" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb5-1">german_locale <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">locale</span>(</span>
<span id="cb5-2">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">decimal_mark =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">','</span>, </span>
<span id="cb5-3">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">grouping_mark =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'.'</span></span>
<span id="cb5-4">)</span>
<span id="cb5-5">selected_state_dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb5-6">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb5-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">federal_assembly_votes =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">parse_number</span>(</span>
<span id="cb5-8">      federal_assembly_votes,</span>
<span id="cb5-9">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na =</span> selected_state_dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>federal_assembly_votes[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>]],</span>
<span id="cb5-10">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">locale =</span> german_locale</span>
<span id="cb5-11">    ),</span>
<span id="cb5-12">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">federal_assembly_votes =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">if_else</span>(</span>
<span id="cb5-13">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">is.na</span>(federal_assembly_votes),</span>
<span id="cb5-14">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sum</span>(federal_assembly_votes, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na.rm =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb5-15">      federal_assembly_votes</span>
<span id="cb5-16">    ),</span>
<span id="cb5-17">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(</span>
<span id="cb5-18">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(area_km2, pop_per_km2),</span>
<span id="cb5-19">      \(x) <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">parse_number</span>(</span>
<span id="cb5-20">        x,</span>
<span id="cb5-21">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">locale =</span> german_locale</span>
<span id="cb5-22">      )</span>
<span id="cb5-23">    )</span>
<span id="cb5-24">  )</span>
<span id="cb5-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 17 × 7</span></span>
<span id="cb5-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    state  capital most_populous_city federal_assembly_votes area_km2 pop_million</span></span>
<span id="cb5-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;  &lt;chr&gt;   &lt;chr&gt;                               &lt;dbl&gt;    &lt;dbl&gt;       &lt;dbl&gt;</span></span>
<span id="cb5-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Baden… Stuttg… Stuttgart                               6    35748      11.3  </span></span>
<span id="cb5-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Bayern München München                                 6    70542      13.4  </span></span>
<span id="cb5-30"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Berlin —       —                                       4      891       3.76 </span></span>
<span id="cb5-31"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Brand… Potsdam Potsdam                                 4    29654       2.57 </span></span>
<span id="cb5-32"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Bremen Bremen… Bremen                                  3      420       0.685</span></span>
<span id="cb5-33"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Hambu… —       —                                       3      755       1.89 </span></span>
<span id="cb5-34"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Hessen Wiesba… Frankfurt am Main                       5    21116       6.39 </span></span>
<span id="cb5-35"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Meckl… Schwer… Rostock                                 3    23295       1.63 </span></span>
<span id="cb5-36"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Niede… Hannov… Hannover                                6    47710       8.14 </span></span>
<span id="cb5-37"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Nordr… Düssel… Köln                                    6    34112      18.1  </span></span>
<span id="cb5-38"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 11 Rhein… Mainz   Mainz                                   4    19858       4.16 </span></span>
<span id="cb5-39"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 12 Saarl… Saarbr… Saarbrücken                             3     2571       0.993</span></span>
<span id="cb5-40"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 13 Sachs… Dresden Leipzig                                 4    18450       4.09 </span></span>
<span id="cb5-41"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 14 Sachs… Magdeb… Halle (Saale)                           4    20459       2.19 </span></span>
<span id="cb5-42"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 15 Schle… Kiel    Kiel                                    4    15804       2.95 </span></span>
<span id="cb5-43"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 16 Thüri… Erfurt  Erfurt                                  4    16202       2.13 </span></span>
<span id="cb5-44"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 17 Bunde… Berlin  Berlin                                 69   357588      84.4  </span></span>
<span id="cb5-45"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 1 more variable: pop_per_km2 &lt;dbl&gt;</span></span></code></pre></div>
</div>
<p>Finally, we can also clean up the text in the <code>capital</code> column where we transform <code>"Bremen (de facto)"</code> to <code>"Bremen"</code>. And we can transform <code>"Bundes­republik Deutschland"</code> to <code>"Deutschland"</code> in the <code>state</code> column. This will let us join nicely with our second data set that we’re going to scrape from the interwebs.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb6" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb6-1">cleaned_state_dat <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> selected_state_dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb6-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb6-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">federal_assembly_votes =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">parse_number</span>(</span>
<span id="cb6-4">      federal_assembly_votes,</span>
<span id="cb6-5">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na =</span> selected_state_dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>federal_assembly_votes[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>]],</span>
<span id="cb6-6">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">locale =</span> german_locale</span>
<span id="cb6-7">    ),</span>
<span id="cb6-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">federal_assembly_votes =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">if_else</span>(</span>
<span id="cb6-9">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">is.na</span>(federal_assembly_votes),</span>
<span id="cb6-10">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sum</span>(federal_assembly_votes, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na.rm =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb6-11">      federal_assembly_votes</span>
<span id="cb6-12">    ),</span>
<span id="cb6-13">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(</span>
<span id="cb6-14">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(area_km2, pop_per_km2),</span>
<span id="cb6-15">      \(x) <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">parse_number</span>(</span>
<span id="cb6-16">        x,</span>
<span id="cb6-17">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">locale =</span> german_locale</span>
<span id="cb6-18">      )</span>
<span id="cb6-19">    ),</span>
<span id="cb6-20">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">state =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">if_else</span>(</span>
<span id="cb6-21">      state <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Bundes­republik Deutschland"</span>,</span>
<span id="cb6-22">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"Deutschland"</span>,</span>
<span id="cb6-23">      state</span>
<span id="cb6-24">    ),</span>
<span id="cb6-25">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">capital =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">if_else</span>(</span>
<span id="cb6-26">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_detect</span>(capital, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Bremen'</span>),</span>
<span id="cb6-27">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Bremen'</span>,</span>
<span id="cb6-28">      capital</span>
<span id="cb6-29">    )</span>
<span id="cb6-30">  )</span>
<span id="cb6-31"></span>
<span id="cb6-32">cleaned_state_dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb6-33">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">glimpse</span>()</span>
<span id="cb6-34"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Rows: 17</span></span>
<span id="cb6-35"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Columns: 7</span></span>
<span id="cb6-36"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## $ state                  &lt;chr&gt; "Baden-Württemberg", "Bayern", "Berlin", "Brand…</span></span>
<span id="cb6-37"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## $ capital                &lt;chr&gt; "Stuttgart", "München", "—", "Potsdam", "Bremen…</span></span>
<span id="cb6-38"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## $ most_populous_city     &lt;chr&gt; "Stuttgart", "München", "—", "Potsdam", "Bremen…</span></span>
<span id="cb6-39"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## $ federal_assembly_votes &lt;dbl&gt; 6, 6, 4, 4, 3, 3, 5, 3, 6, 6, 4, 3, 4, 4, 4, 4,…</span></span>
<span id="cb6-40"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## $ area_km2               &lt;dbl&gt; 35748, 70542, 891, 29654, 420, 755, 21116, 2329…</span></span>
<span id="cb6-41"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## $ pop_million            &lt;dbl&gt; 11.280, 13.369, 3.755, 2.573, 0.685, 1.892, 6.3…</span></span>
<span id="cb6-42"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## $ pop_per_km2            &lt;dbl&gt; 316, 190, 4210, 87, 1633, 2506, 303, 70, 171, 5…</span></span></code></pre></div>
</div>
</section>
<section id="scraping-data-from-statistikportal" class="level3">
<h3 class="anchored" data-anchor-id="scraping-data-from-statistikportal">Scraping data from Statistikportal</h3>
<p>Alright, now let’s get GDP data from the website Statistikportal.de</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb7" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb7-1">url_gdp <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://www.statistikportal.de/de/ugrdl/ergebnisse/wirtschaft-und-bevoelkerung/bipbws'</span></span>
<span id="cb7-2"></span>
<span id="cb7-3"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">read_html</span>(url_gdp) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb7-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">html_table</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">dec =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">','</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb7-5">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">glimpse</span>()</span>
<span id="cb7-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## List of 3</span></span>
<span id="cb7-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  $ : tibble [19 × 2] (S3: tbl_df/tbl/data.frame)</span></span>
<span id="cb7-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttoinlandsprodukt in jeweiligen Preisen 2022 nach Bundesländern: chr [1:19] "Land" "Land" "Baden-\n\t\t\tWürttemberg" "Bayern" ...</span></span>
<span id="cb7-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttoinlandsprodukt in jeweiligen Preisen 2022 nach Bundesländern: chr [1:19] "2022" "Mill. Euro" "538 948" "666 388" ...</span></span>
<span id="cb7-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  $ : tibble [19 × 11] (S3: tbl_df/tbl/data.frame)</span></span>
<span id="cb7-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttoinlandsprodukt (preisbereinigt, verkettet) 1991 – 2022 nach Bundesländern: chr [1:19] "Land" "Land" "Baden-Württemberg" "Bayern" ...</span></span>
<span id="cb7-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttoinlandsprodukt (preisbereinigt, verkettet) 1991 – 2022 nach Bundesländern: chr [1:19] "1991" "Index (2015 = 100)" "72,3" "65,1" ...</span></span>
<span id="cb7-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttoinlandsprodukt (preisbereinigt, verkettet) 1991 – 2022 nach Bundesländern: chr [1:19] "2000" "Index (2015 = 100)" "80,7" "77,4" ...</span></span>
<span id="cb7-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttoinlandsprodukt (preisbereinigt, verkettet) 1991 – 2022 nach Bundesländern: chr [1:19] "2010" "Index (2015 = 100)" "89,4" "88,4" ...</span></span>
<span id="cb7-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttoinlandsprodukt (preisbereinigt, verkettet) 1991 – 2022 nach Bundesländern: chr [1:19] "2015" "Index (2015 = 100)" "100" "100" ...</span></span>
<span id="cb7-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttoinlandsprodukt (preisbereinigt, verkettet) 1991 – 2022 nach Bundesländern: chr [1:19] "2017" "Index (2015 = 100)" "104,7" "106,3" ...</span></span>
<span id="cb7-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttoinlandsprodukt (preisbereinigt, verkettet) 1991 – 2022 nach Bundesländern: chr [1:19] "2018" "Index (2015 = 100)" "107,0" "106,7" ...</span></span>
<span id="cb7-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttoinlandsprodukt (preisbereinigt, verkettet) 1991 – 2022 nach Bundesländern: chr [1:19] "2019" "Index (2015 = 100)" "106,6" "108,6" ...</span></span>
<span id="cb7-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttoinlandsprodukt (preisbereinigt, verkettet) 1991 – 2022 nach Bundesländern: chr [1:19] "2020" "Index (2015 = 100)" "101,5" "104,6" ...</span></span>
<span id="cb7-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttoinlandsprodukt (preisbereinigt, verkettet) 1991 – 2022 nach Bundesländern: chr [1:19] "2021" "Index (2015 = 100)" "104,8" "107,5" ...</span></span>
<span id="cb7-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttoinlandsprodukt (preisbereinigt, verkettet) 1991 – 2022 nach Bundesländern: chr [1:19] "2022" "Index (2015 = 100)" "106,2" "109,8" ...</span></span>
<span id="cb7-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  $ : tibble [21 × 7] (S3: tbl_df/tbl/data.frame)</span></span>
<span id="cb7-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttowertschöpfung in jeweiligen Preisen 2022 nach Wirtschaftszweigen und Bundesländern: chr [1:21] "Land" "Land" "Land" "Land" ...</span></span>
<span id="cb7-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttowertschöpfung in jeweiligen Preisen 2022 nach Wirtschaftszweigen und Bundesländern: chr [1:21] "Wirtschaft\n\t\t\tinsgesamt\n\t\t\t(A-T)" "Wirtschaft\n\t\t\tinsgesamt\n\t\t\t(A-T)" "Wirtschaft\n\t\t\tinsgesamt\n\t\t\t(A-T)" "Mill. EUR" ...</span></span>
<span id="cb7-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttowertschöpfung in jeweiligen Preisen 2022 nach Wirtschaftszweigen und Bundesländern: chr [1:21] "Davon" "Land- und\n\t\t\tForstwirtschaft,\n\t\t\tFischerei\n\t\t\t(A)" "Land- und\n\t\t\tForstwirtschaft,\n\t\t\tFischerei\n\t\t\t(A)" "Mill. EUR" ...</span></span>
<span id="cb7-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttowertschöpfung in jeweiligen Preisen 2022 nach Wirtschaftszweigen und Bundesländern: chr [1:21] "Davon" "Produzierendes\n\t\t\tGewerbe\n\t\t\t(B-F)" "Produzierendes\n\t\t\tGewerbe\n\t\t\t(B-F)" "Mill. EUR" ...</span></span>
<span id="cb7-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttowertschöpfung in jeweiligen Preisen 2022 nach Wirtschaftszweigen und Bundesländern: chr [1:21] "Davon" "darunter" "Verarbeitendes\n\t\t\tGewerbe\n\t\t\t(C)" "Mill. EUR" ...</span></span>
<span id="cb7-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttowertschöpfung in jeweiligen Preisen 2022 nach Wirtschaftszweigen und Bundesländern: chr [1:21] "Davon" "darunter" "Baugewerbe\n\t\t\t(F)" "Mill. EUR" ...</span></span>
<span id="cb7-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   ..$ Bruttowertschöpfung in jeweiligen Preisen 2022 nach Wirtschaftszweigen und Bundesländern: chr [1:21] "Davon" "Dienstleistungs-\n\t\t\tbereiche\n\t\t\t(G-T)" "Dienstleistungs-\n\t\t\tbereiche\n\t\t\t(G-T)" "Mill. EUR" ...</span></span></code></pre></div>
</div>
<p>In this case, we see that column names are always the same because that table has a merged cell on top. So let’s avoid that by telling <code>html_table()</code> to avoid headers. And then let’s grab the second table from the list of extracted tables.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb8" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb8-1">html_tables <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">read_html</span>(url_gdp) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb8-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">html_table</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">dec =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">','</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>)</span>
<span id="cb8-3">html_tables[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>]]</span>
<span id="cb8-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 20 × 11</span></span>
<span id="cb8-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    X1                X2    X3    X4    X5    X6    X7    X8    X9    X10   X11  </span></span>
<span id="cb8-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;             &lt;chr&gt; &lt;chr&gt; &lt;chr&gt; &lt;chr&gt; &lt;chr&gt; &lt;chr&gt; &lt;chr&gt; &lt;chr&gt; &lt;chr&gt; &lt;chr&gt;</span></span>
<span id="cb8-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Bruttoinlandspro… Brut… Brut… Brut… Brut… Brut… Brut… Brut… Brut… Brut… Brut…</span></span>
<span id="cb8-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Land              1991  2000  2010  2015  2017  2018  2019  2020  2021  2022 </span></span>
<span id="cb8-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Land              Inde… Inde… Inde… Inde… Inde… Inde… Inde… Inde… Inde… Inde…</span></span>
<span id="cb8-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Baden-Württemberg 72,3  80,7  89,4  100   104,7 107,0 106,6 101,5 104,8 106,2</span></span>
<span id="cb8-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Bayern            65,1  77,4  88,4  100   106,3 106,7 108,6 104,6 107,5 109,8</span></span>
<span id="cb8-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Berlin            77,0  83,7  90,3  100   109,6 113,5 116,8 114,2 117,8 123,6</span></span>
<span id="cb8-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Brandenburg       50,2  84,6  93,1  100   104,7 105,2 107,0 104,6 107,2 110,7</span></span>
<span id="cb8-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Bremen            86,5  89,1  94,5  100   103,3 103,0 101,5 96,4  102,3 107,5</span></span>
<span id="cb8-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Hamburg           76,5  85,8  94,6  100   104,0 103,8 107,1 102,0 105,8 110,5</span></span>
<span id="cb8-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Hessen            80,5  91,8  94,8  100   105,0 105,5 107,1 102,0 104,5 106,2</span></span>
<span id="cb8-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 11 Mecklenburg-Vorp… 59,2  89,7  94,8  100   105,8 103,8 108,3 104,7 107,2 107,4</span></span>
<span id="cb8-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 12 Niedersachsen     78,1  85,1  93,6  100   106,9 108,3 110,6 106,2 107,0 108,2</span></span>
<span id="cb8-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 13 Nordrhein-Westfa… 81,6  88,6  94,2  100   103,7 105,1 105,1 101,8 103,6 104,7</span></span>
<span id="cb8-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 14 Rheinland-Pfalz   79,5  85,1  91,7  100   102,5 102,6 103,1 99,5  108,2 107,9</span></span>
<span id="cb8-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 15 Saarland          84,2  90,8  96,2  100   101,4 100,8 98,8  94,0  95,2  96,8 </span></span>
<span id="cb8-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 16 Sachsen           51,2  80,5  90,8  100   104,1 104,9 106,4 102,7 104,6 107,4</span></span>
<span id="cb8-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 17 Sachsen-Anhalt    59,5  91,2  97,2  100   102,6 102,1 103,7 101,3 103,6 106,3</span></span>
<span id="cb8-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 18 Schleswig-Holste… 81,3  88,7  93,1  100   105,2 105,7 108,2 106,4 107,7 109,1</span></span>
<span id="cb8-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 19 Thüringen         47,9  83,1  90,5  100   103,3 103,0 102,9 99,8  101,8 103,3</span></span>
<span id="cb8-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 20 Deutschland       73,3  84,5  92,0  100   105,0 106,0 107,1 103,2 105,9 107,8</span></span></code></pre></div>
</div>
<p>Alright, let’s get rid of the 1991, 2000 and 2010 column. I only want to start at 2015.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb9" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb9-1">html_tables[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>]]  <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb9-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>))</span>
<span id="cb9-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 20 × 8</span></span>
<span id="cb9-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    X1                                  X5    X6    X7    X8    X9    X10   X11  </span></span>
<span id="cb9-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;                               &lt;chr&gt; &lt;chr&gt; &lt;chr&gt; &lt;chr&gt; &lt;chr&gt; &lt;chr&gt; &lt;chr&gt;</span></span>
<span id="cb9-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Bruttoinlandsprodukt (preisbereini… Brut… Brut… Brut… Brut… Brut… Brut… Brut…</span></span>
<span id="cb9-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Land                                2015  2017  2018  2019  2020  2021  2022 </span></span>
<span id="cb9-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Land                                Inde… Inde… Inde… Inde… Inde… Inde… Inde…</span></span>
<span id="cb9-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Baden-Württemberg                   100   104,7 107,0 106,6 101,5 104,8 106,2</span></span>
<span id="cb9-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Bayern                              100   106,3 106,7 108,6 104,6 107,5 109,8</span></span>
<span id="cb9-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Berlin                              100   109,6 113,5 116,8 114,2 117,8 123,6</span></span>
<span id="cb9-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Brandenburg                         100   104,7 105,2 107,0 104,6 107,2 110,7</span></span>
<span id="cb9-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Bremen                              100   103,3 103,0 101,5 96,4  102,3 107,5</span></span>
<span id="cb9-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Hamburg                             100   104,0 103,8 107,1 102,0 105,8 110,5</span></span>
<span id="cb9-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Hessen                              100   105,0 105,5 107,1 102,0 104,5 106,2</span></span>
<span id="cb9-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 11 Mecklenburg-Vorpommern              100   105,8 103,8 108,3 104,7 107,2 107,4</span></span>
<span id="cb9-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 12 Niedersachsen                       100   106,9 108,3 110,6 106,2 107,0 108,2</span></span>
<span id="cb9-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 13 Nordrhein-Westfalen                 100   103,7 105,1 105,1 101,8 103,6 104,7</span></span>
<span id="cb9-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 14 Rheinland-Pfalz                     100   102,5 102,6 103,1 99,5  108,2 107,9</span></span>
<span id="cb9-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 15 Saarland                            100   101,4 100,8 98,8  94,0  95,2  96,8 </span></span>
<span id="cb9-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 16 Sachsen                             100   104,1 104,9 106,4 102,7 104,6 107,4</span></span>
<span id="cb9-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 17 Sachsen-Anhalt                      100   102,6 102,1 103,7 101,3 103,6 106,3</span></span>
<span id="cb9-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 18 Schleswig-Holstein                  100   105,2 105,7 108,2 106,4 107,7 109,1</span></span>
<span id="cb9-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 19 Thüringen                           100   103,3 103,0 102,9 99,8  101,8 103,3</span></span>
<span id="cb9-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 20 Deutschland                         100   105,0 106,0 107,1 103,2 105,9 107,8</span></span></code></pre></div>
</div>
<p>Now, notice that the column names that we actually want are in the second row. The <code>{janitor}</code> package has us covered there.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb10" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb10-1">html_tables[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>]]  <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb10-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb10-3">  janitor<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">row_to_names</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">row_number =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>)</span>
<span id="cb10-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 18 × 8</span></span>
<span id="cb10-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    Land                   `2015`       `2017` `2018` `2019` `2020` `2021` `2022`</span></span>
<span id="cb10-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;                  &lt;chr&gt;        &lt;chr&gt;  &lt;chr&gt;  &lt;chr&gt;  &lt;chr&gt;  &lt;chr&gt;  &lt;chr&gt; </span></span>
<span id="cb10-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Land                   Index (2015… Index… Index… Index… Index… Index… Index…</span></span>
<span id="cb10-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Baden-Württemberg      100          104,7  107,0  106,6  101,5  104,8  106,2 </span></span>
<span id="cb10-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Bayern                 100          106,3  106,7  108,6  104,6  107,5  109,8 </span></span>
<span id="cb10-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Berlin                 100          109,6  113,5  116,8  114,2  117,8  123,6 </span></span>
<span id="cb10-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Brandenburg            100          104,7  105,2  107,0  104,6  107,2  110,7 </span></span>
<span id="cb10-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Bremen                 100          103,3  103,0  101,5  96,4   102,3  107,5 </span></span>
<span id="cb10-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Hamburg                100          104,0  103,8  107,1  102,0  105,8  110,5 </span></span>
<span id="cb10-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Hessen                 100          105,0  105,5  107,1  102,0  104,5  106,2 </span></span>
<span id="cb10-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Mecklenburg-Vorpommern 100          105,8  103,8  108,3  104,7  107,2  107,4 </span></span>
<span id="cb10-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Niedersachsen          100          106,9  108,3  110,6  106,2  107,0  108,2 </span></span>
<span id="cb10-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 11 Nordrhein-Westfalen    100          103,7  105,1  105,1  101,8  103,6  104,7 </span></span>
<span id="cb10-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 12 Rheinland-Pfalz        100          102,5  102,6  103,1  99,5   108,2  107,9 </span></span>
<span id="cb10-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 13 Saarland               100          101,4  100,8  98,8   94,0   95,2   96,8  </span></span>
<span id="cb10-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 14 Sachsen                100          104,1  104,9  106,4  102,7  104,6  107,4 </span></span>
<span id="cb10-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 15 Sachsen-Anhalt         100          102,6  102,1  103,7  101,3  103,6  106,3 </span></span>
<span id="cb10-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 16 Schleswig-Holstein     100          105,2  105,7  108,2  106,4  107,7  109,1 </span></span>
<span id="cb10-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 17 Thüringen              100          103,3  103,0  102,9  99,8   101,8  103,3 </span></span>
<span id="cb10-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 18 Deutschland            100          105,0  106,0  107,1  103,2  105,9  107,8</span></span></code></pre></div>
</div>
<p>This leaves us an extra first row. So let’s remove that.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb11" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb11-1">html_tables[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>]]  <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb11-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb11-3">  janitor<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">row_to_names</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">row_number =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb11-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">slice</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>)</span>
<span id="cb11-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 17 × 8</span></span>
<span id="cb11-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    Land                   `2015` `2017` `2018` `2019` `2020` `2021` `2022`</span></span>
<span id="cb11-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;                  &lt;chr&gt;  &lt;chr&gt;  &lt;chr&gt;  &lt;chr&gt;  &lt;chr&gt;  &lt;chr&gt;  &lt;chr&gt; </span></span>
<span id="cb11-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Baden-Württemberg      100    104,7  107,0  106,6  101,5  104,8  106,2 </span></span>
<span id="cb11-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Bayern                 100    106,3  106,7  108,6  104,6  107,5  109,8 </span></span>
<span id="cb11-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Berlin                 100    109,6  113,5  116,8  114,2  117,8  123,6 </span></span>
<span id="cb11-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Brandenburg            100    104,7  105,2  107,0  104,6  107,2  110,7 </span></span>
<span id="cb11-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Bremen                 100    103,3  103,0  101,5  96,4   102,3  107,5 </span></span>
<span id="cb11-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Hamburg                100    104,0  103,8  107,1  102,0  105,8  110,5 </span></span>
<span id="cb11-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Hessen                 100    105,0  105,5  107,1  102,0  104,5  106,2 </span></span>
<span id="cb11-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Mecklenburg-Vorpommern 100    105,8  103,8  108,3  104,7  107,2  107,4 </span></span>
<span id="cb11-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Niedersachsen          100    106,9  108,3  110,6  106,2  107,0  108,2 </span></span>
<span id="cb11-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Nordrhein-Westfalen    100    103,7  105,1  105,1  101,8  103,6  104,7 </span></span>
<span id="cb11-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 11 Rheinland-Pfalz        100    102,5  102,6  103,1  99,5   108,2  107,9 </span></span>
<span id="cb11-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 12 Saarland               100    101,4  100,8  98,8   94,0   95,2   96,8  </span></span>
<span id="cb11-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 13 Sachsen                100    104,1  104,9  106,4  102,7  104,6  107,4 </span></span>
<span id="cb11-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 14 Sachsen-Anhalt         100    102,6  102,1  103,7  101,3  103,6  106,3 </span></span>
<span id="cb11-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 15 Schleswig-Holstein     100    105,2  105,7  108,2  106,4  107,7  109,1 </span></span>
<span id="cb11-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 16 Thüringen              100    103,3  103,0  102,9  99,8   101,8  103,3 </span></span>
<span id="cb11-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 17 Deutschland            100    105,0  106,0  107,1  103,2  105,9  107,8</span></span></code></pre></div>
</div>
<p>Did you notice that the 2016 data is missing? Maybe you did. Maybe not. But let’s make this really obvious.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb12" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb12-1">html_tables[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>]]  <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb12-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb12-3">  janitor<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">row_to_names</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">row_number =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb12-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">slice</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb12-5">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb12-6">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">`</span><span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">2016</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">`</span> <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NA_character_</span>,</span>
<span id="cb12-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.before =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span></span>
<span id="cb12-8">  ) </span>
<span id="cb12-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 17 × 9</span></span>
<span id="cb12-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    Land                  `2015` `2016` `2017` `2018` `2019` `2020` `2021` `2022`</span></span>
<span id="cb12-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;                 &lt;chr&gt;  &lt;chr&gt;  &lt;chr&gt;  &lt;chr&gt;  &lt;chr&gt;  &lt;chr&gt;  &lt;chr&gt;  &lt;chr&gt; </span></span>
<span id="cb12-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Baden-Württemberg     100    &lt;NA&gt;   104,7  107,0  106,6  101,5  104,8  106,2 </span></span>
<span id="cb12-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Bayern                100    &lt;NA&gt;   106,3  106,7  108,6  104,6  107,5  109,8 </span></span>
<span id="cb12-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Berlin                100    &lt;NA&gt;   109,6  113,5  116,8  114,2  117,8  123,6 </span></span>
<span id="cb12-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Brandenburg           100    &lt;NA&gt;   104,7  105,2  107,0  104,6  107,2  110,7 </span></span>
<span id="cb12-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Bremen                100    &lt;NA&gt;   103,3  103,0  101,5  96,4   102,3  107,5 </span></span>
<span id="cb12-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Hamburg               100    &lt;NA&gt;   104,0  103,8  107,1  102,0  105,8  110,5 </span></span>
<span id="cb12-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Hessen                100    &lt;NA&gt;   105,0  105,5  107,1  102,0  104,5  106,2 </span></span>
<span id="cb12-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Mecklenburg-Vorpomme… 100    &lt;NA&gt;   105,8  103,8  108,3  104,7  107,2  107,4 </span></span>
<span id="cb12-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Niedersachsen         100    &lt;NA&gt;   106,9  108,3  110,6  106,2  107,0  108,2 </span></span>
<span id="cb12-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Nordrhein-Westfalen   100    &lt;NA&gt;   103,7  105,1  105,1  101,8  103,6  104,7 </span></span>
<span id="cb12-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 11 Rheinland-Pfalz       100    &lt;NA&gt;   102,5  102,6  103,1  99,5   108,2  107,9 </span></span>
<span id="cb12-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 12 Saarland              100    &lt;NA&gt;   101,4  100,8  98,8   94,0   95,2   96,8  </span></span>
<span id="cb12-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 13 Sachsen               100    &lt;NA&gt;   104,1  104,9  106,4  102,7  104,6  107,4 </span></span>
<span id="cb12-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 14 Sachsen-Anhalt        100    &lt;NA&gt;   102,6  102,1  103,7  101,3  103,6  106,3 </span></span>
<span id="cb12-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 15 Schleswig-Holstein    100    &lt;NA&gt;   105,2  105,7  108,2  106,4  107,7  109,1 </span></span>
<span id="cb12-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 16 Thüringen             100    &lt;NA&gt;   103,3  103,0  102,9  99,8   101,8  103,3 </span></span>
<span id="cb12-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 17 Deutschland           100    &lt;NA&gt;   105,0  106,0  107,1  103,2  105,9  107,8</span></span></code></pre></div>
</div>
<p>Cool, everything is clear to us now. But not necessarily to R. Notice how all columns are encoded as characters. R doesn’t know that most columns should be numbers. That’s not great for calculations. So let’s fix that.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb13" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb13-1">html_tables[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>]]  <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb13-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb13-3">  janitor<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">row_to_names</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">row_number =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb13-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">slice</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb13-5">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb13-6">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">`</span><span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">2016</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">`</span> <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NA_character_</span>,</span>
<span id="cb13-7">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(</span>
<span id="cb13-8">      <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span>Land, </span>
<span id="cb13-9">      \(x) <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">parse_number</span>(x, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">locale =</span> german_locale)</span>
<span id="cb13-10">    ),</span>
<span id="cb13-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.before =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span></span>
<span id="cb13-12">  )</span>
<span id="cb13-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 17 × 9</span></span>
<span id="cb13-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    Land                  `2015` `2016` `2017` `2018` `2019` `2020` `2021` `2022`</span></span>
<span id="cb13-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;                  &lt;dbl&gt;  &lt;dbl&gt;  &lt;dbl&gt;  &lt;dbl&gt;  &lt;dbl&gt;  &lt;dbl&gt;  &lt;dbl&gt;  &lt;dbl&gt;</span></span>
<span id="cb13-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Baden-Württemberg        100     NA   105.   107   107.   102.   105.   106. </span></span>
<span id="cb13-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Bayern                   100     NA   106.   107.  109.   105.   108.   110. </span></span>
<span id="cb13-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Berlin                   100     NA   110.   114.  117.   114.   118.   124. </span></span>
<span id="cb13-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Brandenburg              100     NA   105.   105.  107    105.   107.   111. </span></span>
<span id="cb13-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Bremen                   100     NA   103.   103   102.    96.4  102.   108. </span></span>
<span id="cb13-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Hamburg                  100     NA   104    104.  107.   102    106.   110. </span></span>
<span id="cb13-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Hessen                   100     NA   105    106.  107.   102    104.   106. </span></span>
<span id="cb13-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Mecklenburg-Vorpomme…    100     NA   106.   104.  108.   105.   107.   107. </span></span>
<span id="cb13-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Niedersachsen            100     NA   107.   108.  111.   106.   107    108. </span></span>
<span id="cb13-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Nordrhein-Westfalen      100     NA   104.   105.  105.   102.   104.   105. </span></span>
<span id="cb13-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 11 Rheinland-Pfalz          100     NA   102.   103.  103.    99.5  108.   108. </span></span>
<span id="cb13-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 12 Saarland                 100     NA   101.   101.   98.8   94     95.2   96.8</span></span>
<span id="cb13-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 13 Sachsen                  100     NA   104.   105.  106.   103.   105.   107. </span></span>
<span id="cb13-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 14 Sachsen-Anhalt           100     NA   103.   102.  104.   101.   104.   106. </span></span>
<span id="cb13-30"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 15 Schleswig-Holstein       100     NA   105.   106.  108.   106.   108.   109. </span></span>
<span id="cb13-31"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 16 Thüringen                100     NA   103.   103   103.    99.8  102.   103. </span></span>
<span id="cb13-32"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 17 Deutschland              100     NA   105    106   107.   103.   106.   108.</span></span></code></pre></div>
</div>
<p>Sweet! Now we can rename the <code>Land</code> column to <code>state</code> so that it matches with the column name from our Wikipedia data set. And once that is done, let us rearrange our data so that we can easily summarise our data by state.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb14" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb14-1">html_tables[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>]]  <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb14-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb14-3">  janitor<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">row_to_names</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">row_number =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb14-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">slice</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb14-5">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb14-6">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">`</span><span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">2016</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">`</span> <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NA_character_</span>,</span>
<span id="cb14-7">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(</span>
<span id="cb14-8">      <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span>Land, </span>
<span id="cb14-9">      \(x) <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">parse_number</span>(x, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">locale =</span> german_locale)</span>
<span id="cb14-10">    ),</span>
<span id="cb14-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.before =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span></span>
<span id="cb14-12">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb14-13">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rename</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">state =</span> Land) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb14-14">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">pivot_longer</span>(</span>
<span id="cb14-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cols =</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span>state,</span>
<span id="cb14-16">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">names_to =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'year'</span>,</span>
<span id="cb14-17">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">values_to =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'gdp'</span></span>
<span id="cb14-18">  )</span>
<span id="cb14-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 136 × 3</span></span>
<span id="cb14-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    state             year    gdp</span></span>
<span id="cb14-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;             &lt;chr&gt; &lt;dbl&gt;</span></span>
<span id="cb14-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Baden-Württemberg 2015   100 </span></span>
<span id="cb14-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Baden-Württemberg 2016    NA </span></span>
<span id="cb14-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Baden-Württemberg 2017   105.</span></span>
<span id="cb14-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Baden-Württemberg 2018   107 </span></span>
<span id="cb14-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Baden-Württemberg 2019   107.</span></span>
<span id="cb14-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Baden-Württemberg 2020   102.</span></span>
<span id="cb14-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Baden-Württemberg 2021   105.</span></span>
<span id="cb14-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Baden-Württemberg 2022   106.</span></span>
<span id="cb14-30"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Bayern            2015   100 </span></span>
<span id="cb14-31"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Bayern            2016    NA </span></span>
<span id="cb14-32"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 126 more rows</span></span></code></pre></div>
</div>
<p>That’s a fantastic format that <code>summarise()</code> can handle. So let’s use it to collect all of the <code>gdp</code> data in vectors.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb15" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb15-1">gdp_series <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> html_tables[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>]]  <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb15-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb15-3">  janitor<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">row_to_names</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">row_number =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb15-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">slice</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb15-5">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb15-6">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">`</span><span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">2016</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">`</span> <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NA_character_</span>,</span>
<span id="cb15-7">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">across</span>(</span>
<span id="cb15-8">      <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span>Land, </span>
<span id="cb15-9">      \(x) <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">parse_number</span>(x, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">locale =</span> german_locale)</span>
<span id="cb15-10">    ),</span>
<span id="cb15-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.before =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span></span>
<span id="cb15-12">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb15-13">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rename</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">state =</span> Land) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb15-14">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">pivot_longer</span>(</span>
<span id="cb15-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cols =</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span>state,</span>
<span id="cb15-16">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">names_to =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'year'</span>,</span>
<span id="cb15-17">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">values_to =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'gdp'</span></span>
<span id="cb15-18">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb15-19">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarise</span>(</span>
<span id="cb15-20">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">gdp =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(gdp),</span>
<span id="cb15-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> state</span>
<span id="cb15-22">  )</span>
<span id="cb15-23">gdp_series</span>
<span id="cb15-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 17 × 2</span></span>
<span id="cb15-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    state                  gdp      </span></span>
<span id="cb15-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;                  &lt;list&gt;   </span></span>
<span id="cb15-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Baden-Württemberg      &lt;dbl [8]&gt;</span></span>
<span id="cb15-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Bayern                 &lt;dbl [8]&gt;</span></span>
<span id="cb15-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Berlin                 &lt;dbl [8]&gt;</span></span>
<span id="cb15-30"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Brandenburg            &lt;dbl [8]&gt;</span></span>
<span id="cb15-31"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Bremen                 &lt;dbl [8]&gt;</span></span>
<span id="cb15-32"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Hamburg                &lt;dbl [8]&gt;</span></span>
<span id="cb15-33"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Hessen                 &lt;dbl [8]&gt;</span></span>
<span id="cb15-34"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Mecklenburg-Vorpommern &lt;dbl [8]&gt;</span></span>
<span id="cb15-35"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Niedersachsen          &lt;dbl [8]&gt;</span></span>
<span id="cb15-36"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Nordrhein-Westfalen    &lt;dbl [8]&gt;</span></span>
<span id="cb15-37"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 11 Rheinland-Pfalz        &lt;dbl [8]&gt;</span></span>
<span id="cb15-38"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 12 Saarland               &lt;dbl [8]&gt;</span></span>
<span id="cb15-39"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 13 Sachsen                &lt;dbl [8]&gt;</span></span>
<span id="cb15-40"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 14 Sachsen-Anhalt         &lt;dbl [8]&gt;</span></span>
<span id="cb15-41"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 15 Schleswig-Holstein     &lt;dbl [8]&gt;</span></span>
<span id="cb15-42"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 16 Thüringen              &lt;dbl [8]&gt;</span></span>
<span id="cb15-43"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 17 Deutschland            &lt;dbl [8]&gt;</span></span></code></pre></div>
</div>
</section>
<section id="combine-the-data-sets" class="level3">
<h3 class="anchored" data-anchor-id="combine-the-data-sets">Combine the data sets</h3>
<p>We’re almost done with assembling the data for our table. What we still need are the URLs to the images of the coat of arms of the states. No fancy trick there. Just going on to Wikipedia and copying all the URLs into a vector.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb16" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb16-1">img_urls <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb16-2">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg'</span>,</span>
<span id="cb16-3">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg'</span>,</span>
<span id="cb16-4">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg'</span>,</span>
<span id="cb16-5">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg'</span>,</span>
<span id="cb16-6">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg'</span>,</span>
<span id="cb16-7">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg'</span>,</span>
<span id="cb16-8">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg'</span>,</span>
<span id="cb16-9">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg'</span>,</span>
<span id="cb16-10">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg'</span>,</span>
<span id="cb16-11">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg'</span>,</span>
<span id="cb16-12">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg'</span>,</span>
<span id="cb16-13">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg'</span>,</span>
<span id="cb16-14">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg'</span>,</span>
<span id="cb16-15">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg'</span>,</span>
<span id="cb16-16">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg'</span>,</span>
<span id="cb16-17">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg'</span>,</span>
<span id="cb16-18">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://upload.wikimedia.org/wikipedia/commons/d/da/Coat_of_arms_of_Germany.svg'</span></span>
<span id="cb16-19">)</span>
<span id="cb16-20"></span>
<span id="cb16-21">cleaned_state_dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb16-22">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb16-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">img =</span> img_urls,</span>
<span id="cb16-24">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.before =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span></span>
<span id="cb16-25">  )</span>
<span id="cb16-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 17 × 8</span></span>
<span id="cb16-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    img          state capital most_populous_city federal_assembly_votes area_km2</span></span>
<span id="cb16-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;        &lt;chr&gt; &lt;chr&gt;   &lt;chr&gt;                               &lt;dbl&gt;    &lt;dbl&gt;</span></span>
<span id="cb16-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 https://upl… Bade… Stuttg… Stuttgart                               6    35748</span></span>
<span id="cb16-30"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 https://upl… Baye… München München                                 6    70542</span></span>
<span id="cb16-31"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 https://upl… Berl… —       —                                       4      891</span></span>
<span id="cb16-32"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 https://upl… Bran… Potsdam Potsdam                                 4    29654</span></span>
<span id="cb16-33"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 https://upl… Brem… Bremen  Bremen                                  3      420</span></span>
<span id="cb16-34"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 https://upl… Hamb… —       —                                       3      755</span></span>
<span id="cb16-35"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 https://upl… Hess… Wiesba… Frankfurt am Main                       5    21116</span></span>
<span id="cb16-36"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 https://upl… Meck… Schwer… Rostock                                 3    23295</span></span>
<span id="cb16-37"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 https://upl… Nied… Hannov… Hannover                                6    47710</span></span>
<span id="cb16-38"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 https://upl… Nord… Düssel… Köln                                    6    34112</span></span>
<span id="cb16-39"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 11 https://upl… Rhei… Mainz   Mainz                                   4    19858</span></span>
<span id="cb16-40"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 12 https://upl… Saar… Saarbr… Saarbrücken                             3     2571</span></span>
<span id="cb16-41"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 13 https://upl… Sach… Dresden Leipzig                                 4    18450</span></span>
<span id="cb16-42"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 14 https://upl… Sach… Magdeb… Halle (Saale)                           4    20459</span></span>
<span id="cb16-43"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 15 https://upl… Schl… Kiel    Kiel                                    4    15804</span></span>
<span id="cb16-44"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 16 https://upl… Thür… Erfurt  Erfurt                                  4    16202</span></span>
<span id="cb16-45"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 17 https://upl… Deut… Berlin  Berlin                                 69   357588</span></span>
<span id="cb16-46"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 2 more variables: pop_million &lt;dbl&gt;, pop_per_km2 &lt;dbl&gt;</span></span></code></pre></div>
</div>
<p>And now that <code>cleaned_state_dat</code> is complete, we can join it with <code>gdp_series</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb17" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb17-1">german_stats <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> cleaned_state_dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb17-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb17-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">img =</span> img_urls,</span>
<span id="cb17-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.before =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span></span>
<span id="cb17-5">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb17-6">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">left_join</span>(gdp_series, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">by =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'state'</span>)</span>
<span id="cb17-7">german_stats</span>
<span id="cb17-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 17 × 9</span></span>
<span id="cb17-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    img          state capital most_populous_city federal_assembly_votes area_km2</span></span>
<span id="cb17-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;        &lt;chr&gt; &lt;chr&gt;   &lt;chr&gt;                               &lt;dbl&gt;    &lt;dbl&gt;</span></span>
<span id="cb17-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 https://upl… Bade… Stuttg… Stuttgart                               6    35748</span></span>
<span id="cb17-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 https://upl… Baye… München München                                 6    70542</span></span>
<span id="cb17-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 https://upl… Berl… —       —                                       4      891</span></span>
<span id="cb17-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 https://upl… Bran… Potsdam Potsdam                                 4    29654</span></span>
<span id="cb17-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 https://upl… Brem… Bremen  Bremen                                  3      420</span></span>
<span id="cb17-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 https://upl… Hamb… —       —                                       3      755</span></span>
<span id="cb17-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 https://upl… Hess… Wiesba… Frankfurt am Main                       5    21116</span></span>
<span id="cb17-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 https://upl… Meck… Schwer… Rostock                                 3    23295</span></span>
<span id="cb17-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 https://upl… Nied… Hannov… Hannover                                6    47710</span></span>
<span id="cb17-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 https://upl… Nord… Düssel… Köln                                    6    34112</span></span>
<span id="cb17-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 11 https://upl… Rhei… Mainz   Mainz                                   4    19858</span></span>
<span id="cb17-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 12 https://upl… Saar… Saarbr… Saarbrücken                             3     2571</span></span>
<span id="cb17-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 13 https://upl… Sach… Dresden Leipzig                                 4    18450</span></span>
<span id="cb17-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 14 https://upl… Sach… Magdeb… Halle (Saale)                           4    20459</span></span>
<span id="cb17-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 15 https://upl… Schl… Kiel    Kiel                                    4    15804</span></span>
<span id="cb17-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 16 https://upl… Thür… Erfurt  Erfurt                                  4    16202</span></span>
<span id="cb17-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 17 https://upl… Deut… Berlin  Berlin                                 69   357588</span></span>
<span id="cb17-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 3 more variables: pop_million &lt;dbl&gt;, pop_per_km2 &lt;dbl&gt;, gdp &lt;list&gt;</span></span></code></pre></div>
</div>
</section>
<section id="get-state-descriptions-from-wikipedia" class="level3">
<h3 class="anchored" data-anchor-id="get-state-descriptions-from-wikipedia">Get state descriptions from Wikipedia</h3>
<p>Now the only thing that’s missing is the state descriptions. For that, we can scrape the first paragraph from Wikipedia. Let’s do that with one example first. Let’s use the URL to the English Wiki of Bavaria.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb18" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb18-1">url <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://en.wikipedia.org/wiki/Baden-W%C3%BCrttemberg'</span></span></code></pre></div>
</div>
<p>Then, we can get all the paragraphs from this page by looking for <code>&lt;p&gt;</code>-tags. That’s HTML notation to denote a paragraph. With the <code>{rvest}</code> package, all we have to do is to read the URL just like before and then pass that to the <code>html_elements()</code> function.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb19" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb19-1">paragraphs <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">read_html</span>(url) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb19-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">html_elements</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'p'</span>)</span>
<span id="cb19-3">paragraphs</span>
<span id="cb19-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## {xml_nodeset (69)}</span></span>
<span id="cb19-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [1] &lt;p class="mw-empty-elt"&gt;\n&lt;/p&gt;</span></span>
<span id="cb19-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [2] &lt;p&gt;&lt;b&gt;Baden-Württemberg&lt;/b&gt; (&lt;span class="rt-commentedText nowrap"&gt;&lt;span ...</span></span>
<span id="cb19-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [3] &lt;p&gt;Modern Baden-Württemberg includes the historical territories of &lt;a hr ...</span></span>
<span id="cb19-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [4] &lt;p&gt;Baden-Württemberg is especially known for its strong economy with var ...</span></span>
<span id="cb19-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [5] &lt;p&gt;The &lt;a href="/wiki/Sobriquet" title="Sobriquet"&gt;sobriquet&lt;/a&gt; &lt;span t ...</span></span>
<span id="cb19-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [6] &lt;p&gt;Baden-Württemberg is formed from the historical territories of &lt;a hre ...</span></span>
<span id="cb19-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [7] &lt;p&gt;In 100 AD, the &lt;a href="/wiki/Roman_Empire" title="Roman Empire"&gt;Roma ...</span></span>
<span id="cb19-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [8] &lt;p&gt;The Holy Roman Empire was later established. The majority of people i ...</span></span>
<span id="cb19-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [9] &lt;p&gt;In the late 18th and early 19th century, &lt;a href="/wiki/K%C3%BCnzelsa ...</span></span>
<span id="cb19-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [10] &lt;p&gt;In the late 19th and early 20th centuries, numerous people emigrated  ...</span></span>
<span id="cb19-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [11] &lt;p&gt;At the beginning of the 20th century, the territory of modern-day Bad ...</span></span>
<span id="cb19-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [12] &lt;p&gt;Following &lt;a href="/wiki/Adolf_Hitler" title="Adolf Hitler"&gt;Adolf Hit ...</span></span>
<span id="cb19-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [13] &lt;p&gt;After World War II, the &lt;a href="/wiki/Allies_of_World_War_II" title= ...</span></span>
<span id="cb19-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [14] &lt;p&gt;In 1949, each state became a founding member of the &lt;a href="/wiki/We ...</span></span>
<span id="cb19-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [15] &lt;p&gt;There were still opponents to the merger of Baden and Württemberg, ho ...</span></span>
<span id="cb19-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [16] &lt;p&gt;Baden-Württemberg shares borders with the German states of &lt;a href="/ ...</span></span>
<span id="cb19-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [17] &lt;p&gt;Most of the major cities of Baden-Württemberg straddle the banks of t ...</span></span>
<span id="cb19-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [18] &lt;p&gt;The &lt;a href="/wiki/Rhine" title="Rhine"&gt;Rhine&lt;/a&gt; (German: &lt;i lang="d ...</span></span>
<span id="cb19-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [19] &lt;p&gt;The &lt;a href="/wiki/Danube" title="Danube"&gt;Danube&lt;/a&gt; is conventionall ...</span></span>
<span id="cb19-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [20] &lt;p&gt;The forests in this region are home to common pests such as &lt;i&gt;&lt;a hre ...</span></span>
<span id="cb19-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ...</span></span></code></pre></div>
</div>
<p>This will give us a bunch of HTML text. If we want to turn this into clean text, we just apply the <code>html_text()</code> function. Then, let us look at the first three entries of the resulting vector.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb20" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb20-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">html_text</span>(paragraphs)[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>] </span>
<span id="cb20-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] "\n"                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </span></span>
<span id="cb20-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [2] "Baden-Württemberg (/ˌbɑːdən ˈvɜːrtəmbɜːrɡ/ BAH-dən VURT-əm-burg;[6].mw-parser-output .IPA-label-small{font-size:85%}.mw-parser-output .references .IPA-label-small,.mw-parser-output .infobox .IPA-label-small,.mw-parser-output .navbox .IPA-label-small{font-size:100%}German: [ˌbaːdn̩ ˈvʏʁtəmbɛʁk] ⓘ), commonly shortened to BW or BaWü, is a German state (Land) in Southwest Germany, east of the Rhine, which forms the southern part of Germany's western border with France. With more than 11.07 million inhabitants as of 2019[update] across a total area of nearly 35,752&nbsp;km2 (13,804&nbsp;sq&nbsp;mi), it is the third-largest German state by both area (behind Bavaria and Lower Saxony) and population (behind North Rhine-Westphalia and Bavaria).[7] As a federated state, Baden-Württemberg is a partly-sovereign parliamentary republic. The largest city in Baden-Württemberg is the state capital of Stuttgart, followed by Mannheim and Karlsruhe. Other major cities are Freiburg im Breisgau, Heidelberg, Heilbronn, Pforzheim, Reutlingen, Tübingen, and Ulm.\n"</span></span>
<span id="cb20-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [3] "Modern Baden-Württemberg includes the historical territories of Baden, Prussian Hohenzollern, and Württemberg. Baden-Württemberg became a state of West Germany in April 1952 through the merger of South Baden, Württemberg-Baden, and Württemberg-Hohenzollern. These states had been created by the Allies as they  separated traditional states into occupation zones after World War II\n"</span></span></code></pre></div>
</div>
<p>It appears as if the text we’re looking for is in the second entry. But is has a whole lot of gibberish in it too. Things like:</p>
<pre><code>.mw-parser-output .IPA-label-small{font-size:85%}
.mw-parser-output .references
.IPA-label-small,.mw-parser-output .infobox
.IPA-label-small,.mw-parser-output .navbox
.IPA-label-small{font-size:100%}</code></pre>
<p>So let’s get rid of that. First, let’s look for the text <code>.mw-parser-output</code> and remove that.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb22" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb22-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">html_text</span>(paragraphs)[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb22-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_remove_all</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">.mw-parser-output'</span>)</span>
<span id="cb22-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] "Baden-Württemberg (/ˌbɑːdən ˈvɜːrtəmbɜːrɡ/ BAH-dən VURT-əm-burg;[6] .IPA-label-small{font-size:85%} .references .IPA-label-small, .infobox .IPA-label-small, .navbox .IPA-label-small{font-size:100%}German: [ˌbaːdn̩ ˈvʏʁtəmbɛʁk] ⓘ), commonly shortened to BW or BaWü, is a German state (Land) in Southwest Germany, east of the Rhine, which forms the southern part of Germany's western border with France. With more than 11.07 million inhabitants as of 2019[update] across a total area of nearly 35,752&nbsp;km2 (13,804&nbsp;sq&nbsp;mi), it is the third-largest German state by both area (behind Bavaria and Lower Saxony) and population (behind North Rhine-Westphalia and Bavaria).[7] As a federated state, Baden-Württemberg is a partly-sovereign parliamentary republic. The largest city in Baden-Württemberg is the state capital of Stuttgart, followed by Mannheim and Karlsruhe. Other major cities are Freiburg im Breisgau, Heidelberg, Heilbronn, Pforzheim, Reutlingen, Tübingen, and Ulm.\n"</span></span></code></pre></div>
</div>
<p>Here, we have used <code>\\.</code> to look for a literal <code>.</code> character. Otherwise, <code>.</code> would mean any character in regular expressions. But this doesn’t remove everything. We want to remove everything from <code>.mw-parser-output</code> to what is in the curly brackets <code>{}</code> (like <code>{font-size:85%}</code>). So let’s check if we can remove JUST the brackets.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb23" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb23-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">html_text</span>(paragraphs)[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb23-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_remove_all</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">{.+</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">}'</span>)</span>
<span id="cb23-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] "Baden-Württemberg (/ˌbɑːdən ˈvɜːrtəmbɜːrɡ/ BAH-dən VURT-əm-burg;[6].mw-parser-output .IPA-label-smallGerman: [ˌbaːdn̩ ˈvʏʁtəmbɛʁk] ⓘ), commonly shortened to BW or BaWü, is a German state (Land) in Southwest Germany, east of the Rhine, which forms the southern part of Germany's western border with France. With more than 11.07 million inhabitants as of 2019[update] across a total area of nearly 35,752&nbsp;km2 (13,804&nbsp;sq&nbsp;mi), it is the third-largest German state by both area (behind Bavaria and Lower Saxony) and population (behind North Rhine-Westphalia and Bavaria).[7] As a federated state, Baden-Württemberg is a partly-sovereign parliamentary republic. The largest city in Baden-Württemberg is the state capital of Stuttgart, followed by Mannheim and Karlsruhe. Other major cities are Freiburg im Breisgau, Heidelberg, Heilbronn, Pforzheim, Reutlingen, Tübingen, and Ulm.\n"</span></span></code></pre></div>
</div>
<p>Here, we have used three parts in our regular expression.</p>
<ol type="1">
<li>Literal curly brackets <code>\\{</code> and <code>\\}</code></li>
<li>Any character <code>.</code> between the brackets but</li>
<li>not just a single character but arbitrarily many (<code>+</code>)</li>
</ol>
<p>So with that, we could break down what we want to remove into three chunks:</p>
<ol type="1">
<li>Start at <code>\\.mw-parser-output</code></li>
<li>End at <code>\\{.+\\}</code></li>
<li>Delete those and everything between (<code>.+</code>)</li>
</ol>
<p>So let’s throw this all together:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb24" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb24-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">html_text</span>(paragraphs)[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb24-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_remove_all</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">.mw-parser-output.+</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">{.+</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">}'</span>)</span>
<span id="cb24-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] "Baden-Württemberg (/ˌbɑːdən ˈvɜːrtəmbɜːrɡ/ BAH-dən VURT-əm-burg;[6]German: [ˌbaːdn̩ ˈvʏʁtəmbɛʁk] ⓘ), commonly shortened to BW or BaWü, is a German state (Land) in Southwest Germany, east of the Rhine, which forms the southern part of Germany's western border with France. With more than 11.07 million inhabitants as of 2019[update] across a total area of nearly 35,752&nbsp;km2 (13,804&nbsp;sq&nbsp;mi), it is the third-largest German state by both area (behind Bavaria and Lower Saxony) and population (behind North Rhine-Westphalia and Bavaria).[7] As a federated state, Baden-Württemberg is a partly-sovereign parliamentary republic. The largest city in Baden-Württemberg is the state capital of Stuttgart, followed by Mannheim and Karlsruhe. Other major cities are Freiburg im Breisgau, Heidelberg, Heilbronn, Pforzheim, Reutlingen, Tübingen, and Ulm.\n"</span></span></code></pre></div>
</div>
<p>Cool. Similarly, we can get rid of these footnotes brackets that Wikipedia has (e.g.&nbsp;<code>[6]</code>). They are described by opening and closing brackets with numbers between them. Numbers are denoted by <code>\\d</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb25" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb25-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">html_text</span>(paragraphs)[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb25-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_remove_all</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">.mw-parser-output.+</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">{.+</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">}'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb25-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_remove_all</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">[</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">d+</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">]"</span>) </span>
<span id="cb25-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] "Baden-Württemberg (/ˌbɑːdən ˈvɜːrtəmbɜːrɡ/ BAH-dən VURT-əm-burg;German: [ˌbaːdn̩ ˈvʏʁtəmbɛʁk] ⓘ), commonly shortened to BW or BaWü, is a German state (Land) in Southwest Germany, east of the Rhine, which forms the southern part of Germany's western border with France. With more than 11.07 million inhabitants as of 2019[update] across a total area of nearly 35,752&nbsp;km2 (13,804&nbsp;sq&nbsp;mi), it is the third-largest German state by both area (behind Bavaria and Lower Saxony) and population (behind North Rhine-Westphalia and Bavaria). As a federated state, Baden-Württemberg is a partly-sovereign parliamentary republic. The largest city in Baden-Württemberg is the state capital of Stuttgart, followed by Mannheim and Karlsruhe. Other major cities are Freiburg im Breisgau, Heidelberg, Heilbronn, Pforzheim, Reutlingen, Tübingen, and Ulm.\n"</span></span></code></pre></div>
</div>
<p>Ahh there’s also an <code>[update]</code> tag in there. Let’s throw that out too. We can just tell the regular expression to look for either numbers <code>\\d</code> or for the word <code>update</code> by grouping them together with <code>()</code> and putting a <code>|</code> between them.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb26" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb26-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">html_text</span>(paragraphs)[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb26-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_remove_all</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">.mw-parser-output.+</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">{.+</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">}'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb26-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_remove_all</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">[(</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">d+|update)</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">]"</span>) </span>
<span id="cb26-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] "Baden-Württemberg (/ˌbɑːdən ˈvɜːrtəmbɜːrɡ/ BAH-dən VURT-əm-burg;German: [ˌbaːdn̩ ˈvʏʁtəmbɛʁk] ⓘ), commonly shortened to BW or BaWü, is a German state (Land) in Southwest Germany, east of the Rhine, which forms the southern part of Germany's western border with France. With more than 11.07 million inhabitants as of 2019 across a total area of nearly 35,752&nbsp;km2 (13,804&nbsp;sq&nbsp;mi), it is the third-largest German state by both area (behind Bavaria and Lower Saxony) and population (behind North Rhine-Westphalia and Bavaria). As a federated state, Baden-Württemberg is a partly-sovereign parliamentary republic. The largest city in Baden-Württemberg is the state capital of Stuttgart, followed by Mannheim and Karlsruhe. Other major cities are Freiburg im Breisgau, Heidelberg, Heilbronn, Pforzheim, Reutlingen, Tübingen, and Ulm.\n"</span></span></code></pre></div>
</div>
<p>And for good measure, let’s get rid of any single-character brackets like <code>[a]</code> as well (in case they pop up for other states.)</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb27" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb27-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">html_text</span>(paragraphs)[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb27-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_remove_all</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">.mw-parser-output.+</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">{.+</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">}'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb27-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_remove_all</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">[(</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">d+|update|.)</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">]"</span>) </span>
<span id="cb27-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] "Baden-Württemberg (/ˌbɑːdən ˈvɜːrtəmbɜːrɡ/ BAH-dən VURT-əm-burg;German: [ˌbaːdn̩ ˈvʏʁtəmbɛʁk] ⓘ), commonly shortened to BW or BaWü, is a German state (Land) in Southwest Germany, east of the Rhine, which forms the southern part of Germany's western border with France. With more than 11.07 million inhabitants as of 2019 across a total area of nearly 35,752&nbsp;km2 (13,804&nbsp;sq&nbsp;mi), it is the third-largest German state by both area (behind Bavaria and Lower Saxony) and population (behind North Rhine-Westphalia and Bavaria). As a federated state, Baden-Württemberg is a partly-sovereign parliamentary republic. The largest city in Baden-Württemberg is the state capital of Stuttgart, followed by Mannheim and Karlsruhe. Other major cities are Freiburg im Breisgau, Heidelberg, Heilbronn, Pforzheim, Reutlingen, Tübingen, and Ulm.\n"</span></span></code></pre></div>
</div>
<p>Alright, that was the hard part. Let’s finish off with the simple stuff. Let’s remove things like <code>\\n</code> and <code>ⓘ</code> . And let’s also replace <code>km2</code> with <code>km²</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb28" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb28-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">html_text</span>(paragraphs)[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb28-2">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_remove_all</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">.mw-parser-output.+</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">{.+</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">}'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb28-3">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_remove_all</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">[(</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">d+|update|.)</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">]"</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb28-4">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_remove_all</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">n"</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb28-5">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_remove_all</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'ⓘ'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb28-6">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_replace_all</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'km2'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'km²'</span>)</span>
<span id="cb28-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] "Baden-Württemberg (/ˌbɑːdən ˈvɜːrtəmbɜːrɡ/ BAH-dən VURT-əm-burg;German: [ˌbaːdn̩ ˈvʏʁtəmbɛʁk] ), commonly shortened to BW or BaWü, is a German state (Land) in Southwest Germany, east of the Rhine, which forms the southern part of Germany's western border with France. With more than 11.07 million inhabitants as of 2019 across a total area of nearly 35,752&nbsp;km² (13,804&nbsp;sq&nbsp;mi), it is the third-largest German state by both area (behind Bavaria and Lower Saxony) and population (behind North Rhine-Westphalia and Bavaria). As a federated state, Baden-Württemberg is a partly-sovereign parliamentary republic. The largest city in Baden-Württemberg is the state capital of Stuttgart, followed by Mannheim and Karlsruhe. Other major cities are Freiburg im Breisgau, Heidelberg, Heilbronn, Pforzheim, Reutlingen, Tübingen, and Ulm."</span></span></code></pre></div>
</div>
<p>Nice. Looks like we have a text cleaning recipe. Let’s wrap that into a function so that we can apply that to all state URLs.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb29" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb29-1">get_state_description <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(url) {</span>
<span id="cb29-2">  paragraphs <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">read_html</span>(url) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb29-3">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">html_elements</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'p'</span>) </span>
<span id="cb29-4">  </span>
<span id="cb29-5">  </span>
<span id="cb29-6">  paragraph_nmbr <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span></span>
<span id="cb29-7">  <span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Earlier versions of this post had</span></span>
<span id="cb29-8">  <span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## paragraph_nmbr &lt;- 2 if (str_detect(url, 'Hesse')) 1 else 2</span></span>
<span id="cb29-9">  <span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## That was due to the the relevant info being in the first paragraph for Hesse. </span></span>
<span id="cb29-10">  <span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## But that changed now so the code got easier.</span></span>
<span id="cb29-11">  paragraphs[paragraph_nmbr] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb29-12">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">html_text</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb29-13">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_remove_all</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">[(</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">d+|update|.)</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">]"</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb29-14">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_remove_all</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">.mw-parser-output.+</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">{.+</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">}'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb29-15">    <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># str_remove_all("\\.mw-parser-output.*?\\{.*?\\}") |&gt; </span></span>
<span id="cb29-16">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_remove_all</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\\</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">n"</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb29-17">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_remove_all</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'ⓘ'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb29-18">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_replace_all</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'km2'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'km²'</span>)</span>
<span id="cb29-19">}</span></code></pre></div>
</div>
<p>There’s a function. Time to iterate with it. Let’s collect all of the URLs for different states in a vector and then use it in conjunction with <code>map_chr()</code> to iterate over the vector.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb30" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb30-1">state_urls <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb30-2">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://en.wikipedia.org/wiki/Baden-W%C3%BCrttemberg'</span>,</span>
<span id="cb30-3">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://en.wikipedia.org/wiki/Bavaria'</span>,</span>
<span id="cb30-4">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://en.wikipedia.org/wiki/Berlin'</span>,</span>
<span id="cb30-5">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://en.wikipedia.org/wiki/Brandenburg'</span>,</span>
<span id="cb30-6">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://en.wikipedia.org/wiki/Bremen'</span>,</span>
<span id="cb30-7">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://en.wikipedia.org/wiki/Hamburg'</span>,</span>
<span id="cb30-8">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://en.wikipedia.org/wiki/Hesse'</span>,</span>
<span id="cb30-9">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://en.wikipedia.org/wiki/Mecklenburg-Vorpommern'</span>,</span>
<span id="cb30-10">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://en.wikipedia.org/wiki/Lower_Saxony'</span>,</span>
<span id="cb30-11">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://en.wikipedia.org/wiki/North_Rhine-Westphalia'</span>,</span>
<span id="cb30-12">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://en.wikipedia.org/wiki/Rhineland-Palatinate'</span>,</span>
<span id="cb30-13">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://en.wikipedia.org/wiki/Saarland'</span>,</span>
<span id="cb30-14">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://en.wikipedia.org/wiki/Saxony'</span>,</span>
<span id="cb30-15">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://en.wikipedia.org/wiki/Saxony-Anhalt'</span>,</span>
<span id="cb30-16">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://en.wikipedia.org/wiki/Schleswig-Holstein'</span>,</span>
<span id="cb30-17">  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'https://en.wikipedia.org/wiki/Thuringia'</span></span>
<span id="cb30-18">) </span>
<span id="cb30-19"></span>
<span id="cb30-20">state_descriptions <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> state_urls <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb30-21">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">map_chr</span>(get_state_description)</span>
<span id="cb30-22"></span>
<span id="cb30-23">state_descriptions <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb30-24">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">glimpse</span>()</span>
<span id="cb30-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  chr [1:16] "Baden-Württemberg (/ˌbɑːdən ˈvɜːrtəmbɜːrɡ/ BAH-dən VURT-əm-burg;German: [ˌbaːdn̩ ˈvʏʁtəmbɛʁk] ), commonly shorte"| __truncated__ ...</span></span></code></pre></div>
</div>
<p>Excellent! We have all of our data for our interactive table now (Hoooray!) Time to create the table then. But before we create the table, let me throw in a short announcement:</p>
<hr>
</section>
</section>
<section id="data-cleaning-master-class" class="level2">
<h2 class="anchored" data-anchor-id="data-cleaning-master-class">Data Cleaning Master Class</h2>
<p>If you enjoyed this blog post so far, then I am sure you’re going to really like my Data Cleaning Master Class. It teaches you everything you need to know to <strong>clean up messy data sets in no time</strong>. It teaches way more techniques than the ones I have shown you already and it covers</p>
<ul>
<li>a variety of file formats (including pesky JSON &amp; Excel files),</li>
<li>text cleaning strategies (including the almighty regular expressions, i.e.&nbsp;RegEx) and</li>
<li>handling time and date data (which is always tedious when you don’t know the right functions.)</li>
</ul>
<p>So if you want to <strong>transform messy data into insights quickly</strong>, then check out the <a href="https://data-cleaning.albert-rapp.de/">course page today</a>.</p>
<p><a href="https://data-cleaning.albert-rapp.de/"><img src="https://albert-rapp.de/imgs/data-cleaning-masterclass.png" class="img-fluid" style="width:80%; border: 1px solid black; filter: drop-shadow(10px 10px 4px #333333);"></a></p>
<hr>
</section>
<section id="turning-the-data-into-a-table" class="level2 page-columns page-full">
<h2 class="anchored" data-anchor-id="turning-the-data-into-a-table">Turning the data into a table</h2>
<p>Alright, let’s start building the table. If you want to recreate the code from the YT video and don’t want to webscrape the data yourself, you can download the data from the video <a href="video_datasets.zip">here</a>. For that, we first create a data set that doesn’t have the last row with the totals in it.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb31" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb31-1">german_stats_wo_total <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> german_stats <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb31-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">slice</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>) </span>
<span id="cb31-3">german_stats_wo_total</span>
<span id="cb31-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 16 × 9</span></span>
<span id="cb31-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    img          state capital most_populous_city federal_assembly_votes area_km2</span></span>
<span id="cb31-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;        &lt;chr&gt; &lt;chr&gt;   &lt;chr&gt;                               &lt;dbl&gt;    &lt;dbl&gt;</span></span>
<span id="cb31-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 https://upl… Bade… Stuttg… Stuttgart                               6    35748</span></span>
<span id="cb31-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 https://upl… Baye… München München                                 6    70542</span></span>
<span id="cb31-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 https://upl… Berl… —       —                                       4      891</span></span>
<span id="cb31-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 https://upl… Bran… Potsdam Potsdam                                 4    29654</span></span>
<span id="cb31-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 https://upl… Brem… Bremen  Bremen                                  3      420</span></span>
<span id="cb31-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 https://upl… Hamb… —       —                                       3      755</span></span>
<span id="cb31-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 https://upl… Hess… Wiesba… Frankfurt am Main                       5    21116</span></span>
<span id="cb31-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 https://upl… Meck… Schwer… Rostock                                 3    23295</span></span>
<span id="cb31-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 https://upl… Nied… Hannov… Hannover                                6    47710</span></span>
<span id="cb31-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 https://upl… Nord… Düssel… Köln                                    6    34112</span></span>
<span id="cb31-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 11 https://upl… Rhei… Mainz   Mainz                                   4    19858</span></span>
<span id="cb31-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 12 https://upl… Saar… Saarbr… Saarbrücken                             3     2571</span></span>
<span id="cb31-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 13 https://upl… Sach… Dresden Leipzig                                 4    18450</span></span>
<span id="cb31-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 14 https://upl… Sach… Magdeb… Halle (Saale)                           4    20459</span></span>
<span id="cb31-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 15 https://upl… Schl… Kiel    Kiel                                    4    15804</span></span>
<span id="cb31-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 16 https://upl… Thür… Erfurt  Erfurt                                  4    16202</span></span>
<span id="cb31-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 3 more variables: pop_million &lt;dbl&gt;, pop_per_km2 &lt;dbl&gt;, gdp &lt;list&gt;</span></span></code></pre></div>
</div>
<section id="basic-table" class="level3 page-columns page-full">
<h3 class="anchored" data-anchor-id="basic-table">Basic Table</h3>
<p>Then, we can pass that data to the <code>reactable()</code> function.</p>
<div class="cell page-columns page-full">
<div class="sourceCode cell-code" id="cb32" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb32-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(reactable)</span>
<span id="cb32-2">german_stats_wo_total <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb32-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>()</span></code></pre></div>
<div class="cell-output-display column-page">
<div class="reactable html-widget html-fill-item" id="htmlwidget-ebf2660b5c9edabfd609" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-ebf2660b5c9edabfd609">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"img":["https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg"],"state":["Baden-Württemberg","Bayern","Berlin","Brandenburg","Bremen","Hamburg","Hessen","Mecklenburg-Vorpommern","Niedersachsen","Nordrhein-Westfalen","Rheinland-Pfalz","Saarland","Sachsen","Sachsen-Anhalt","Schleswig-Holstein","Thüringen"],"capital":["Stuttgart","München","—","Potsdam","Bremen","—","Wiesbaden","Schwerin","Hannover","Düsseldorf","Mainz","Saarbrücken","Dresden","Magdeburg","Kiel","Erfurt"],"most_populous_city":["Stuttgart","München","—","Potsdam","Bremen","—","Frankfurt am Main","Rostock","Hannover","Köln","Mainz","Saarbrücken","Leipzig","Halle (Saale)","Kiel","Erfurt"],"federal_assembly_votes":[6,6,4,4,3,3,5,3,6,6,4,3,4,4,4,4],"area_km2":[35748,70542,891,29654,420,755,21116,23295,47710,34112,19858,2571,18450,20459,15804,16202],"pop_million":[11.28,13.369,3.755,2.573,0.685,1.892,6.391,1.628,8.14,18.139,4.159,0.993,4.086,2.187,2.953,2.127],"pop_per_km2":[316,190,4210,87,1633,2506,303,70,171,532,209,386,221,107,187,132],"gdp":[[100,"NA",104.7,107,106.6,101.5,104.8,106.2],[100,"NA",106.3,106.7,108.6,104.6,107.5,109.8],[100,"NA",109.6,113.5,116.8,114.2,117.8,123.6],[100,"NA",104.7,105.2,107,104.6,107.2,110.7],[100,"NA",103.3,103,101.5,96.4,102.3,107.5],[100,"NA",104,103.8,107.1,102,105.8,110.5],[100,"NA",105,105.5,107.1,102,104.5,106.2],[100,"NA",105.8,103.8,108.3,104.7,107.2,107.4],[100,"NA",106.9,108.3,110.6,106.2,107,108.2],[100,"NA",103.7,105.1,105.1,101.8,103.6,104.7],[100,"NA",102.5,102.6,103.1,99.5,108.2,107.9],[100,"NA",101.4,100.8,98.8,94,95.2,96.8],[100,"NA",104.1,104.9,106.4,102.7,104.6,107.4],[100,"NA",102.6,102.1,103.7,101.3,103.6,106.3],[100,"NA",105.2,105.7,108.2,106.4,107.7,109.1],[100,"NA",103.3,103,102.9,99.8,101.8,103.3]]},"columns":[{"id":"img","name":"img","type":"character"},{"id":"state","name":"state","type":"character"},{"id":"capital","name":"capital","type":"character"},{"id":"most_populous_city","name":"most_populous_city","type":"character"},{"id":"federal_assembly_votes","name":"federal_assembly_votes","type":"numeric"},{"id":"area_km2","name":"area_km2","type":"numeric"},{"id":"pop_million","name":"pop_million","type":"numeric"},{"id":"pop_per_km2","name":"pop_per_km2","type":"numeric"},{"id":"gdp","name":"gdp","type":"list"}],"dataKey":"eb4a796666f38eef34a3097088b15882"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
<p>This doesn’t look nice at all. We have lots of tweaking to do. First, let’s get rid of the pagination. I want to have all rows visible in the table.</p>
<div class="cell page-columns page-full">
<div class="sourceCode cell-code" id="cb33" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb33-1">german_stats_wo_total <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb33-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb33-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pagination =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span></span>
<span id="cb33-4">  )</span></code></pre></div>
<div class="cell-output-display column-page">
<div class="reactable html-widget html-fill-item" id="htmlwidget-415dfbd90d6f69d89a4d" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-415dfbd90d6f69d89a4d">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"img":["https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg"],"state":["Baden-Württemberg","Bayern","Berlin","Brandenburg","Bremen","Hamburg","Hessen","Mecklenburg-Vorpommern","Niedersachsen","Nordrhein-Westfalen","Rheinland-Pfalz","Saarland","Sachsen","Sachsen-Anhalt","Schleswig-Holstein","Thüringen"],"capital":["Stuttgart","München","—","Potsdam","Bremen","—","Wiesbaden","Schwerin","Hannover","Düsseldorf","Mainz","Saarbrücken","Dresden","Magdeburg","Kiel","Erfurt"],"most_populous_city":["Stuttgart","München","—","Potsdam","Bremen","—","Frankfurt am Main","Rostock","Hannover","Köln","Mainz","Saarbrücken","Leipzig","Halle (Saale)","Kiel","Erfurt"],"federal_assembly_votes":[6,6,4,4,3,3,5,3,6,6,4,3,4,4,4,4],"area_km2":[35748,70542,891,29654,420,755,21116,23295,47710,34112,19858,2571,18450,20459,15804,16202],"pop_million":[11.28,13.369,3.755,2.573,0.685,1.892,6.391,1.628,8.14,18.139,4.159,0.993,4.086,2.187,2.953,2.127],"pop_per_km2":[316,190,4210,87,1633,2506,303,70,171,532,209,386,221,107,187,132],"gdp":[[100,"NA",104.7,107,106.6,101.5,104.8,106.2],[100,"NA",106.3,106.7,108.6,104.6,107.5,109.8],[100,"NA",109.6,113.5,116.8,114.2,117.8,123.6],[100,"NA",104.7,105.2,107,104.6,107.2,110.7],[100,"NA",103.3,103,101.5,96.4,102.3,107.5],[100,"NA",104,103.8,107.1,102,105.8,110.5],[100,"NA",105,105.5,107.1,102,104.5,106.2],[100,"NA",105.8,103.8,108.3,104.7,107.2,107.4],[100,"NA",106.9,108.3,110.6,106.2,107,108.2],[100,"NA",103.7,105.1,105.1,101.8,103.6,104.7],[100,"NA",102.5,102.6,103.1,99.5,108.2,107.9],[100,"NA",101.4,100.8,98.8,94,95.2,96.8],[100,"NA",104.1,104.9,106.4,102.7,104.6,107.4],[100,"NA",102.6,102.1,103.7,101.3,103.6,106.3],[100,"NA",105.2,105.7,108.2,106.4,107.7,109.1],[100,"NA",103.3,103,102.9,99.8,101.8,103.3]]},"columns":[{"id":"img","name":"img","type":"character"},{"id":"state","name":"state","type":"character"},{"id":"capital","name":"capital","type":"character"},{"id":"most_populous_city","name":"most_populous_city","type":"character"},{"id":"federal_assembly_votes","name":"federal_assembly_votes","type":"numeric"},{"id":"area_km2","name":"area_km2","type":"numeric"},{"id":"pop_million","name":"pop_million","type":"numeric"},{"id":"pop_per_km2","name":"pop_per_km2","type":"numeric"},{"id":"gdp","name":"gdp","type":"list"}],"pagination":false,"dataKey":"eb4a796666f38eef34a3097088b15882"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
</section>
<section id="default-column-settings" class="level3 page-columns page-full">
<h3 class="anchored" data-anchor-id="default-column-settings">Default column settings</h3>
<p>Then, we can set the default settings for every column. By default we cant to have</p>
<ul>
<li>the content left-aligned (horizontally) and center-aligned (vertically),</li>
<li>Column names in title case that use white space instead of <code>_</code></li>
<li>Bold text as well as a thick border for the column names</li>
</ul>
<div class="cell page-columns page-full">
<div class="sourceCode cell-code" id="cb34" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb34-1">german_stats_wo_total <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb34-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb34-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pagination =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>,</span>
<span id="cb34-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">defaultColDef =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb34-5">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">vAlign =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'center'</span>,</span>
<span id="cb34-6">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">align =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'left'</span>,</span>
<span id="cb34-7">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> \(x) <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_replace_all</span>(x, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'_'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">' '</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb34-8">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_to_title</span>(),</span>
<span id="cb34-9">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">headerStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb34-10">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb34-11">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_bottom =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid black'</span></span>
<span id="cb34-12">      )</span>
<span id="cb34-13">    )</span>
<span id="cb34-14">  )</span></code></pre></div>
<div class="cell-output-display column-page">
<div class="reactable html-widget html-fill-item" id="htmlwidget-fb11eb504de692941624" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-fb11eb504de692941624">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"img":["https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg"],"state":["Baden-Württemberg","Bayern","Berlin","Brandenburg","Bremen","Hamburg","Hessen","Mecklenburg-Vorpommern","Niedersachsen","Nordrhein-Westfalen","Rheinland-Pfalz","Saarland","Sachsen","Sachsen-Anhalt","Schleswig-Holstein","Thüringen"],"capital":["Stuttgart","München","—","Potsdam","Bremen","—","Wiesbaden","Schwerin","Hannover","Düsseldorf","Mainz","Saarbrücken","Dresden","Magdeburg","Kiel","Erfurt"],"most_populous_city":["Stuttgart","München","—","Potsdam","Bremen","—","Frankfurt am Main","Rostock","Hannover","Köln","Mainz","Saarbrücken","Leipzig","Halle (Saale)","Kiel","Erfurt"],"federal_assembly_votes":[6,6,4,4,3,3,5,3,6,6,4,3,4,4,4,4],"area_km2":[35748,70542,891,29654,420,755,21116,23295,47710,34112,19858,2571,18450,20459,15804,16202],"pop_million":[11.28,13.369,3.755,2.573,0.685,1.892,6.391,1.628,8.14,18.139,4.159,0.993,4.086,2.187,2.953,2.127],"pop_per_km2":[316,190,4210,87,1633,2506,303,70,171,532,209,386,221,107,187,132],"gdp":[[100,"NA",104.7,107,106.6,101.5,104.8,106.2],[100,"NA",106.3,106.7,108.6,104.6,107.5,109.8],[100,"NA",109.6,113.5,116.8,114.2,117.8,123.6],[100,"NA",104.7,105.2,107,104.6,107.2,110.7],[100,"NA",103.3,103,101.5,96.4,102.3,107.5],[100,"NA",104,103.8,107.1,102,105.8,110.5],[100,"NA",105,105.5,107.1,102,104.5,106.2],[100,"NA",105.8,103.8,108.3,104.7,107.2,107.4],[100,"NA",106.9,108.3,110.6,106.2,107,108.2],[100,"NA",103.7,105.1,105.1,101.8,103.6,104.7],[100,"NA",102.5,102.6,103.1,99.5,108.2,107.9],[100,"NA",101.4,100.8,98.8,94,95.2,96.8],[100,"NA",104.1,104.9,106.4,102.7,104.6,107.4],[100,"NA",102.6,102.1,103.7,101.3,103.6,106.3],[100,"NA",105.2,105.7,108.2,106.4,107.7,109.1],[100,"NA",103.3,103,102.9,99.8,101.8,103.3]]},"columns":[{"id":"img","name":"img","type":"character","header":"Img","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"}},{"id":"state","name":"state","type":"character","header":"State","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"}},{"id":"capital","name":"capital","type":"character","header":"Capital","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"}},{"id":"most_populous_city","name":"most_populous_city","type":"character","header":"Most Populous City","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"}},{"id":"federal_assembly_votes","name":"federal_assembly_votes","type":"numeric","header":"Federal Assembly Votes","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"}},{"id":"area_km2","name":"area_km2","type":"numeric","header":"Area Km2","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"}},{"id":"pop_million","name":"pop_million","type":"numeric","header":"Pop Million","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"}},{"id":"pop_per_km2","name":"pop_per_km2","type":"numeric","header":"Pop Per Km2","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"}},{"id":"gdp","name":"gdp","type":"list","header":"Gdp","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"}}],"pagination":false,"dataKey":"a538e016b50c9655d3cca29989ba2a5e"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
<p>Then, we can add a footer to all columns by grabbing the last row of the <code>german_stats</code> data set. Remember? This data set has the totals in the last row. And while we’re at it, we can also set a bit of stylings for the footers.</p>
<div class="cell page-columns page-full">
<div class="sourceCode cell-code" id="cb35" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb35-1">german_stats_wo_total <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb35-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb35-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pagination =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>,</span>
<span id="cb35-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">defaultColDef =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb35-5">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">vAlign =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'center'</span>,</span>
<span id="cb35-6">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">align =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'left'</span>,</span>
<span id="cb35-7">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> \(x) <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_replace_all</span>(x, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'_'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">' '</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb35-8">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_to_title</span>(),</span>
<span id="cb35-9">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">headerStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb35-10">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb35-11">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_bottom =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid black'</span></span>
<span id="cb35-12">      ),</span>
<span id="cb35-13">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(values, col_name) {</span>
<span id="cb35-14">        german_stats[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>, col_name]]</span>
<span id="cb35-15">      },</span>
<span id="cb35-16">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footerStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb35-17">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb35-18">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_top =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid black'</span></span>
<span id="cb35-19">      )</span>
<span id="cb35-20">    )</span>
<span id="cb35-21">  )</span></code></pre></div>
<div class="cell-output-display column-page">
<div class="reactable html-widget html-fill-item" id="htmlwidget-a7b03266fd54b6ef3e7e" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-a7b03266fd54b6ef3e7e">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"img":["https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg"],"state":["Baden-Württemberg","Bayern","Berlin","Brandenburg","Bremen","Hamburg","Hessen","Mecklenburg-Vorpommern","Niedersachsen","Nordrhein-Westfalen","Rheinland-Pfalz","Saarland","Sachsen","Sachsen-Anhalt","Schleswig-Holstein","Thüringen"],"capital":["Stuttgart","München","—","Potsdam","Bremen","—","Wiesbaden","Schwerin","Hannover","Düsseldorf","Mainz","Saarbrücken","Dresden","Magdeburg","Kiel","Erfurt"],"most_populous_city":["Stuttgart","München","—","Potsdam","Bremen","—","Frankfurt am Main","Rostock","Hannover","Köln","Mainz","Saarbrücken","Leipzig","Halle (Saale)","Kiel","Erfurt"],"federal_assembly_votes":[6,6,4,4,3,3,5,3,6,6,4,3,4,4,4,4],"area_km2":[35748,70542,891,29654,420,755,21116,23295,47710,34112,19858,2571,18450,20459,15804,16202],"pop_million":[11.28,13.369,3.755,2.573,0.685,1.892,6.391,1.628,8.14,18.139,4.159,0.993,4.086,2.187,2.953,2.127],"pop_per_km2":[316,190,4210,87,1633,2506,303,70,171,532,209,386,221,107,187,132],"gdp":[[100,"NA",104.7,107,106.6,101.5,104.8,106.2],[100,"NA",106.3,106.7,108.6,104.6,107.5,109.8],[100,"NA",109.6,113.5,116.8,114.2,117.8,123.6],[100,"NA",104.7,105.2,107,104.6,107.2,110.7],[100,"NA",103.3,103,101.5,96.4,102.3,107.5],[100,"NA",104,103.8,107.1,102,105.8,110.5],[100,"NA",105,105.5,107.1,102,104.5,106.2],[100,"NA",105.8,103.8,108.3,104.7,107.2,107.4],[100,"NA",106.9,108.3,110.6,106.2,107,108.2],[100,"NA",103.7,105.1,105.1,101.8,103.6,104.7],[100,"NA",102.5,102.6,103.1,99.5,108.2,107.9],[100,"NA",101.4,100.8,98.8,94,95.2,96.8],[100,"NA",104.1,104.9,106.4,102.7,104.6,107.4],[100,"NA",102.6,102.1,103.7,101.3,103.6,106.3],[100,"NA",105.2,105.7,108.2,106.4,107.7,109.1],[100,"NA",103.3,103,102.9,99.8,101.8,103.3]]},"columns":[{"id":"img","name":"img","type":"character","header":"Img","footer":"https://upload.wikimedia.org/wikipedia/commons/d/da/Coat_of_arms_of_Germany.svg","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"state","name":"state","type":"character","header":"State","footer":"Deutschland","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"capital","name":"capital","type":"character","header":"Capital","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"most_populous_city","name":"most_populous_city","type":"character","header":"Most Populous City","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"federal_assembly_votes","name":"federal_assembly_votes","type":"numeric","header":"Federal Assembly Votes","footer":"69","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"area_km2","name":"area_km2","type":"numeric","header":"Area Km2","footer":"357588","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"pop_million","name":"pop_million","type":"numeric","header":"Pop Million","footer":"84.359","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"pop_per_km2","name":"pop_per_km2","type":"numeric","header":"Pop Per Km2","footer":"236","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"gdp","name":"gdp","type":"list","header":"Gdp","footer":"100.0, NA, 105.0, 106.0, 107.1, 103.2, 105.9, 107.8","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}}],"pagination":false,"dataKey":"a14fc6600ea26bcd75af6a5cea1d1dda"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
<p>These settings aren’t perfect and we have to modify them for individual columns. But it’s a nice baseline. Now we only have to go through every column one by one to apply custom changes.</p>
</section>
<section id="setting-the-image-column" class="level3 page-columns page-full">
<h3 class="anchored" data-anchor-id="setting-the-image-column">Setting the image column</h3>
<p>Let’s start with the <code>img</code> column. There, we want to take the urls and wrap them into <code>&lt;img&gt;</code> tags. Since the <code>reactable</code> output is HTML, this will cause our images to appear from their online source. To create the tags we will need the <code>{htmltools}</code> package.</p>
<p>Further, we’ll adjust the width of that column and get rid of the column name altogether. And just like in the default settings, we have to treat the footer of the table separately.</p>
<div class="cell page-columns page-full">
<div class="sourceCode cell-code" id="cb36" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb36-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(htmltools)</span>
<span id="cb36-2">german_stats_wo_total <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb36-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb36-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pagination =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>,</span>
<span id="cb36-5">    </span>
<span id="cb36-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">defaultColDef =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb36-7">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">vAlign =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'center'</span>,</span>
<span id="cb36-8">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">align =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'left'</span>,</span>
<span id="cb36-9">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> \(x) <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_replace_all</span>(x, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'_'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">' '</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb36-10">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_to_title</span>(),</span>
<span id="cb36-11">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">headerStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb36-12">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb36-13">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_bottom =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid black'</span></span>
<span id="cb36-14">      ),</span>
<span id="cb36-15">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(values, col_name) {</span>
<span id="cb36-16">        german_stats[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>, col_name]]</span>
<span id="cb36-17">      },</span>
<span id="cb36-18">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footerStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb36-19">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb36-20">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_top =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid black'</span></span>
<span id="cb36-21">      )</span>
<span id="cb36-22">    ),</span>
<span id="cb36-23">    </span>
<span id="cb36-24">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb36-25">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">img =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb36-26">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span>,</span>
<span id="cb36-27">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">65</span>,</span>
<span id="cb36-28">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value) {</span>
<span id="cb36-29">          tags<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">img</span>(</span>
<span id="cb36-30">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">src =</span> value,</span>
<span id="cb36-31">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span></span>
<span id="cb36-32">          )</span>
<span id="cb36-33">        },</span>
<span id="cb36-34">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value) {</span>
<span id="cb36-35">          tags<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">img</span>(</span>
<span id="cb36-36">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">src =</span> german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>img[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>],</span>
<span id="cb36-37">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span></span>
<span id="cb36-38">          )</span>
<span id="cb36-39">        }</span>
<span id="cb36-40">      )</span>
<span id="cb36-41">    )</span>
<span id="cb36-42">  )</span></code></pre></div>
<div class="cell-output-display column-page">
<div class="reactable html-widget html-fill-item" id="htmlwidget-a283c4117d6952ce28a1" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-a283c4117d6952ce28a1">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"img":["https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg"],"state":["Baden-Württemberg","Bayern","Berlin","Brandenburg","Bremen","Hamburg","Hessen","Mecklenburg-Vorpommern","Niedersachsen","Nordrhein-Westfalen","Rheinland-Pfalz","Saarland","Sachsen","Sachsen-Anhalt","Schleswig-Holstein","Thüringen"],"capital":["Stuttgart","München","—","Potsdam","Bremen","—","Wiesbaden","Schwerin","Hannover","Düsseldorf","Mainz","Saarbrücken","Dresden","Magdeburg","Kiel","Erfurt"],"most_populous_city":["Stuttgart","München","—","Potsdam","Bremen","—","Frankfurt am Main","Rostock","Hannover","Köln","Mainz","Saarbrücken","Leipzig","Halle (Saale)","Kiel","Erfurt"],"federal_assembly_votes":[6,6,4,4,3,3,5,3,6,6,4,3,4,4,4,4],"area_km2":[35748,70542,891,29654,420,755,21116,23295,47710,34112,19858,2571,18450,20459,15804,16202],"pop_million":[11.28,13.369,3.755,2.573,0.685,1.892,6.391,1.628,8.14,18.139,4.159,0.993,4.086,2.187,2.953,2.127],"pop_per_km2":[316,190,4210,87,1633,2506,303,70,171,532,209,386,221,107,187,132],"gdp":[[100,"NA",104.7,107,106.6,101.5,104.8,106.2],[100,"NA",106.3,106.7,108.6,104.6,107.5,109.8],[100,"NA",109.6,113.5,116.8,114.2,117.8,123.6],[100,"NA",104.7,105.2,107,104.6,107.2,110.7],[100,"NA",103.3,103,101.5,96.4,102.3,107.5],[100,"NA",104,103.8,107.1,102,105.8,110.5],[100,"NA",105,105.5,107.1,102,104.5,106.2],[100,"NA",105.8,103.8,108.3,104.7,107.2,107.4],[100,"NA",106.9,108.3,110.6,106.2,107,108.2],[100,"NA",103.7,105.1,105.1,101.8,103.6,104.7],[100,"NA",102.5,102.6,103.1,99.5,108.2,107.9],[100,"NA",101.4,100.8,98.8,94,95.2,96.8],[100,"NA",104.1,104.9,106.4,102.7,104.6,107.4],[100,"NA",102.6,102.1,103.7,101.3,103.6,106.3],[100,"NA",105.2,105.7,108.2,106.4,107.7,109.1],[100,"NA",103.3,103,102.9,99.8,101.8,103.3]]},"columns":[{"id":"img","name":"img","type":"character","header":"","footer":{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/da/Coat_of_arms_of_Germany.svg","width":50},"children":[]},"align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg","width":50},"children":[]}],"width":65},{"id":"state","name":"state","type":"character","header":"State","footer":"Deutschland","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"capital","name":"capital","type":"character","header":"Capital","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"most_populous_city","name":"most_populous_city","type":"character","header":"Most Populous City","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"federal_assembly_votes","name":"federal_assembly_votes","type":"numeric","header":"Federal Assembly Votes","footer":"69","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"area_km2","name":"area_km2","type":"numeric","header":"Area Km2","footer":"357588","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"pop_million","name":"pop_million","type":"numeric","header":"Pop Million","footer":"84.359","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"pop_per_km2","name":"pop_per_km2","type":"numeric","header":"Pop Per Km2","footer":"236","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"gdp","name":"gdp","type":"list","header":"Gdp","footer":"100.0, NA, 105.0, 106.0, 107.1, 103.2, 105.9, 107.8","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}}],"pagination":false,"dataKey":"a709a0af5f6ac2c2fd997cfe7709df3e"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
</section>
<section id="fix-widths-of-name-columns" class="level3 page-columns page-full">
<h3 class="anchored" data-anchor-id="fix-widths-of-name-columns">Fix widths of name columns</h3>
<p>For the columns <code>state</code>, <code>capital</code> and <code>most_populous_city</code> there’s not much to do. In these cases, we might only want do set the column width.</p>
<div class="cell page-columns page-full">
<div class="sourceCode cell-code" id="cb37" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb37-1">german_stats_wo_total <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb37-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb37-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pagination =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>,</span>
<span id="cb37-4">    </span>
<span id="cb37-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">defaultColDef =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb37-6">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">vAlign =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'center'</span>,</span>
<span id="cb37-7">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">align =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'left'</span>,</span>
<span id="cb37-8">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> \(x) <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_replace_all</span>(x, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'_'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">' '</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb37-9">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_to_title</span>(),</span>
<span id="cb37-10">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">headerStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb37-11">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb37-12">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_bottom =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid black'</span></span>
<span id="cb37-13">      ),</span>
<span id="cb37-14">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(values, col_name) {</span>
<span id="cb37-15">        german_stats[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>, col_name]]</span>
<span id="cb37-16">      },</span>
<span id="cb37-17">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footerStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb37-18">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb37-19">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_top =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid black'</span></span>
<span id="cb37-20">      )</span>
<span id="cb37-21">    ),</span>
<span id="cb37-22">    </span>
<span id="cb37-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb37-24">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">img =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb37-25">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span>,</span>
<span id="cb37-26">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">65</span>,</span>
<span id="cb37-27">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value) {</span>
<span id="cb37-28">          tags<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">img</span>(</span>
<span id="cb37-29">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">src =</span> value,</span>
<span id="cb37-30">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span></span>
<span id="cb37-31">          )</span>
<span id="cb37-32">        },</span>
<span id="cb37-33">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value) {</span>
<span id="cb37-34">          tags<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">img</span>(</span>
<span id="cb37-35">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">src =</span> german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>img[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>],</span>
<span id="cb37-36">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span></span>
<span id="cb37-37">          )</span>
<span id="cb37-38">        }</span>
<span id="cb37-39">      ),</span>
<span id="cb37-40">      </span>
<span id="cb37-41">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">state =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">125</span>),</span>
<span id="cb37-42">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">capital =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">115</span>),</span>
<span id="cb37-43">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">most_populous_city =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">160</span>)</span>
<span id="cb37-44">    )</span>
<span id="cb37-45">  )</span></code></pre></div>
<div class="cell-output-display column-page">
<div class="reactable html-widget html-fill-item" id="htmlwidget-7d61638d601f2e2cb3c0" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-7d61638d601f2e2cb3c0">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"img":["https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg"],"state":["Baden-Württemberg","Bayern","Berlin","Brandenburg","Bremen","Hamburg","Hessen","Mecklenburg-Vorpommern","Niedersachsen","Nordrhein-Westfalen","Rheinland-Pfalz","Saarland","Sachsen","Sachsen-Anhalt","Schleswig-Holstein","Thüringen"],"capital":["Stuttgart","München","—","Potsdam","Bremen","—","Wiesbaden","Schwerin","Hannover","Düsseldorf","Mainz","Saarbrücken","Dresden","Magdeburg","Kiel","Erfurt"],"most_populous_city":["Stuttgart","München","—","Potsdam","Bremen","—","Frankfurt am Main","Rostock","Hannover","Köln","Mainz","Saarbrücken","Leipzig","Halle (Saale)","Kiel","Erfurt"],"federal_assembly_votes":[6,6,4,4,3,3,5,3,6,6,4,3,4,4,4,4],"area_km2":[35748,70542,891,29654,420,755,21116,23295,47710,34112,19858,2571,18450,20459,15804,16202],"pop_million":[11.28,13.369,3.755,2.573,0.685,1.892,6.391,1.628,8.14,18.139,4.159,0.993,4.086,2.187,2.953,2.127],"pop_per_km2":[316,190,4210,87,1633,2506,303,70,171,532,209,386,221,107,187,132],"gdp":[[100,"NA",104.7,107,106.6,101.5,104.8,106.2],[100,"NA",106.3,106.7,108.6,104.6,107.5,109.8],[100,"NA",109.6,113.5,116.8,114.2,117.8,123.6],[100,"NA",104.7,105.2,107,104.6,107.2,110.7],[100,"NA",103.3,103,101.5,96.4,102.3,107.5],[100,"NA",104,103.8,107.1,102,105.8,110.5],[100,"NA",105,105.5,107.1,102,104.5,106.2],[100,"NA",105.8,103.8,108.3,104.7,107.2,107.4],[100,"NA",106.9,108.3,110.6,106.2,107,108.2],[100,"NA",103.7,105.1,105.1,101.8,103.6,104.7],[100,"NA",102.5,102.6,103.1,99.5,108.2,107.9],[100,"NA",101.4,100.8,98.8,94,95.2,96.8],[100,"NA",104.1,104.9,106.4,102.7,104.6,107.4],[100,"NA",102.6,102.1,103.7,101.3,103.6,106.3],[100,"NA",105.2,105.7,108.2,106.4,107.7,109.1],[100,"NA",103.3,103,102.9,99.8,101.8,103.3]]},"columns":[{"id":"img","name":"img","type":"character","header":"","footer":{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/da/Coat_of_arms_of_Germany.svg","width":50},"children":[]},"align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg","width":50},"children":[]}],"width":65},{"id":"state","name":"state","type":"character","header":"State","footer":"Deutschland","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":125},{"id":"capital","name":"capital","type":"character","header":"Capital","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":115},{"id":"most_populous_city","name":"most_populous_city","type":"character","header":"Most Populous City","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":160},{"id":"federal_assembly_votes","name":"federal_assembly_votes","type":"numeric","header":"Federal Assembly Votes","footer":"69","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"area_km2","name":"area_km2","type":"numeric","header":"Area Km2","footer":"357588","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"pop_million","name":"pop_million","type":"numeric","header":"Pop Million","footer":"84.359","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"pop_per_km2","name":"pop_per_km2","type":"numeric","header":"Pop Per Km2","footer":"236","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"gdp","name":"gdp","type":"list","header":"Gdp","footer":"100.0, NA, 105.0, 106.0, 107.1, 103.2, 105.9, 107.8","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}}],"pagination":false,"dataKey":"c448f90985f1227506b8ed50b489883f"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
</section>
<section id="turn-numbers-into-bubbles" class="level3 page-columns page-full">
<h3 class="anchored" data-anchor-id="turn-numbers-into-bubbles">Turn numbers into bubbles</h3>
<p>Next, let us change the <code>federal_assembly_votes</code> column. Easy changes will once again involve the <code>header</code> name, the <code>align</code>ment and the <code>width</code> of the column. But that’s not the important part here.</p>
<p>What is important is the fact that we turn the numbers into bubbles. For that all we have to do is to load the <code>{reactablefmtr}</code> package and use its <code>bubble_grid</code> function inside the <code>cell</code> argument.</p>
<div class="cell page-columns page-full">
<div class="sourceCode cell-code" id="cb38" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb38-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(reactablefmtr)</span>
<span id="cb38-2">main_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#104E8B'</span> <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># define a main color</span></span>
<span id="cb38-3"></span>
<span id="cb38-4">german_stats_wo_total <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb38-5">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb38-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pagination =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>,</span>
<span id="cb38-7">    </span>
<span id="cb38-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">defaultColDef =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb38-9">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">vAlign =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'center'</span>,</span>
<span id="cb38-10">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">align =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'left'</span>,</span>
<span id="cb38-11">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> \(x) <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_replace_all</span>(x, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'_'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">' '</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb38-12">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_to_title</span>(),</span>
<span id="cb38-13">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">headerStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb38-14">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb38-15">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_bottom =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid black'</span></span>
<span id="cb38-16">      ),</span>
<span id="cb38-17">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(values, col_name) {</span>
<span id="cb38-18">        german_stats[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>, col_name]]</span>
<span id="cb38-19">      },</span>
<span id="cb38-20">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footerStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb38-21">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb38-22">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_top =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid black'</span></span>
<span id="cb38-23">      )</span>
<span id="cb38-24">    ),</span>
<span id="cb38-25">    </span>
<span id="cb38-26">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb38-27">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">img =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb38-28">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span>,</span>
<span id="cb38-29">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">65</span>,</span>
<span id="cb38-30">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value) {</span>
<span id="cb38-31">          tags<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">img</span>(</span>
<span id="cb38-32">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">src =</span> value,</span>
<span id="cb38-33">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span></span>
<span id="cb38-34">          )</span>
<span id="cb38-35">        },</span>
<span id="cb38-36">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value) {</span>
<span id="cb38-37">          tags<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">img</span>(</span>
<span id="cb38-38">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">src =</span> german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>img[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>],</span>
<span id="cb38-39">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span></span>
<span id="cb38-40">          )</span>
<span id="cb38-41">        }</span>
<span id="cb38-42">      ),</span>
<span id="cb38-43">      </span>
<span id="cb38-44">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">state =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">125</span>),</span>
<span id="cb38-45">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">capital =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">115</span>),</span>
<span id="cb38-46">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">most_populous_city =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">160</span>),</span>
<span id="cb38-47">      </span>
<span id="cb38-48">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">federal_assembly_votes =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb38-49">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Bundesrat Votes'</span>,</span>
<span id="cb38-50">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">align =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'center'</span>,</span>
<span id="cb38-51">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">140</span>,</span>
<span id="cb38-52">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bubble_grid</span>(</span>
<span id="cb38-53">          german_stats_wo_total <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb38-54">            <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(federal_assembly_votes),</span>
<span id="cb38-55">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">min_value =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>,</span>
<span id="cb38-56">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">max_value =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>,</span>
<span id="cb38-57">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">colors =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb38-58">            colorspace<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lighten</span>(main_color, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.9</span>),</span>
<span id="cb38-59">            main_color</span>
<span id="cb38-60">          )</span>
<span id="cb38-61">        )</span>
<span id="cb38-62">      )</span>
<span id="cb38-63">      </span>
<span id="cb38-64">    )</span>
<span id="cb38-65">  )</span></code></pre></div>
<div class="cell-output-display column-page">
<div class="reactable html-widget html-fill-item" id="htmlwidget-eb92c227063b272e638b" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-eb92c227063b272e638b">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"img":["https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg"],"state":["Baden-Württemberg","Bayern","Berlin","Brandenburg","Bremen","Hamburg","Hessen","Mecklenburg-Vorpommern","Niedersachsen","Nordrhein-Westfalen","Rheinland-Pfalz","Saarland","Sachsen","Sachsen-Anhalt","Schleswig-Holstein","Thüringen"],"capital":["Stuttgart","München","—","Potsdam","Bremen","—","Wiesbaden","Schwerin","Hannover","Düsseldorf","Mainz","Saarbrücken","Dresden","Magdeburg","Kiel","Erfurt"],"most_populous_city":["Stuttgart","München","—","Potsdam","Bremen","—","Frankfurt am Main","Rostock","Hannover","Köln","Mainz","Saarbrücken","Leipzig","Halle (Saale)","Kiel","Erfurt"],"federal_assembly_votes":[6,6,4,4,3,3,5,3,6,6,4,3,4,4,4,4],"area_km2":[35748,70542,891,29654,420,755,21116,23295,47710,34112,19858,2571,18450,20459,15804,16202],"pop_million":[11.28,13.369,3.755,2.573,0.685,1.892,6.391,1.628,8.14,18.139,4.159,0.993,4.086,2.187,2.953,2.127],"pop_per_km2":[316,190,4210,87,1633,2506,303,70,171,532,209,386,221,107,187,132],"gdp":[[100,"NA",104.7,107,106.6,101.5,104.8,106.2],[100,"NA",106.3,106.7,108.6,104.6,107.5,109.8],[100,"NA",109.6,113.5,116.8,114.2,117.8,123.6],[100,"NA",104.7,105.2,107,104.6,107.2,110.7],[100,"NA",103.3,103,101.5,96.4,102.3,107.5],[100,"NA",104,103.8,107.1,102,105.8,110.5],[100,"NA",105,105.5,107.1,102,104.5,106.2],[100,"NA",105.8,103.8,108.3,104.7,107.2,107.4],[100,"NA",106.9,108.3,110.6,106.2,107,108.2],[100,"NA",103.7,105.1,105.1,101.8,103.6,104.7],[100,"NA",102.5,102.6,103.1,99.5,108.2,107.9],[100,"NA",101.4,100.8,98.8,94,95.2,96.8],[100,"NA",104.1,104.9,106.4,102.7,104.6,107.4],[100,"NA",102.6,102.1,103.7,101.3,103.6,106.3],[100,"NA",105.2,105.7,108.2,106.4,107.7,109.1],[100,"NA",103.3,103,102.9,99.8,101.8,103.3]]},"columns":[{"id":"img","name":"img","type":"character","header":"","footer":{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/da/Coat_of_arms_of_Germany.svg","width":50},"children":[]},"align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg","width":50},"children":[]}],"width":65},{"id":"state","name":"state","type":"character","header":"State","footer":"Deutschland","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":125},{"id":"capital","name":"capital","type":"character","header":"Capital","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":115},{"id":"most_populous_city","name":"most_populous_city","type":"character","header":"Most Populous City","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":160},{"id":"federal_assembly_votes","name":"federal_assembly_votes","type":"numeric","header":"Bundesrat Votes","footer":"69","align":"center","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#5682B1FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"44.4444444444444px","width":"44.4444444444444px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["5"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]}],"width":140},{"id":"area_km2","name":"area_km2","type":"numeric","header":"Area Km2","footer":"357588","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"pop_million","name":"pop_million","type":"numeric","header":"Pop Million","footer":"84.359","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"pop_per_km2","name":"pop_per_km2","type":"numeric","header":"Pop Per Km2","footer":"236","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"gdp","name":"gdp","type":"list","header":"Gdp","footer":"100.0, NA, 105.0, 106.0, 107.1, 103.2, 105.9, 107.8","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}}],"pagination":false,"dataKey":"803fe3ab0d0e5207a2acc8ee57aa8b9e"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
</section>
<section id="turn-numbers-into-bar-charts" class="level3 page-columns page-full">
<h3 class="anchored" data-anchor-id="turn-numbers-into-bar-charts">Turn numbers into bar charts</h3>
<p>Next, we’re going to do a very similar thing with the columns <code>area_km2</code>, <code>pop_million</code>, <code>pop_per_km2</code>. This time, though, we’re going to use the <code>data_bars()</code> function from the <code>{reactablefmtr}</code> package.</p>
<p>This will involve having to call <code>data_bars()</code> more or less three times with mostly the same arguments. Thus, I wrap the logic into a function to avoid a bit of code duplication.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb39" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb39-1">bar_chart <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(column) {</span>
<span id="cb39-2">  formatting_function <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">if</span> (column <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'area_km2'</span>) {</span>
<span id="cb39-3">    scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">label_number</span>(</span>
<span id="cb39-4">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">suffix =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">' km²'</span>,</span>
<span id="cb39-5">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">big.mark =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">','</span></span>
<span id="cb39-6">    )</span>
<span id="cb39-7">  } <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">else</span> {</span>
<span id="cb39-8">    scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">label_comma</span>(</span>
<span id="cb39-9">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">accuracy =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">if</span> (column <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'pop_per_km2'</span>) <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">else</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.01</span></span>
<span id="cb39-10">    )</span>
<span id="cb39-11">  }</span>
<span id="cb39-12">  </span>
<span id="cb39-13">  bar_max_value <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">if</span> (column <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">%in%</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'area_km2'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'pop_million'</span>)) {</span>
<span id="cb39-14">    german_stats[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>, column]]</span>
<span id="cb39-15">  } <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">else</span> {</span>
<span id="cb39-16">    <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NULL</span></span>
<span id="cb39-17">  }</span>
<span id="cb39-18">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">data_bars</span>(</span>
<span id="cb39-19">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">data =</span> german_stats_wo_total <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">any_of</span>(column)),</span>
<span id="cb39-20">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">text_position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'above'</span>,</span>
<span id="cb39-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">bar_height =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">20</span>,</span>
<span id="cb39-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">number_fmt =</span> formatting_function,</span>
<span id="cb39-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill_color =</span> main_color,</span>
<span id="cb39-24">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">max_value =</span> bar_max_value</span>
<span id="cb39-25">  )</span>
<span id="cb39-26">}</span></code></pre></div>
</div>
<p>With that function we can modify the <code>cell</code> argument of the corresponding columns. And while we’re at it, we can also fix the width, alignment and footer of these columns.</p>
<div class="cell page-columns page-full">
<div class="sourceCode cell-code" id="cb40" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb40-1">german_stats_wo_total <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb40-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb40-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pagination =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>,</span>
<span id="cb40-4">    </span>
<span id="cb40-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">defaultColDef =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb40-6">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">vAlign =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'center'</span>,</span>
<span id="cb40-7">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">align =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'left'</span>,</span>
<span id="cb40-8">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> \(x) <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_replace_all</span>(x, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'_'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">' '</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb40-9">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_to_title</span>(),</span>
<span id="cb40-10">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">headerStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb40-11">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb40-12">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_bottom =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid black'</span></span>
<span id="cb40-13">      ),</span>
<span id="cb40-14">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(values, col_name) {</span>
<span id="cb40-15">        german_stats[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>, col_name]]</span>
<span id="cb40-16">      },</span>
<span id="cb40-17">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footerStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb40-18">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb40-19">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_top =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid black'</span></span>
<span id="cb40-20">      )</span>
<span id="cb40-21">    ),</span>
<span id="cb40-22">    </span>
<span id="cb40-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb40-24">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">img =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb40-25">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span>,</span>
<span id="cb40-26">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">65</span>,</span>
<span id="cb40-27">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value) {</span>
<span id="cb40-28">          tags<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">img</span>(</span>
<span id="cb40-29">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">src =</span> value,</span>
<span id="cb40-30">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span></span>
<span id="cb40-31">          )</span>
<span id="cb40-32">        },</span>
<span id="cb40-33">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value) {</span>
<span id="cb40-34">          tags<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">img</span>(</span>
<span id="cb40-35">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">src =</span> german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>img[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>],</span>
<span id="cb40-36">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span></span>
<span id="cb40-37">          )</span>
<span id="cb40-38">        }</span>
<span id="cb40-39">      ),</span>
<span id="cb40-40">      </span>
<span id="cb40-41">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">state =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">125</span>),</span>
<span id="cb40-42">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">capital =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">115</span>),</span>
<span id="cb40-43">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">most_populous_city =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">160</span>),</span>
<span id="cb40-44">      </span>
<span id="cb40-45">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">federal_assembly_votes =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb40-46">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Bundesrat Votes'</span>,</span>
<span id="cb40-47">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">align =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'center'</span>,</span>
<span id="cb40-48">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">140</span>,</span>
<span id="cb40-49">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bubble_grid</span>(</span>
<span id="cb40-50">          german_stats_wo_total <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb40-51">            <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(federal_assembly_votes),</span>
<span id="cb40-52">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">min_value =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>,</span>
<span id="cb40-53">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">max_value =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>,</span>
<span id="cb40-54">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">colors =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb40-55">            colorspace<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lighten</span>(main_color, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.9</span>),</span>
<span id="cb40-56">            main_color</span>
<span id="cb40-57">          )</span>
<span id="cb40-58">        )</span>
<span id="cb40-59">      ),</span>
<span id="cb40-60">      </span>
<span id="cb40-61">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">area_km2 =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb40-62">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Area'</span>,</span>
<span id="cb40-63">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">align =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'left'</span>,</span>
<span id="cb40-64">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bar_chart</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'area_km2'</span>),</span>
<span id="cb40-65">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">110</span>,</span>
<span id="cb40-66">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value) {</span>
<span id="cb40-67">          german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>area_km2[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb40-68">            scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">label_number</span>(</span>
<span id="cb40-69">              <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">suffix =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">' km²'</span>,</span>
<span id="cb40-70">              <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">big.mark =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">','</span></span>
<span id="cb40-71">            )()</span>
<span id="cb40-72">        }</span>
<span id="cb40-73">      ),</span>
<span id="cb40-74">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pop_million =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb40-75">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'in millions'</span>,</span>
<span id="cb40-76">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bar_chart</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'pop_million'</span>),</span>
<span id="cb40-77">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>pop_million[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>]] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb40-78">          scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">comma</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">accuracy =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.01</span>),</span>
<span id="cb40-79">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">110</span></span>
<span id="cb40-80">      ),</span>
<span id="cb40-81">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pop_per_km2 =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb40-82">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'per km²'</span>,</span>
<span id="cb40-83">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bar_chart</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'pop_per_km2'</span>),</span>
<span id="cb40-84">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">110</span></span>
<span id="cb40-85">      )</span>
<span id="cb40-86">      </span>
<span id="cb40-87">      </span>
<span id="cb40-88">      </span>
<span id="cb40-89">    )</span>
<span id="cb40-90">  )</span></code></pre></div>
<div class="cell-output-display column-page">
<div class="reactable html-widget html-fill-item" id="htmlwidget-ed1155dcdeeeb8371d7a" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-ed1155dcdeeeb8371d7a">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"img":["https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg"],"state":["Baden-Württemberg","Bayern","Berlin","Brandenburg","Bremen","Hamburg","Hessen","Mecklenburg-Vorpommern","Niedersachsen","Nordrhein-Westfalen","Rheinland-Pfalz","Saarland","Sachsen","Sachsen-Anhalt","Schleswig-Holstein","Thüringen"],"capital":["Stuttgart","München","—","Potsdam","Bremen","—","Wiesbaden","Schwerin","Hannover","Düsseldorf","Mainz","Saarbrücken","Dresden","Magdeburg","Kiel","Erfurt"],"most_populous_city":["Stuttgart","München","—","Potsdam","Bremen","—","Frankfurt am Main","Rostock","Hannover","Köln","Mainz","Saarbrücken","Leipzig","Halle (Saale)","Kiel","Erfurt"],"federal_assembly_votes":[6,6,4,4,3,3,5,3,6,6,4,3,4,4,4,4],"area_km2":[35748,70542,891,29654,420,755,21116,23295,47710,34112,19858,2571,18450,20459,15804,16202],"pop_million":[11.28,13.369,3.755,2.573,0.685,1.892,6.391,1.628,8.14,18.139,4.159,0.993,4.086,2.187,2.953,2.127],"pop_per_km2":[316,190,4210,87,1633,2506,303,70,171,532,209,386,221,107,187,132],"gdp":[[100,"NA",104.7,107,106.6,101.5,104.8,106.2],[100,"NA",106.3,106.7,108.6,104.6,107.5,109.8],[100,"NA",109.6,113.5,116.8,114.2,117.8,123.6],[100,"NA",104.7,105.2,107,104.6,107.2,110.7],[100,"NA",103.3,103,101.5,96.4,102.3,107.5],[100,"NA",104,103.8,107.1,102,105.8,110.5],[100,"NA",105,105.5,107.1,102,104.5,106.2],[100,"NA",105.8,103.8,108.3,104.7,107.2,107.4],[100,"NA",106.9,108.3,110.6,106.2,107,108.2],[100,"NA",103.7,105.1,105.1,101.8,103.6,104.7],[100,"NA",102.5,102.6,103.1,99.5,108.2,107.9],[100,"NA",101.4,100.8,98.8,94,95.2,96.8],[100,"NA",104.1,104.9,106.4,102.7,104.6,107.4],[100,"NA",102.6,102.1,103.7,101.3,103.6,106.3],[100,"NA",105.2,105.7,108.2,106.4,107.7,109.1],[100,"NA",103.3,103,102.9,99.8,101.8,103.3]]},"columns":[{"id":"img","name":"img","type":"character","header":"","footer":{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/da/Coat_of_arms_of_Germany.svg","width":50},"children":[]},"align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg","width":50},"children":[]}],"width":65},{"id":"state","name":"state","type":"character","header":"State","footer":"Deutschland","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":125},{"id":"capital","name":"capital","type":"character","header":"Capital","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":115},{"id":"most_populous_city","name":"most_populous_city","type":"character","header":"Most Populous City","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":160},{"id":"federal_assembly_votes","name":"federal_assembly_votes","type":"numeric","header":"Bundesrat Votes","footer":"69","align":"center","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#5682B1FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"44.4444444444444px","width":"44.4444444444444px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["5"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]}],"width":140},{"id":"area_km2","name":"area_km2","type":"numeric","header":"Area","footer":"357,588 km²","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["35,748 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.99697976442162%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["70,542 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"19.7271720527534%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["891 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.249169435215947%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["29,654 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"8.29278387417922%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["420 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.117453605825699%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["755 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.211136839043816%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["21,116 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.90511985860823%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["23,295 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"6.51448035168965%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["47,710 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"13.3421703189145%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["34,112 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.53947000458628%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["19,858 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.55331834401602%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2,571 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.718983858518742%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["18,450 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.15956911305748%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["20,459 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.72138886092374%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["15,804 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.41961139635558%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["16,202 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.53091267044755%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"pop_million","name":"pop_million","type":"numeric","header":"in millions","footer":"84.36","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["11.28"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"13.3714245071658%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["13.37"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"15.8477459429344%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["3.76"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.4512144525184%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.57"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.05005986320369%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["0.68"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.812005832217072%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1.89"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.24279567088277%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["6.39"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.57595514408658%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1.63"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.92984743773634%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["8.14"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.64923718868171%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["18.14"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"21.5021515191029%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4.16"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.93012008203037%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["0.99"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.17711210422124%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4.09"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.84358515392549%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.19"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.59249161322443%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.95"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.50051565333871%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.13"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.52136701478206%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"pop_per_km2","name":"pop_per_km2","type":"numeric","header":"per km²","footer":"236","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["316"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.50593824228029%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["190"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.51306413301663%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4,210"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"100%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["87"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.06650831353919%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1,633"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"38.7885985748219%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2,506"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"59.5249406175772%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["303"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.19714964370546%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["70"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.66270783847981%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["171"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.06175771971497%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["532"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"12.6365795724466%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["209"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.96437054631829%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["386"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.1686460807601%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["221"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.24940617577197%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["107"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.541567695962%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["187"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.44180522565321%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["132"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.1353919239905%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"gdp","name":"gdp","type":"list","header":"Gdp","footer":"100.0, NA, 105.0, 106.0, 107.1, 103.2, 105.9, 107.8","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"}}],"pagination":false,"dataKey":"ecefc031429f5f4d426f448a179caf47"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
</section>
<section id="turn-numbers-into-line-charts" class="level3 page-columns page-full">
<h3 class="anchored" data-anchor-id="turn-numbers-into-line-charts">Turn numbers into line charts</h3>
<p>Sweet! We’re getting somewhere. We have bars and circles already. Time to add sparklines.</p>
<p>This time, I don’t want to use <code>{reactablefmtr}</code> for that. I want to use my own custom charts that I create with <code>{ggplot2}</code>. But there are two problems with that:</p>
<ol type="1">
<li><code>{ggplot2}</code> creates static image files that I would have to export and then reimport that into our tables using <code>&lt;img&gt;</code> tags again.</li>
<li><code>{ggplot2}</code> charts are not interactive and I want to have hover tool tips</li>
</ol>
<p>Thankfully, the solution for both of these problems is one and the same thing. Namely, <code>{ggiraph}</code>. This package is my favorite way to create interactive charts with R. If you’ve never worked with that package, I have a <a href="../../posts/ggplot2-tips/17_ggiraph/17_ggiraph.html">blog post</a> and YT video about that:</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/ZyjwF3FMjFE" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<p>Anyway, let’s create a function that depends on a column’s values, row indices and name. We’re going to stick that function into the <code>cell</code> argument of the <code>gdp</code> column. In this function, we can start with a interactive chart without tooltips.</p>
<p>But we have to be careful. Since all charts are drawn separately for each row, we have to ensure that the axes limits are the same for all line charts. That’s where we’ll use <code>scale_y_continuous()</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb41" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb41-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(ggiraph)</span>
<span id="cb41-2"></span>
<span id="cb41-3">spark_line <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value, row_index, column_name) {</span>
<span id="cb41-4">  years <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2015</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2022</span></span>
<span id="cb41-5">  </span>
<span id="cb41-6">  <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Create static ggplot with `value` vector</span></span>
<span id="cb41-7">  gg_plt <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mapping =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> years, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> value)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb41-8">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_ribbon</span>(</span>
<span id="cb41-9">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(</span>
<span id="cb41-10">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> years[<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>],</span>
<span id="cb41-11">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NULL</span>, </span>
<span id="cb41-12">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ymin =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>, </span>
<span id="cb41-13">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ymax =</span> value[<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>]</span>
<span id="cb41-14">      ),</span>
<span id="cb41-15">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">alpha =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.1</span>,</span>
<span id="cb41-16">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> main_color</span>
<span id="cb41-17">    ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb41-18">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> main_color) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb41-19">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_point</span>(</span>
<span id="cb41-20">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> main_color,</span>
<span id="cb41-21">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>,</span>
<span id="cb41-22">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na.rm =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span></span>
<span id="cb41-23">    ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb41-24">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_y_continuous</span>(</span>
<span id="cb41-25">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">expand =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">expansion</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mult =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.1</span>),</span>
<span id="cb41-26">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">limits =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">range</span>(</span>
<span id="cb41-27">        german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>gdp <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">unlist</span>(), </span>
<span id="cb41-28">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na.rm =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span></span>
<span id="cb41-29">      )</span>
<span id="cb41-30">    ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb41-31">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_void</span>()</span>
<span id="cb41-32">  </span>
<span id="cb41-33">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">girafe</span>(</span>
<span id="cb41-34">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ggobj =</span> gg_plt, </span>
<span id="cb41-35">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width_svg =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">16</span>,</span>
<span id="cb41-36">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">height =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">9</span>,</span>
<span id="cb41-37">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">options =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb41-38">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">opts_toolbar</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">saveaspng =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>)</span>
<span id="cb41-39">    )</span>
<span id="cb41-40">  )</span>
<span id="cb41-41">}</span>
<span id="cb41-42"><span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Example with first row</span></span>
<span id="cb41-43"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">spark_line</span>(german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>gdp[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>]], <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NA</span>, <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NA</span>)</span></code></pre></div>
<div class="cell-output-display">
<div class="girafe html-widget html-fill-item" id="htmlwidget-908d7a09adbce5e70fce" style="width:80%;height:3543.3px;"></div>
<script type="application/json" data-for="htmlwidget-908d7a09adbce5e70fce">{"x":{"html":"<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_7b47a0db_3971_4590_87c0_888a7d4364b3' viewBox='0 0 1152 648'>\n <defs id='svg_7b47a0db_3971_4590_87c0_888a7d4364b3_defs'>\n  <clipPath id='svg_7b47a0db_3971_4590_87c0_888a7d4364b3_c1'>\n   <rect x='0' y='0' width='1152' height='648'/>\n  <\/clipPath>\n <\/defs>\n <g id='svg_7b47a0db_3971_4590_87c0_888a7d4364b3_rootg' class='ggiraph-svg-rootg'>\n  <g clip-path='url(#svg_7b47a0db_3971_4590_87c0_888a7d4364b3_c1)'>\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\n   <polygon points='52.36,484.54 351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\n   <polyline points='52.36,484.54 351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43' fill='none' stroke='none'/>\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\n   <polyline points='351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\n   <circle cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\n   <circle cx='351.58' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\n   <circle cx='501.19' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\n   <circle cx='650.81' cy='364.14' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\n   <circle cx='800.42' cy='457.18' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\n   <circle cx='950.03' cy='396.97' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\n   <circle cx='1099.64' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\n  <\/g>\n <\/g>\n<\/svg>","js":null,"uid":"svg_7b47a0db_3971_4590_87c0_888a7d4364b3","ratio":1.777777777777778,"settings":{"tooltip":{"css":".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}","placement":"doc","opacity":0.9,"offx":10,"offy":10,"use_cursor_pos":true,"use_fill":false,"use_stroke":false,"delay_over":200,"delay_out":500},"hover":{"css":".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\nimage.hover_data_SVGID_ { stroke:orange; }","reactive":true,"nearest_distance":null},"hover_inv":{"css":""},"hover_key":{"css":".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\nimage.hover_key_SVGID_ { stroke:orange; }","reactive":true},"hover_theme":{"css":".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\nimage.hover_theme_SVGID_ { stroke:orange; }","reactive":true},"select":{"css":".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\ntext.select_data_SVGID_ { stroke:none;fill:red; }\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\nimage.select_data_SVGID_ { stroke:red; }","type":"multiple","only_shiny":true,"selected":[]},"select_inv":{"css":""},"select_key":{"css":".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\ntext.select_key_SVGID_ { stroke:none;fill:red; }\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\nimage.select_key_SVGID_ { stroke:red; }","type":"single","only_shiny":true,"selected":[]},"select_theme":{"css":".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\nimage.select_theme_SVGID_ { stroke:red; }","type":"single","only_shiny":true,"selected":[]},"zoom":{"min":1,"max":1,"duration":300},"toolbar":{"position":"topright","pngname":"diagram","tooltips":null,"hidden":"saveaspng","delay_over":200,"delay_out":500},"sizing":{"rescale":true,"width":1}}},"evals":[],"jsHooks":[]}</script>
</div>
</div>
<p>So with that, we can define the column settings of the GDP columns and ensure that it uses this function. And as always, we have to treat the footer separately.</p>
<div class="cell page-columns page-full">
<div class="sourceCode cell-code" id="cb42" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb42-1">german_stats_wo_total <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb42-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb42-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pagination =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>,</span>
<span id="cb42-4">    </span>
<span id="cb42-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">defaultColDef =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb42-6">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">vAlign =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'center'</span>,</span>
<span id="cb42-7">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">align =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'left'</span>,</span>
<span id="cb42-8">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> \(x) <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_replace_all</span>(x, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'_'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">' '</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb42-9">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_to_title</span>(),</span>
<span id="cb42-10">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">headerStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb42-11">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb42-12">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_bottom =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid black'</span></span>
<span id="cb42-13">      ),</span>
<span id="cb42-14">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(values, col_name) {</span>
<span id="cb42-15">        german_stats[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>, col_name]]</span>
<span id="cb42-16">      },</span>
<span id="cb42-17">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footerStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb42-18">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb42-19">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_top =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid black'</span></span>
<span id="cb42-20">      )</span>
<span id="cb42-21">    ),</span>
<span id="cb42-22">    </span>
<span id="cb42-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb42-24">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">img =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb42-25">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span>,</span>
<span id="cb42-26">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">65</span>,</span>
<span id="cb42-27">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value) {</span>
<span id="cb42-28">          tags<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">img</span>(</span>
<span id="cb42-29">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">src =</span> value,</span>
<span id="cb42-30">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span></span>
<span id="cb42-31">          )</span>
<span id="cb42-32">        },</span>
<span id="cb42-33">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value) {</span>
<span id="cb42-34">          tags<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">img</span>(</span>
<span id="cb42-35">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">src =</span> german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>img[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>],</span>
<span id="cb42-36">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span></span>
<span id="cb42-37">          )</span>
<span id="cb42-38">        }</span>
<span id="cb42-39">      ),</span>
<span id="cb42-40">      </span>
<span id="cb42-41">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">state =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">125</span>),</span>
<span id="cb42-42">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">capital =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">115</span>),</span>
<span id="cb42-43">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">most_populous_city =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">160</span>),</span>
<span id="cb42-44">      </span>
<span id="cb42-45">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">federal_assembly_votes =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb42-46">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Bundesrat Votes'</span>,</span>
<span id="cb42-47">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">align =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'center'</span>,</span>
<span id="cb42-48">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">140</span>,</span>
<span id="cb42-49">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bubble_grid</span>(</span>
<span id="cb42-50">          german_stats_wo_total <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb42-51">            <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(federal_assembly_votes),</span>
<span id="cb42-52">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">min_value =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>,</span>
<span id="cb42-53">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">max_value =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>,</span>
<span id="cb42-54">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">colors =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb42-55">            colorspace<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lighten</span>(main_color, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.9</span>),</span>
<span id="cb42-56">            main_color</span>
<span id="cb42-57">          )</span>
<span id="cb42-58">        )</span>
<span id="cb42-59">      ),</span>
<span id="cb42-60">      </span>
<span id="cb42-61">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">area_km2 =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb42-62">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Area'</span>,</span>
<span id="cb42-63">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">align =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'left'</span>,</span>
<span id="cb42-64">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bar_chart</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'area_km2'</span>),</span>
<span id="cb42-65">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">110</span>,</span>
<span id="cb42-66">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value) {</span>
<span id="cb42-67">          german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>area_km2[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb42-68">            scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">label_number</span>(</span>
<span id="cb42-69">              <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">suffix =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">' km²'</span>,</span>
<span id="cb42-70">              <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">big.mark =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">','</span></span>
<span id="cb42-71">            )()</span>
<span id="cb42-72">        }</span>
<span id="cb42-73">      ),</span>
<span id="cb42-74">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pop_million =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb42-75">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'in millions'</span>,</span>
<span id="cb42-76">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bar_chart</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'pop_million'</span>),</span>
<span id="cb42-77">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>pop_million[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>]] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb42-78">          scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">comma</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">accuracy =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.01</span>),</span>
<span id="cb42-79">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">110</span></span>
<span id="cb42-80">      ),</span>
<span id="cb42-81">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pop_per_km2 =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb42-82">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'per km²'</span>,</span>
<span id="cb42-83">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bar_chart</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'pop_per_km2'</span>),</span>
<span id="cb42-84">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">110</span></span>
<span id="cb42-85">      ),</span>
<span id="cb42-86">      </span>
<span id="cb42-87">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">gdp =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb42-88">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb42-89">          <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'GDP '</span>,</span>
<span id="cb42-90">          <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">span</span>(</span>
<span id="cb42-91">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb42-92">              <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_size =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'0.75rem'</span></span>
<span id="cb42-93">            ),</span>
<span id="cb42-94">            <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'(Index 2015 = 100)'</span></span>
<span id="cb42-95">          )</span>
<span id="cb42-96">        ),</span>
<span id="cb42-97">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> spark_line,</span>
<span id="cb42-98">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> \(x) <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">spark_line</span>(</span>
<span id="cb42-99">          german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>gdp[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>]], <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NA</span>, <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NA</span></span>
<span id="cb42-100">        ),</span>
<span id="cb42-101">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">160</span></span>
<span id="cb42-102">      )</span>
<span id="cb42-103">      </span>
<span id="cb42-104">      </span>
<span id="cb42-105">    )</span>
<span id="cb42-106">  )</span></code></pre></div>
<div class="cell-output-display column-page">
<div class="reactable html-widget html-fill-item" id="htmlwidget-abe47eb61c04b2a67448" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-abe47eb61c04b2a67448">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"img":["https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg"],"state":["Baden-Württemberg","Bayern","Berlin","Brandenburg","Bremen","Hamburg","Hessen","Mecklenburg-Vorpommern","Niedersachsen","Nordrhein-Westfalen","Rheinland-Pfalz","Saarland","Sachsen","Sachsen-Anhalt","Schleswig-Holstein","Thüringen"],"capital":["Stuttgart","München","—","Potsdam","Bremen","—","Wiesbaden","Schwerin","Hannover","Düsseldorf","Mainz","Saarbrücken","Dresden","Magdeburg","Kiel","Erfurt"],"most_populous_city":["Stuttgart","München","—","Potsdam","Bremen","—","Frankfurt am Main","Rostock","Hannover","Köln","Mainz","Saarbrücken","Leipzig","Halle (Saale)","Kiel","Erfurt"],"federal_assembly_votes":[6,6,4,4,3,3,5,3,6,6,4,3,4,4,4,4],"area_km2":[35748,70542,891,29654,420,755,21116,23295,47710,34112,19858,2571,18450,20459,15804,16202],"pop_million":[11.28,13.369,3.755,2.573,0.685,1.892,6.391,1.628,8.14,18.139,4.159,0.993,4.086,2.187,2.953,2.127],"pop_per_km2":[316,190,4210,87,1633,2506,303,70,171,532,209,386,221,107,187,132],"gdp":[[100,"NA",104.7,107,106.6,101.5,104.8,106.2],[100,"NA",106.3,106.7,108.6,104.6,107.5,109.8],[100,"NA",109.6,113.5,116.8,114.2,117.8,123.6],[100,"NA",104.7,105.2,107,104.6,107.2,110.7],[100,"NA",103.3,103,101.5,96.4,102.3,107.5],[100,"NA",104,103.8,107.1,102,105.8,110.5],[100,"NA",105,105.5,107.1,102,104.5,106.2],[100,"NA",105.8,103.8,108.3,104.7,107.2,107.4],[100,"NA",106.9,108.3,110.6,106.2,107,108.2],[100,"NA",103.7,105.1,105.1,101.8,103.6,104.7],[100,"NA",102.5,102.6,103.1,99.5,108.2,107.9],[100,"NA",101.4,100.8,98.8,94,95.2,96.8],[100,"NA",104.1,104.9,106.4,102.7,104.6,107.4],[100,"NA",102.6,102.1,103.7,101.3,103.6,106.3],[100,"NA",105.2,105.7,108.2,106.4,107.7,109.1],[100,"NA",103.3,103,102.9,99.8,101.8,103.3]]},"columns":[{"id":"img","name":"img","type":"character","header":"","footer":{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/da/Coat_of_arms_of_Germany.svg","width":50},"children":[]},"align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg","width":50},"children":[]}],"width":65},{"id":"state","name":"state","type":"character","header":"State","footer":"Deutschland","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":125},{"id":"capital","name":"capital","type":"character","header":"Capital","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":115},{"id":"most_populous_city","name":"most_populous_city","type":"character","header":"Most Populous City","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":160},{"id":"federal_assembly_votes","name":"federal_assembly_votes","type":"numeric","header":"Bundesrat Votes","footer":"69","align":"center","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#5682B1FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"44.4444444444444px","width":"44.4444444444444px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["5"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]}],"width":140},{"id":"area_km2","name":"area_km2","type":"numeric","header":"Area","footer":"357,588 km²","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["35,748 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.99697976442162%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["70,542 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"19.7271720527534%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["891 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.249169435215947%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["29,654 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"8.29278387417922%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["420 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.117453605825699%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["755 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.211136839043816%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["21,116 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.90511985860823%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["23,295 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"6.51448035168965%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["47,710 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"13.3421703189145%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["34,112 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.53947000458628%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["19,858 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.55331834401602%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2,571 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.718983858518742%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["18,450 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.15956911305748%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["20,459 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.72138886092374%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["15,804 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.41961139635558%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["16,202 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.53091267044755%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"pop_million","name":"pop_million","type":"numeric","header":"in millions","footer":"84.36","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["11.28"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"13.3714245071658%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["13.37"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"15.8477459429344%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["3.76"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.4512144525184%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.57"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.05005986320369%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["0.68"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.812005832217072%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1.89"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.24279567088277%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["6.39"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.57595514408658%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1.63"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.92984743773634%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["8.14"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.64923718868171%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["18.14"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"21.5021515191029%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4.16"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.93012008203037%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["0.99"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.17711210422124%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4.09"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.84358515392549%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.19"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.59249161322443%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.95"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.50051565333871%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.13"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.52136701478206%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"pop_per_km2","name":"pop_per_km2","type":"numeric","header":"per km²","footer":"236","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["316"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.50593824228029%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["190"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.51306413301663%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4,210"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"100%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["87"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.06650831353919%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1,633"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"38.7885985748219%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2,506"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"59.5249406175772%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["303"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.19714964370546%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["70"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.66270783847981%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["171"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.06175771971497%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["532"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"12.6365795724466%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["209"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.96437054631829%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["386"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.1686460807601%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["221"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.24940617577197%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["107"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.541567695962%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["187"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.44180522565321%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["132"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.1353919239905%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"gdp","name":"gdp","type":"list","header":{"name":"div","attribs":{},"children":["GDP ",{"name":"span","attribs":{"style":{"font-size":"0.75rem"}},"children":["(Index 2015 = 100)"]}]},"footer":{"name":"WidgetContainer","attribs":{"key":"8bcfcfcf43268376658f5597552674fa"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-f74e8384bbb06b5f3056","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-f74e8384bbb06b5f3056"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_8ca40610_d050_4ca1_8dd7_e417230e30cb' viewBox='0 0 1152 648'>\\n <defs id='svg_8ca40610_d050_4ca1_8dd7_e417230e30cb_defs'>\\n  <clipPath id='svg_8ca40610_d050_4ca1_8dd7_e417230e30cb_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_8ca40610_d050_4ca1_8dd7_e417230e30cb_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_8ca40610_d050_4ca1_8dd7_e417230e30cb_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,393.32 501.19,375.08 650.81,355.01 800.42,426.16 950.03,376.91 1099.64,342.24 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,393.32 501.19,375.08 650.81,355.01 800.42,426.16 950.03,376.91 1099.64,342.24' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,393.32 501.19,375.08 650.81,355.01 800.42,426.16 950.03,376.91 1099.64,342.24' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='351.58' cy='393.32' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='501.19' cy='375.08' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='650.81' cy='355.01' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='800.42' cy='426.16' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='950.03' cy='376.91' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='1099.64' cy='342.24' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_8ca40610_d050_4ca1_8dd7_e417230e30cb\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},"align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"WidgetContainer","attribs":{"key":"00743a742461832c9894e571f21e072d"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-e8402332b14b0bc500be","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-e8402332b14b0bc500be"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_c5a13a95_ef4e_4be6_a536_3b5352ceb7cb' viewBox='0 0 1152 648'>\\n <defs id='svg_c5a13a95_ef4e_4be6_a536_3b5352ceb7cb_defs'>\\n  <clipPath id='svg_c5a13a95_ef4e_4be6_a536_3b5352ceb7cb_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_c5a13a95_ef4e_4be6_a536_3b5352ceb7cb_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_c5a13a95_ef4e_4be6_a536_3b5352ceb7cb_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='351.58' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='501.19' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='650.81' cy='364.14' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='800.42' cy='457.18' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='950.03' cy='396.97' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='1099.64' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_c5a13a95_ef4e_4be6_a536_3b5352ceb7cb\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"d1e7cd2bed5822908d0dea94f5b8f2f2"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-fe76a011d91967a90bdf","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-fe76a011d91967a90bdf"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_3703c27d_75fe_496d_9b93_0acaab368564' viewBox='0 0 1152 648'>\\n <defs id='svg_3703c27d_75fe_496d_9b93_0acaab368564_defs'>\\n  <clipPath id='svg_3703c27d_75fe_496d_9b93_0acaab368564_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_3703c27d_75fe_496d_9b93_0acaab368564_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_3703c27d_75fe_496d_9b93_0acaab368564_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,369.61 501.19,362.31 650.81,327.65 800.42,400.62 950.03,347.72 1099.64,305.76 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,369.61 501.19,362.31 650.81,327.65 800.42,400.62 950.03,347.72 1099.64,305.76' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,369.61 501.19,362.31 650.81,327.65 800.42,400.62 950.03,347.72 1099.64,305.76' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='351.58' cy='369.61' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='501.19' cy='362.31' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='650.81' cy='327.65' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='800.42' cy='400.62' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='950.03' cy='347.72' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='1099.64' cy='305.76' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_3703c27d_75fe_496d_9b93_0acaab368564\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"ece6832ad944accf9035e7fe9c9d2360"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-4d0d154bdfb8331d0a65","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-4d0d154bdfb8331d0a65"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_78835cab_9286_41ec_9268_686adde2080c' viewBox='0 0 1152 648'>\\n <defs id='svg_78835cab_9286_41ec_9268_686adde2080c_defs'>\\n  <clipPath id='svg_78835cab_9286_41ec_9268_686adde2080c_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_78835cab_9286_41ec_9268_686adde2080c_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_78835cab_9286_41ec_9268_686adde2080c_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,309.41 501.19,238.26 650.81,178.05 800.42,225.49 950.03,159.81 1099.64,54.00 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,309.41 501.19,238.26 650.81,178.05 800.42,225.49 950.03,159.81 1099.64,54.00' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,309.41 501.19,238.26 650.81,178.05 800.42,225.49 950.03,159.81 1099.64,54.00' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='351.58' cy='309.41' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='501.19' cy='238.26' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='650.81' cy='178.05' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='800.42' cy='225.49' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='950.03' cy='159.81' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='1099.64' cy='54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_78835cab_9286_41ec_9268_686adde2080c\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"658a3425b37152d70509e226f73ed486"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-2baceb413e642d1663c8","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-2baceb413e642d1663c8"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_2e366d38_210d_460f_91e2_ea99b44a3bb8' viewBox='0 0 1152 648'>\\n <defs id='svg_2e366d38_210d_460f_91e2_ea99b44a3bb8_defs'>\\n  <clipPath id='svg_2e366d38_210d_460f_91e2_ea99b44a3bb8_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_2e366d38_210d_460f_91e2_ea99b44a3bb8_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_2e366d38_210d_460f_91e2_ea99b44a3bb8_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,398.80 501.19,389.68 650.81,356.84 800.42,400.62 950.03,353.19 1099.64,289.34 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,398.80 501.19,389.68 650.81,356.84 800.42,400.62 950.03,353.19 1099.64,289.34' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,398.80 501.19,389.68 650.81,356.84 800.42,400.62 950.03,353.19 1099.64,289.34' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='351.58' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='501.19' cy='389.68' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='650.81' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='800.42' cy='400.62' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='950.03' cy='353.19' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='1099.64' cy='289.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_2e366d38_210d_460f_91e2_ea99b44a3bb8\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"b770f31f0889ef402cc0cc3ed3d3c897"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-0e9196a989849cb8d002","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-0e9196a989849cb8d002"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_e446bb95_755f_4aff_9327_94a9c84d4695' viewBox='0 0 1152 648'>\\n <defs id='svg_e446bb95_755f_4aff_9327_94a9c84d4695_defs'>\\n  <clipPath id='svg_e446bb95_755f_4aff_9327_94a9c84d4695_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_e446bb95_755f_4aff_9327_94a9c84d4695_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_e446bb95_755f_4aff_9327_94a9c84d4695_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,457.18 800.42,550.22 950.03,442.58 1099.64,347.72 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,457.18 800.42,550.22 950.03,442.58 1099.64,347.72' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,424.34 501.19,429.81 650.81,457.18 800.42,550.22 950.03,442.58 1099.64,347.72' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='351.58' cy='424.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='501.19' cy='429.81' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='650.81' cy='457.18' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='800.42' cy='550.22' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='950.03' cy='442.58' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='1099.64' cy='347.72' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_e446bb95_755f_4aff_9327_94a9c84d4695\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"39254887c3340eb7ba4ecfb6383be495"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-a7e8c9997a178b4ee40a","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-a7e8c9997a178b4ee40a"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_c461704c_b849_4c2e_9bc0_a9bc4515e96c' viewBox='0 0 1152 648'>\\n <defs id='svg_c461704c_b849_4c2e_9bc0_a9bc4515e96c_defs'>\\n  <clipPath id='svg_c461704c_b849_4c2e_9bc0_a9bc4515e96c_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_c461704c_b849_4c2e_9bc0_a9bc4515e96c_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_c461704c_b849_4c2e_9bc0_a9bc4515e96c_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,411.57 501.19,415.22 650.81,355.01 800.42,448.05 950.03,378.73 1099.64,292.99 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,411.57 501.19,415.22 650.81,355.01 800.42,448.05 950.03,378.73 1099.64,292.99' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,411.57 501.19,415.22 650.81,355.01 800.42,448.05 950.03,378.73 1099.64,292.99' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='351.58' cy='411.57' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='501.19' cy='415.22' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='650.81' cy='355.01' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='800.42' cy='448.05' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='950.03' cy='378.73' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='1099.64' cy='292.99' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_c461704c_b849_4c2e_9bc0_a9bc4515e96c\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"702749da39b327aa7de0f5389d707135"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-90c8f8bca75d9c5cf982","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-90c8f8bca75d9c5cf982"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_dd808797_128b_492c_9d2e_d1a7c7adf8d5' viewBox='0 0 1152 648'>\\n <defs id='svg_dd808797_128b_492c_9d2e_d1a7c7adf8d5_defs'>\\n  <clipPath id='svg_dd808797_128b_492c_9d2e_d1a7c7adf8d5_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_dd808797_128b_492c_9d2e_d1a7c7adf8d5_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_dd808797_128b_492c_9d2e_d1a7c7adf8d5_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,393.32 501.19,384.20 650.81,355.01 800.42,448.05 950.03,402.45 1099.64,371.43 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,393.32 501.19,384.20 650.81,355.01 800.42,448.05 950.03,402.45 1099.64,371.43' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,393.32 501.19,384.20 650.81,355.01 800.42,448.05 950.03,402.45 1099.64,371.43' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='351.58' cy='393.32' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='501.19' cy='384.2' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='650.81' cy='355.01' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='800.42' cy='448.05' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='950.03' cy='402.45' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='1099.64' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_dd808797_128b_492c_9d2e_d1a7c7adf8d5\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"04268144638aa7c69a87e8b9bb1e121b"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-bd54de4824556ccf471a","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-bd54de4824556ccf471a"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_b945c983_674e_442b_8414_bf42642e3ebf' viewBox='0 0 1152 648'>\\n <defs id='svg_b945c983_674e_442b_8414_bf42642e3ebf_defs'>\\n  <clipPath id='svg_b945c983_674e_442b_8414_bf42642e3ebf_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_b945c983_674e_442b_8414_bf42642e3ebf_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_b945c983_674e_442b_8414_bf42642e3ebf_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,378.73 501.19,415.22 650.81,333.12 800.42,398.80 950.03,353.19 1099.64,349.54 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,378.73 501.19,415.22 650.81,333.12 800.42,398.80 950.03,353.19 1099.64,349.54' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,378.73 501.19,415.22 650.81,333.12 800.42,398.80 950.03,353.19 1099.64,349.54' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='351.58' cy='378.73' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='501.19' cy='415.22' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='650.81' cy='333.12' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='800.42' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='950.03' cy='353.19' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='1099.64' cy='349.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_b945c983_674e_442b_8414_bf42642e3ebf\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"b3428bfe12d6a5a3fe33e152a2795fd7"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-a3500d4f2ec6a6204758","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-a3500d4f2ec6a6204758"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_f3e8afb8_8a92_428d_9b3a_6a1c52579db9' viewBox='0 0 1152 648'>\\n <defs id='svg_f3e8afb8_8a92_428d_9b3a_6a1c52579db9_defs'>\\n  <clipPath id='svg_f3e8afb8_8a92_428d_9b3a_6a1c52579db9_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_f3e8afb8_8a92_428d_9b3a_6a1c52579db9_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_f3e8afb8_8a92_428d_9b3a_6a1c52579db9_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,358.66 501.19,333.12 650.81,291.16 800.42,371.43 950.03,356.84 1099.64,334.95 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,358.66 501.19,333.12 650.81,291.16 800.42,371.43 950.03,356.84 1099.64,334.95' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,358.66 501.19,333.12 650.81,291.16 800.42,371.43 950.03,356.84 1099.64,334.95' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='351.58' cy='358.66' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='501.19' cy='333.12' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='650.81' cy='291.16' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='800.42' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='950.03' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='1099.64' cy='334.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_f3e8afb8_8a92_428d_9b3a_6a1c52579db9\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"4dfda203252e188a8ee755650f24e934"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-b83663ec339644ab5635","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-b83663ec339644ab5635"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_fccc4133_a6c6_42af_a048_9c62a2ae9fbf' viewBox='0 0 1152 648'>\\n <defs id='svg_fccc4133_a6c6_42af_a048_9c62a2ae9fbf_defs'>\\n  <clipPath id='svg_fccc4133_a6c6_42af_a048_9c62a2ae9fbf_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_fccc4133_a6c6_42af_a048_9c62a2ae9fbf_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_fccc4133_a6c6_42af_a048_9c62a2ae9fbf_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,417.04 501.19,391.50 650.81,391.50 800.42,451.70 950.03,418.86 1099.64,398.80 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,417.04 501.19,391.50 650.81,391.50 800.42,451.70 950.03,418.86 1099.64,398.80' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,417.04 501.19,391.50 650.81,391.50 800.42,451.70 950.03,418.86 1099.64,398.80' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='351.58' cy='417.04' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='501.19' cy='391.5' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='650.81' cy='391.5' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='800.42' cy='451.7' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='950.03' cy='418.86' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='1099.64' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_fccc4133_a6c6_42af_a048_9c62a2ae9fbf\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"1db3ae5f37dbcb740842ffe47fe7c5af"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-6e3a125d1075156e5adf","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-6e3a125d1075156e5adf"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_ac94a703_16e8_40f9_befa_75162eb05afe' viewBox='0 0 1152 648'>\\n <defs id='svg_ac94a703_16e8_40f9_befa_75162eb05afe_defs'>\\n  <clipPath id='svg_ac94a703_16e8_40f9_befa_75162eb05afe_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_ac94a703_16e8_40f9_befa_75162eb05afe_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_ac94a703_16e8_40f9_befa_75162eb05afe_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,438.93 501.19,437.11 650.81,427.99 800.42,493.66 950.03,334.95 1099.64,340.42 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,438.93 501.19,437.11 650.81,427.99 800.42,493.66 950.03,334.95 1099.64,340.42' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,438.93 501.19,437.11 650.81,427.99 800.42,493.66 950.03,334.95 1099.64,340.42' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='351.58' cy='438.93' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='501.19' cy='437.11' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='650.81' cy='427.99' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='800.42' cy='493.66' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='950.03' cy='334.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='1099.64' cy='340.42' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_ac94a703_16e8_40f9_befa_75162eb05afe\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"8ebbd9e096244b55bad99c531f2f0463"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-6df6ccc0cbda03c4180a","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-6df6ccc0cbda03c4180a"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_215cdb9f_2cee_4f30_90f0_80a31fe00b9a' viewBox='0 0 1152 648'>\\n <defs id='svg_215cdb9f_2cee_4f30_90f0_80a31fe00b9a_defs'>\\n  <clipPath id='svg_215cdb9f_2cee_4f30_90f0_80a31fe00b9a_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_215cdb9f_2cee_4f30_90f0_80a31fe00b9a_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_215cdb9f_2cee_4f30_90f0_80a31fe00b9a_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,459.00 501.19,469.95 650.81,506.43 800.42,594.00 950.03,572.11 1099.64,542.92 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,459.00 501.19,469.95 650.81,506.43 800.42,594.00 950.03,572.11 1099.64,542.92' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,459.00 501.19,469.95 650.81,506.43 800.42,594.00 950.03,572.11 1099.64,542.92' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='351.58' cy='459' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='501.19' cy='469.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='650.81' cy='506.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='800.42' cy='594' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='950.03' cy='572.11' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='1099.64' cy='542.92' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_215cdb9f_2cee_4f30_90f0_80a31fe00b9a\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"cd7e077497c6774ad5d8cf82172ddad8"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-6604db354dc096dfbf96","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-6604db354dc096dfbf96"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_0468c6d1_074d_45f5_a3df_6a1922dd17e4' viewBox='0 0 1152 648'>\\n <defs id='svg_0468c6d1_074d_45f5_a3df_6a1922dd17e4_defs'>\\n  <clipPath id='svg_0468c6d1_074d_45f5_a3df_6a1922dd17e4_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_0468c6d1_074d_45f5_a3df_6a1922dd17e4_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_0468c6d1_074d_45f5_a3df_6a1922dd17e4_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,409.74 501.19,395.15 650.81,367.78 800.42,435.28 950.03,400.62 1099.64,349.54 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,409.74 501.19,395.15 650.81,367.78 800.42,435.28 950.03,400.62 1099.64,349.54' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,409.74 501.19,395.15 650.81,367.78 800.42,435.28 950.03,400.62 1099.64,349.54' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='351.58' cy='409.74' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='501.19' cy='395.15' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='650.81' cy='367.78' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='800.42' cy='435.28' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='950.03' cy='400.62' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='1099.64' cy='349.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_0468c6d1_074d_45f5_a3df_6a1922dd17e4\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"214e0e88182eac2a90938ebac0f013d8"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-561c6c6462bb0da95a69","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-561c6c6462bb0da95a69"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_d757abc7_f95b_439b_bc92_17da435e3887' viewBox='0 0 1152 648'>\\n <defs id='svg_d757abc7_f95b_439b_bc92_17da435e3887_defs'>\\n  <clipPath id='svg_d757abc7_f95b_439b_bc92_17da435e3887_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_d757abc7_f95b_439b_bc92_17da435e3887_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_d757abc7_f95b_439b_bc92_17da435e3887_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,437.11 501.19,446.23 650.81,417.04 800.42,460.82 950.03,418.86 1099.64,369.61 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,437.11 501.19,446.23 650.81,417.04 800.42,460.82 950.03,418.86 1099.64,369.61' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,437.11 501.19,446.23 650.81,417.04 800.42,460.82 950.03,418.86 1099.64,369.61' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='351.58' cy='437.11' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='501.19' cy='446.23' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='650.81' cy='417.04' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='800.42' cy='460.82' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='950.03' cy='418.86' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='1099.64' cy='369.61' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_d757abc7_f95b_439b_bc92_17da435e3887\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"1d69c36759f97efdbe55682337e0b6bf"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-bd1b7ff11e662b8a21b1","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-bd1b7ff11e662b8a21b1"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_830f6fd4_36a1_482b_a3db_e76eef2d212f' viewBox='0 0 1152 648'>\\n <defs id='svg_830f6fd4_36a1_482b_a3db_e76eef2d212f_defs'>\\n  <clipPath id='svg_830f6fd4_36a1_482b_a3db_e76eef2d212f_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_830f6fd4_36a1_482b_a3db_e76eef2d212f_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_830f6fd4_36a1_482b_a3db_e76eef2d212f_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,389.68 501.19,380.55 650.81,334.95 800.42,367.78 950.03,344.07 1099.64,318.53 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,389.68 501.19,380.55 650.81,334.95 800.42,367.78 950.03,344.07 1099.64,318.53' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,389.68 501.19,380.55 650.81,334.95 800.42,367.78 950.03,344.07 1099.64,318.53' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='351.58' cy='389.68' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='501.19' cy='380.55' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='650.81' cy='334.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='800.42' cy='367.78' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='950.03' cy='344.07' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='1099.64' cy='318.53' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_830f6fd4_36a1_482b_a3db_e76eef2d212f\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"f2fa83270738ebf7a564e44051e9f2c9"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-bdeab46a78b12c9d8842","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-bdeab46a78b12c9d8842"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_5f90144c_adad_42d0_9c51_b836f5da679a' viewBox='0 0 1152 648'>\\n <defs id='svg_5f90144c_adad_42d0_9c51_b836f5da679a_defs'>\\n  <clipPath id='svg_5f90144c_adad_42d0_9c51_b836f5da679a_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_5f90144c_adad_42d0_9c51_b836f5da679a_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_5f90144c_adad_42d0_9c51_b836f5da679a_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,431.64 800.42,488.19 950.03,451.70 1099.64,424.34 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,431.64 800.42,488.19 950.03,451.70 1099.64,424.34' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,424.34 501.19,429.81 650.81,431.64 800.42,488.19 950.03,451.70 1099.64,424.34' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='351.58' cy='424.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='501.19' cy='429.81' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='650.81' cy='431.64' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='800.42' cy='488.19' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='950.03' cy='451.7' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n   <circle cx='1099.64' cy='424.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_5f90144c_adad_42d0_9c51_b836f5da679a\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}],"width":160}],"pagination":false,"dataKey":"9177bd83c777931b8cff4a0e91940496"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
</section>
<section id="add-tooltips-to-spark-lines" class="level3 page-columns page-full">
<h3 class="anchored" data-anchor-id="add-tooltips-to-spark-lines">Add tooltips to spark lines</h3>
<p>Now, to make the chart more interesting, we can compute the year-on-year change of the GPD (if possible) and show that in tooltips.</p>
<div class="cell page-columns page-full">
<div class="sourceCode cell-code" id="cb43" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb43-1">spark_line <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value, row_index, column_name) {</span>
<span id="cb43-2">  years <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2015</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2022</span></span>
<span id="cb43-3">  rel_diff <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> value <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lag</span>(value) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span></span>
<span id="cb43-4">  texts <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">if_else</span>(</span>
<span id="cb43-5">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">is.na</span>(rel_diff),</span>
<span id="cb43-6">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span>,</span>
<span id="cb43-7">    scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">percent</span>(rel_diff, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">accuracy =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.01</span>)</span>
<span id="cb43-8">  )</span>
<span id="cb43-9">  text_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">if_else</span>(</span>
<span id="cb43-10">    rel_diff <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&lt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>, </span>
<span id="cb43-11">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#BF1363'</span>, </span>
<span id="cb43-12">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#06A77D'</span></span>
<span id="cb43-13">  )</span>
<span id="cb43-14">  </span>
<span id="cb43-15">  compare_texts <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">map</span>(</span>
<span id="cb43-16">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">seq_along</span>(texts),</span>
<span id="cb43-17">    \(x) {</span>
<span id="cb43-18">      <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">if</span> (<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">!</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">is.na</span>(value[[x]])) {</span>
<span id="cb43-19">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb43-20">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb43-21">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'250px'</span>,</span>
<span id="cb43-22">          ),</span>
<span id="cb43-23">          <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb43-24">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb43-25">              <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span></span>
<span id="cb43-26">            ),</span>
<span id="cb43-27">            glue<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">glue</span>(</span>
<span id="cb43-28">              <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'GPD in {years[x]}:'</span></span>
<span id="cb43-29">            )</span>
<span id="cb43-30">          ),</span>
<span id="cb43-31">          <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb43-32">            value[x],</span>
<span id="cb43-33">            <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">if</span> (texts[[x]] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">!=</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span>) {</span>
<span id="cb43-34">                <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">span</span>(</span>
<span id="cb43-35">                  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb43-36">                    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_size =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'1rem'</span></span>
<span id="cb43-37">                  ),</span>
<span id="cb43-38">                  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'('</span>,</span>
<span id="cb43-39">                  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">span</span>(</span>
<span id="cb43-40">                    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb43-41">                      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> text_color[x],</span>
<span id="cb43-42">                      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span></span>
<span id="cb43-43">                    ),</span>
<span id="cb43-44">                    texts[x]</span>
<span id="cb43-45">                  ),</span>
<span id="cb43-46">                  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">span</span>(</span>
<span id="cb43-47">                    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">', year-on-year)'</span></span>
<span id="cb43-48">                  )</span>
<span id="cb43-49">                )</span>
<span id="cb43-50">            }</span>
<span id="cb43-51">          )</span>
<span id="cb43-52">        ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">as.character</span>()</span>
<span id="cb43-53">      } <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">else</span> {</span>
<span id="cb43-54">        <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span></span>
<span id="cb43-55">      }</span>
<span id="cb43-56">    }</span>
<span id="cb43-57">  )</span>
<span id="cb43-58">  </span>
<span id="cb43-59">  gg_plt <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mapping =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> years, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> value)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb43-60">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_ribbon</span>(</span>
<span id="cb43-61">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(</span>
<span id="cb43-62">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> years[<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>],</span>
<span id="cb43-63">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NULL</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ymin =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ymax =</span> value[<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>]),</span>
<span id="cb43-64">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">alpha =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.1</span>,</span>
<span id="cb43-65">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> main_color</span>
<span id="cb43-66">    ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb43-67">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> main_color) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb43-68">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_point_interactive</span>(</span>
<span id="cb43-69">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(</span>
<span id="cb43-70">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">tooltip =</span> compare_texts</span>
<span id="cb43-71">      ),</span>
<span id="cb43-72">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> main_color,</span>
<span id="cb43-73">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>,</span>
<span id="cb43-74">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na.rm =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span></span>
<span id="cb43-75">    ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb43-76">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_y_continuous</span>(</span>
<span id="cb43-77">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">expand =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">expansion</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mult =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.1</span>),</span>
<span id="cb43-78">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">limits =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">range</span>(</span>
<span id="cb43-79">        german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>gdp <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">unlist</span>(),</span>
<span id="cb43-80">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na.rm =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span></span>
<span id="cb43-81">      )</span>
<span id="cb43-82">    ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb43-83">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_void</span>()</span>
<span id="cb43-84">  </span>
<span id="cb43-85">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">girafe</span>(</span>
<span id="cb43-86">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ggobj =</span> gg_plt, </span>
<span id="cb43-87">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width_svg =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">16</span>,</span>
<span id="cb43-88">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">height =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">9</span>,</span>
<span id="cb43-89">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">options =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb43-90">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">opts_toolbar</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">saveaspng =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>),</span>
<span id="cb43-91">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">opts_tooltip</span>(</span>
<span id="cb43-92">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">opacity =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>,</span>
<span id="cb43-93">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">css =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">girafe_css</span>(</span>
<span id="cb43-94">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">css =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb43-95">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'black'</span>,</span>
<span id="cb43-96">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">background =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'white'</span>,</span>
<span id="cb43-97">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">padding =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'15px'</span>,</span>
<span id="cb43-98">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_size =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'1.25rem'</span>,</span>
<span id="cb43-99">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'"Source Sans Pro", Courier'</span>,</span>
<span id="cb43-100">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border =</span> glue<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">glue</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid {main_color}'</span>),</span>
<span id="cb43-101">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_radius =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'5px'</span></span>
<span id="cb43-102">          )</span>
<span id="cb43-103">        )</span>
<span id="cb43-104">      )</span>
<span id="cb43-105">    )</span>
<span id="cb43-106">  )</span>
<span id="cb43-107">}</span>
<span id="cb43-108"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">spark_line</span>(german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>gdp[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>]], <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NA</span>, <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NA</span>)</span></code></pre></div>
<div class="cell-output-display column-page">
<div class="girafe html-widget html-fill-item" id="htmlwidget-692742ae2927e7fa2791" style="width:80%;height:3543.3px;"></div>
<script type="application/json" data-for="htmlwidget-692742ae2927e7fa2791">{"x":{"html":"<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_1c97f222_5051_4203_9ef7_fdb2ff891911' viewBox='0 0 1152 648'>\n <defs id='svg_1c97f222_5051_4203_9ef7_fdb2ff891911_defs'>\n  <clipPath id='svg_1c97f222_5051_4203_9ef7_fdb2ff891911_c1'>\n   <rect x='0' y='0' width='1152' height='648'/>\n  <\/clipPath>\n <\/defs>\n <g id='svg_1c97f222_5051_4203_9ef7_fdb2ff891911_rootg' class='ggiraph-svg-rootg'>\n  <g clip-path='url(#svg_1c97f222_5051_4203_9ef7_fdb2ff891911_c1)'>\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\n   <polygon points='52.36,484.54 351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\n   <polyline points='52.36,484.54 351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43' fill='none' stroke='none'/>\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\n   <polyline points='351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\n   <circle id='svg_1c97f222_5051_4203_9ef7_fdb2ff891911_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\n   <circle id='svg_1c97f222_5051_4203_9ef7_fdb2ff891911_e2' cx='351.58' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104.7&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\n   <circle id='svg_1c97f222_5051_4203_9ef7_fdb2ff891911_e3' cx='501.19' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.20%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\n   <circle id='svg_1c97f222_5051_4203_9ef7_fdb2ff891911_e4' cx='650.81' cy='364.14' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.37%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\n   <circle id='svg_1c97f222_5051_4203_9ef7_fdb2ff891911_e5' cx='800.42' cy='457.18' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.78%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\n   <circle id='svg_1c97f222_5051_4203_9ef7_fdb2ff891911_e6' cx='950.03' cy='396.97' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.25%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\n   <circle id='svg_1c97f222_5051_4203_9ef7_fdb2ff891911_e7' cx='1099.64' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.34%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\n  <\/g>\n <\/g>\n<\/svg>","js":null,"uid":"svg_1c97f222_5051_4203_9ef7_fdb2ff891911","ratio":1.777777777777778,"settings":{"tooltip":{"css":".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\"Source Sans Pro\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}","placement":"doc","opacity":1,"offx":10,"offy":0,"use_cursor_pos":true,"use_fill":false,"use_stroke":false,"delay_over":200,"delay_out":500},"hover":{"css":".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\nimage.hover_data_SVGID_ { stroke:orange; }","reactive":true,"nearest_distance":null},"hover_inv":{"css":""},"hover_key":{"css":".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\nimage.hover_key_SVGID_ { stroke:orange; }","reactive":true},"hover_theme":{"css":".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\nimage.hover_theme_SVGID_ { stroke:orange; }","reactive":true},"select":{"css":".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\ntext.select_data_SVGID_ { stroke:none;fill:red; }\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\nimage.select_data_SVGID_ { stroke:red; }","type":"multiple","only_shiny":true,"selected":[]},"select_inv":{"css":""},"select_key":{"css":".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\ntext.select_key_SVGID_ { stroke:none;fill:red; }\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\nimage.select_key_SVGID_ { stroke:red; }","type":"single","only_shiny":true,"selected":[]},"select_theme":{"css":".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\nimage.select_theme_SVGID_ { stroke:red; }","type":"single","only_shiny":true,"selected":[]},"zoom":{"min":1,"max":1,"duration":300},"toolbar":{"position":"topright","pngname":"diagram","tooltips":null,"hidden":"saveaspng","delay_over":200,"delay_out":500},"sizing":{"rescale":true,"width":1}}},"evals":[],"jsHooks":[]}</script>
</div>
</div>
<p>And now we just have to re-execute the code from before.</p>
<div class="cell page-columns page-full">
<div class="cell-output-display column-page">
<div class="reactable html-widget html-fill-item" id="htmlwidget-145e092fed60c1271cab" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-145e092fed60c1271cab">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"img":["https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg"],"state":["Baden-Württemberg","Bayern","Berlin","Brandenburg","Bremen","Hamburg","Hessen","Mecklenburg-Vorpommern","Niedersachsen","Nordrhein-Westfalen","Rheinland-Pfalz","Saarland","Sachsen","Sachsen-Anhalt","Schleswig-Holstein","Thüringen"],"capital":["Stuttgart","München","—","Potsdam","Bremen","—","Wiesbaden","Schwerin","Hannover","Düsseldorf","Mainz","Saarbrücken","Dresden","Magdeburg","Kiel","Erfurt"],"most_populous_city":["Stuttgart","München","—","Potsdam","Bremen","—","Frankfurt am Main","Rostock","Hannover","Köln","Mainz","Saarbrücken","Leipzig","Halle (Saale)","Kiel","Erfurt"],"federal_assembly_votes":[6,6,4,4,3,3,5,3,6,6,4,3,4,4,4,4],"area_km2":[35748,70542,891,29654,420,755,21116,23295,47710,34112,19858,2571,18450,20459,15804,16202],"pop_million":[11.28,13.369,3.755,2.573,0.685,1.892,6.391,1.628,8.14,18.139,4.159,0.993,4.086,2.187,2.953,2.127],"pop_per_km2":[316,190,4210,87,1633,2506,303,70,171,532,209,386,221,107,187,132],"gdp":[[100,"NA",104.7,107,106.6,101.5,104.8,106.2],[100,"NA",106.3,106.7,108.6,104.6,107.5,109.8],[100,"NA",109.6,113.5,116.8,114.2,117.8,123.6],[100,"NA",104.7,105.2,107,104.6,107.2,110.7],[100,"NA",103.3,103,101.5,96.4,102.3,107.5],[100,"NA",104,103.8,107.1,102,105.8,110.5],[100,"NA",105,105.5,107.1,102,104.5,106.2],[100,"NA",105.8,103.8,108.3,104.7,107.2,107.4],[100,"NA",106.9,108.3,110.6,106.2,107,108.2],[100,"NA",103.7,105.1,105.1,101.8,103.6,104.7],[100,"NA",102.5,102.6,103.1,99.5,108.2,107.9],[100,"NA",101.4,100.8,98.8,94,95.2,96.8],[100,"NA",104.1,104.9,106.4,102.7,104.6,107.4],[100,"NA",102.6,102.1,103.7,101.3,103.6,106.3],[100,"NA",105.2,105.7,108.2,106.4,107.7,109.1],[100,"NA",103.3,103,102.9,99.8,101.8,103.3]]},"columns":[{"id":"img","name":"img","type":"character","header":"","footer":{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/da/Coat_of_arms_of_Germany.svg","width":50},"children":[]},"align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg","width":50},"children":[]}],"width":65},{"id":"state","name":"state","type":"character","header":"State","footer":"Deutschland","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":125},{"id":"capital","name":"capital","type":"character","header":"Capital","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":115},{"id":"most_populous_city","name":"most_populous_city","type":"character","header":"Most Populous City","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":160},{"id":"federal_assembly_votes","name":"federal_assembly_votes","type":"numeric","header":"Bundesrat Votes","footer":"69","align":"center","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#5682B1FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"44.4444444444444px","width":"44.4444444444444px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["5"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]}],"width":140},{"id":"area_km2","name":"area_km2","type":"numeric","header":"Area","footer":"357,588 km²","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["35,748 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.99697976442162%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["70,542 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"19.7271720527534%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["891 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.249169435215947%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["29,654 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"8.29278387417922%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["420 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.117453605825699%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["755 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.211136839043816%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["21,116 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.90511985860823%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["23,295 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"6.51448035168965%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["47,710 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"13.3421703189145%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["34,112 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.53947000458628%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["19,858 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.55331834401602%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2,571 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.718983858518742%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["18,450 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.15956911305748%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["20,459 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.72138886092374%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["15,804 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.41961139635558%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["16,202 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.53091267044755%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"pop_million","name":"pop_million","type":"numeric","header":"in millions","footer":"84.36","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["11.28"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"13.3714245071658%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["13.37"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"15.8477459429344%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["3.76"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.4512144525184%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.57"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.05005986320369%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["0.68"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.812005832217072%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1.89"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.24279567088277%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["6.39"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.57595514408658%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1.63"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.92984743773634%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["8.14"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.64923718868171%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["18.14"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"21.5021515191029%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4.16"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.93012008203037%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["0.99"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.17711210422124%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4.09"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.84358515392549%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.19"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.59249161322443%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.95"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.50051565333871%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.13"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.52136701478206%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"pop_per_km2","name":"pop_per_km2","type":"numeric","header":"per km²","footer":"236","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["316"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.50593824228029%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["190"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.51306413301663%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4,210"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"100%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["87"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.06650831353919%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1,633"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"38.7885985748219%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2,506"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"59.5249406175772%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["303"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.19714964370546%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["70"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.66270783847981%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["171"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.06175771971497%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["532"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"12.6365795724466%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["209"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.96437054631829%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["386"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.1686460807601%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["221"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.24940617577197%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["107"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.541567695962%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["187"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.44180522565321%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["132"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.1353919239905%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"gdp","name":"gdp","type":"list","header":{"name":"div","attribs":{},"children":["GDP ",{"name":"span","attribs":{"style":{"font-size":"0.75rem"}},"children":["(Index 2015 = 100)"]}]},"footer":{"name":"WidgetContainer","attribs":{"key":"45cec58f88a9063c1be2366a19fe4ebe"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-96d3a9b50bcf1c9aac2e","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-96d3a9b50bcf1c9aac2e"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_d17d80d9_cee0_4bd5_8a1a_ce20f409ddb1' viewBox='0 0 1152 648'>\\n <defs id='svg_d17d80d9_cee0_4bd5_8a1a_ce20f409ddb1_defs'>\\n  <clipPath id='svg_d17d80d9_cee0_4bd5_8a1a_ce20f409ddb1_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_d17d80d9_cee0_4bd5_8a1a_ce20f409ddb1_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_d17d80d9_cee0_4bd5_8a1a_ce20f409ddb1_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,393.32 501.19,375.08 650.81,355.01 800.42,426.16 950.03,376.91 1099.64,342.24 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,393.32 501.19,375.08 650.81,355.01 800.42,426.16 950.03,376.91 1099.64,342.24' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,393.32 501.19,375.08 650.81,355.01 800.42,426.16 950.03,376.91 1099.64,342.24' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_d17d80d9_cee0_4bd5_8a1a_ce20f409ddb1_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d17d80d9_cee0_4bd5_8a1a_ce20f409ddb1_e2' cx='351.58' cy='393.32' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d17d80d9_cee0_4bd5_8a1a_ce20f409ddb1_e3' cx='501.19' cy='375.08' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.95%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d17d80d9_cee0_4bd5_8a1a_ce20f409ddb1_e4' cx='650.81' cy='355.01' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.04%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d17d80d9_cee0_4bd5_8a1a_ce20f409ddb1_e5' cx='800.42' cy='426.16' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.64%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d17d80d9_cee0_4bd5_8a1a_ce20f409ddb1_e6' cx='950.03' cy='376.91' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.62%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d17d80d9_cee0_4bd5_8a1a_ce20f409ddb1_e7' cx='1099.64' cy='342.24' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.79%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_d17d80d9_cee0_4bd5_8a1a_ce20f409ddb1\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},"align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"WidgetContainer","attribs":{"key":"d3d4d7fb7d799afc7fbc14764fa14486"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-4076d22ebe8343811d11","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-4076d22ebe8343811d11"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_f937645c_3774_4f33_829e_294948bf5e45' viewBox='0 0 1152 648'>\\n <defs id='svg_f937645c_3774_4f33_829e_294948bf5e45_defs'>\\n  <clipPath id='svg_f937645c_3774_4f33_829e_294948bf5e45_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_f937645c_3774_4f33_829e_294948bf5e45_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_f937645c_3774_4f33_829e_294948bf5e45_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_f937645c_3774_4f33_829e_294948bf5e45_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_f937645c_3774_4f33_829e_294948bf5e45_e2' cx='351.58' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104.7&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_f937645c_3774_4f33_829e_294948bf5e45_e3' cx='501.19' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.20%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_f937645c_3774_4f33_829e_294948bf5e45_e4' cx='650.81' cy='364.14' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.37%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_f937645c_3774_4f33_829e_294948bf5e45_e5' cx='800.42' cy='457.18' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.78%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_f937645c_3774_4f33_829e_294948bf5e45_e6' cx='950.03' cy='396.97' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.25%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_f937645c_3774_4f33_829e_294948bf5e45_e7' cx='1099.64' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.34%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_f937645c_3774_4f33_829e_294948bf5e45\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"01877320a28b58e78a723251b1c79e9a"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-67079bd2aac287601c46","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-67079bd2aac287601c46"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_1d55223a_9955_4eb6_9cc0_b9ff15e4bc6f' viewBox='0 0 1152 648'>\\n <defs id='svg_1d55223a_9955_4eb6_9cc0_b9ff15e4bc6f_defs'>\\n  <clipPath id='svg_1d55223a_9955_4eb6_9cc0_b9ff15e4bc6f_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_1d55223a_9955_4eb6_9cc0_b9ff15e4bc6f_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_1d55223a_9955_4eb6_9cc0_b9ff15e4bc6f_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,369.61 501.19,362.31 650.81,327.65 800.42,400.62 950.03,347.72 1099.64,305.76 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,369.61 501.19,362.31 650.81,327.65 800.42,400.62 950.03,347.72 1099.64,305.76' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,369.61 501.19,362.31 650.81,327.65 800.42,400.62 950.03,347.72 1099.64,305.76' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_1d55223a_9955_4eb6_9cc0_b9ff15e4bc6f_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_1d55223a_9955_4eb6_9cc0_b9ff15e4bc6f_e2' cx='351.58' cy='369.61' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;106.3&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_1d55223a_9955_4eb6_9cc0_b9ff15e4bc6f_e3' cx='501.19' cy='362.31' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.38%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_1d55223a_9955_4eb6_9cc0_b9ff15e4bc6f_e4' cx='650.81' cy='327.65' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.78%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_1d55223a_9955_4eb6_9cc0_b9ff15e4bc6f_e5' cx='800.42' cy='400.62' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.68%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_1d55223a_9955_4eb6_9cc0_b9ff15e4bc6f_e6' cx='950.03' cy='347.72' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.77%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_1d55223a_9955_4eb6_9cc0_b9ff15e4bc6f_e7' cx='1099.64' cy='305.76' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    109.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.14%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_1d55223a_9955_4eb6_9cc0_b9ff15e4bc6f\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"3740ab7bb926cc7359e3c5b07f08287a"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-05937779108217a4d885","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-05937779108217a4d885"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_d139c7d6_5c1f_44d7_84cd_03e6546e3e54' viewBox='0 0 1152 648'>\\n <defs id='svg_d139c7d6_5c1f_44d7_84cd_03e6546e3e54_defs'>\\n  <clipPath id='svg_d139c7d6_5c1f_44d7_84cd_03e6546e3e54_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_d139c7d6_5c1f_44d7_84cd_03e6546e3e54_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_d139c7d6_5c1f_44d7_84cd_03e6546e3e54_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,309.41 501.19,238.26 650.81,178.05 800.42,225.49 950.03,159.81 1099.64,54.00 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,309.41 501.19,238.26 650.81,178.05 800.42,225.49 950.03,159.81 1099.64,54.00' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,309.41 501.19,238.26 650.81,178.05 800.42,225.49 950.03,159.81 1099.64,54.00' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_d139c7d6_5c1f_44d7_84cd_03e6546e3e54_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d139c7d6_5c1f_44d7_84cd_03e6546e3e54_e2' cx='351.58' cy='309.41' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;109.6&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d139c7d6_5c1f_44d7_84cd_03e6546e3e54_e3' cx='501.19' cy='238.26' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    113.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.56%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d139c7d6_5c1f_44d7_84cd_03e6546e3e54_e4' cx='650.81' cy='178.05' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    116.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.91%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d139c7d6_5c1f_44d7_84cd_03e6546e3e54_e5' cx='800.42' cy='225.49' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    114.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-2.23%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d139c7d6_5c1f_44d7_84cd_03e6546e3e54_e6' cx='950.03' cy='159.81' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    117.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.15%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d139c7d6_5c1f_44d7_84cd_03e6546e3e54_e7' cx='1099.64' cy='54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    123.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;4.92%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_d139c7d6_5c1f_44d7_84cd_03e6546e3e54\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"05592a4ed6e3654946be7fa20a77f6c9"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-2d03d696a2aeba65211f","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-2d03d696a2aeba65211f"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_3b57972b_7e68_4920_b1fa_7c1c6c58ec8a' viewBox='0 0 1152 648'>\\n <defs id='svg_3b57972b_7e68_4920_b1fa_7c1c6c58ec8a_defs'>\\n  <clipPath id='svg_3b57972b_7e68_4920_b1fa_7c1c6c58ec8a_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_3b57972b_7e68_4920_b1fa_7c1c6c58ec8a_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_3b57972b_7e68_4920_b1fa_7c1c6c58ec8a_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,398.80 501.19,389.68 650.81,356.84 800.42,400.62 950.03,353.19 1099.64,289.34 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,398.80 501.19,389.68 650.81,356.84 800.42,400.62 950.03,353.19 1099.64,289.34' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,398.80 501.19,389.68 650.81,356.84 800.42,400.62 950.03,353.19 1099.64,289.34' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_3b57972b_7e68_4920_b1fa_7c1c6c58ec8a_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3b57972b_7e68_4920_b1fa_7c1c6c58ec8a_e2' cx='351.58' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104.7&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3b57972b_7e68_4920_b1fa_7c1c6c58ec8a_e3' cx='501.19' cy='389.68' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3b57972b_7e68_4920_b1fa_7c1c6c58ec8a_e4' cx='650.81' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.71%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3b57972b_7e68_4920_b1fa_7c1c6c58ec8a_e5' cx='800.42' cy='400.62' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-2.24%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3b57972b_7e68_4920_b1fa_7c1c6c58ec8a_e6' cx='950.03' cy='353.19' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3b57972b_7e68_4920_b1fa_7c1c6c58ec8a_e7' cx='1099.64' cy='289.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    110.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.26%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_3b57972b_7e68_4920_b1fa_7c1c6c58ec8a\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"c05c3c119eef2a2e2e3274310e09950e"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-60055c5de4eadef7463a","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-60055c5de4eadef7463a"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_9aa21918_fb9b_4c75_81b0_19f793338816' viewBox='0 0 1152 648'>\\n <defs id='svg_9aa21918_fb9b_4c75_81b0_19f793338816_defs'>\\n  <clipPath id='svg_9aa21918_fb9b_4c75_81b0_19f793338816_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_9aa21918_fb9b_4c75_81b0_19f793338816_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_9aa21918_fb9b_4c75_81b0_19f793338816_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,457.18 800.42,550.22 950.03,442.58 1099.64,347.72 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,457.18 800.42,550.22 950.03,442.58 1099.64,347.72' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,424.34 501.19,429.81 650.81,457.18 800.42,550.22 950.03,442.58 1099.64,347.72' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_9aa21918_fb9b_4c75_81b0_19f793338816_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_9aa21918_fb9b_4c75_81b0_19f793338816_e2' cx='351.58' cy='424.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;103.3&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_9aa21918_fb9b_4c75_81b0_19f793338816_e3' cx='501.19' cy='429.81' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.29%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_9aa21918_fb9b_4c75_81b0_19f793338816_e4' cx='650.81' cy='457.18' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.46%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_9aa21918_fb9b_4c75_81b0_19f793338816_e5' cx='800.42' cy='550.22' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    96.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-5.02%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_9aa21918_fb9b_4c75_81b0_19f793338816_e6' cx='950.03' cy='442.58' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;6.12%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_9aa21918_fb9b_4c75_81b0_19f793338816_e7' cx='1099.64' cy='347.72' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;5.08%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_9aa21918_fb9b_4c75_81b0_19f793338816\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"9708e74554696dcf2e14e9179f5e89c4"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-cb394b136fe443ed8790","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-cb394b136fe443ed8790"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_b031571d_1815_44a7_9116_7192555bb561' viewBox='0 0 1152 648'>\\n <defs id='svg_b031571d_1815_44a7_9116_7192555bb561_defs'>\\n  <clipPath id='svg_b031571d_1815_44a7_9116_7192555bb561_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_b031571d_1815_44a7_9116_7192555bb561_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_b031571d_1815_44a7_9116_7192555bb561_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,411.57 501.19,415.22 650.81,355.01 800.42,448.05 950.03,378.73 1099.64,292.99 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,411.57 501.19,415.22 650.81,355.01 800.42,448.05 950.03,378.73 1099.64,292.99' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,411.57 501.19,415.22 650.81,355.01 800.42,448.05 950.03,378.73 1099.64,292.99' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_b031571d_1815_44a7_9116_7192555bb561_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_b031571d_1815_44a7_9116_7192555bb561_e2' cx='351.58' cy='411.57' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_b031571d_1815_44a7_9116_7192555bb561_e3' cx='501.19' cy='415.22' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.19%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_b031571d_1815_44a7_9116_7192555bb561_e4' cx='650.81' cy='355.01' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.18%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_b031571d_1815_44a7_9116_7192555bb561_e5' cx='800.42' cy='448.05' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.76%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_b031571d_1815_44a7_9116_7192555bb561_e6' cx='950.03' cy='378.73' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.73%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_b031571d_1815_44a7_9116_7192555bb561_e7' cx='1099.64' cy='292.99' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    110.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;4.44%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_b031571d_1815_44a7_9116_7192555bb561\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"3ffbaee07d189e304d03d7ae03a2b6d8"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-e11fc25befd676305e62","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-e11fc25befd676305e62"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_8bcb9faa_5c51_4fc9_991e_9d242a7d39da' viewBox='0 0 1152 648'>\\n <defs id='svg_8bcb9faa_5c51_4fc9_991e_9d242a7d39da_defs'>\\n  <clipPath id='svg_8bcb9faa_5c51_4fc9_991e_9d242a7d39da_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_8bcb9faa_5c51_4fc9_991e_9d242a7d39da_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_8bcb9faa_5c51_4fc9_991e_9d242a7d39da_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,393.32 501.19,384.20 650.81,355.01 800.42,448.05 950.03,402.45 1099.64,371.43 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,393.32 501.19,384.20 650.81,355.01 800.42,448.05 950.03,402.45 1099.64,371.43' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,393.32 501.19,384.20 650.81,355.01 800.42,448.05 950.03,402.45 1099.64,371.43' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_8bcb9faa_5c51_4fc9_991e_9d242a7d39da_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_8bcb9faa_5c51_4fc9_991e_9d242a7d39da_e2' cx='351.58' cy='393.32' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_8bcb9faa_5c51_4fc9_991e_9d242a7d39da_e3' cx='501.19' cy='384.2' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_8bcb9faa_5c51_4fc9_991e_9d242a7d39da_e4' cx='650.81' cy='355.01' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.52%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_8bcb9faa_5c51_4fc9_991e_9d242a7d39da_e5' cx='800.42' cy='448.05' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.76%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_8bcb9faa_5c51_4fc9_991e_9d242a7d39da_e6' cx='950.03' cy='402.45' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.45%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_8bcb9faa_5c51_4fc9_991e_9d242a7d39da_e7' cx='1099.64' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.63%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_8bcb9faa_5c51_4fc9_991e_9d242a7d39da\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"4863b9c844fbf3c1ce4a82eef44e13a5"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-4a3e68bd40fd5472c285","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-4a3e68bd40fd5472c285"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_c0b2ea8c_d22c_4e83_bf59_c77bbd0a08c2' viewBox='0 0 1152 648'>\\n <defs id='svg_c0b2ea8c_d22c_4e83_bf59_c77bbd0a08c2_defs'>\\n  <clipPath id='svg_c0b2ea8c_d22c_4e83_bf59_c77bbd0a08c2_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_c0b2ea8c_d22c_4e83_bf59_c77bbd0a08c2_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_c0b2ea8c_d22c_4e83_bf59_c77bbd0a08c2_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,378.73 501.19,415.22 650.81,333.12 800.42,398.80 950.03,353.19 1099.64,349.54 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,378.73 501.19,415.22 650.81,333.12 800.42,398.80 950.03,353.19 1099.64,349.54' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,378.73 501.19,415.22 650.81,333.12 800.42,398.80 950.03,353.19 1099.64,349.54' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_c0b2ea8c_d22c_4e83_bf59_c77bbd0a08c2_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c0b2ea8c_d22c_4e83_bf59_c77bbd0a08c2_e2' cx='351.58' cy='378.73' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105.8&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c0b2ea8c_d22c_4e83_bf59_c77bbd0a08c2_e3' cx='501.19' cy='415.22' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.89%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c0b2ea8c_d22c_4e83_bf59_c77bbd0a08c2_e4' cx='650.81' cy='333.12' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;4.34%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c0b2ea8c_d22c_4e83_bf59_c77bbd0a08c2_e5' cx='800.42' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.32%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c0b2ea8c_d22c_4e83_bf59_c77bbd0a08c2_e6' cx='950.03' cy='353.19' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.39%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c0b2ea8c_d22c_4e83_bf59_c77bbd0a08c2_e7' cx='1099.64' cy='349.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.19%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_c0b2ea8c_d22c_4e83_bf59_c77bbd0a08c2\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"3c1be801655156345d2ee9c5349fc27d"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-a52a6898ae375e5b4d5b","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-a52a6898ae375e5b4d5b"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_c102e9d0_59f0_4a7c_ac7d_e5902e117edd' viewBox='0 0 1152 648'>\\n <defs id='svg_c102e9d0_59f0_4a7c_ac7d_e5902e117edd_defs'>\\n  <clipPath id='svg_c102e9d0_59f0_4a7c_ac7d_e5902e117edd_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_c102e9d0_59f0_4a7c_ac7d_e5902e117edd_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_c102e9d0_59f0_4a7c_ac7d_e5902e117edd_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,358.66 501.19,333.12 650.81,291.16 800.42,371.43 950.03,356.84 1099.64,334.95 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,358.66 501.19,333.12 650.81,291.16 800.42,371.43 950.03,356.84 1099.64,334.95' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,358.66 501.19,333.12 650.81,291.16 800.42,371.43 950.03,356.84 1099.64,334.95' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_c102e9d0_59f0_4a7c_ac7d_e5902e117edd_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c102e9d0_59f0_4a7c_ac7d_e5902e117edd_e2' cx='351.58' cy='358.66' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;106.9&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c102e9d0_59f0_4a7c_ac7d_e5902e117edd_e3' cx='501.19' cy='333.12' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.31%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c102e9d0_59f0_4a7c_ac7d_e5902e117edd_e4' cx='650.81' cy='291.16' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    110.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.12%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c102e9d0_59f0_4a7c_ac7d_e5902e117edd_e5' cx='800.42' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.98%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c102e9d0_59f0_4a7c_ac7d_e5902e117edd_e6' cx='950.03' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.75%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c102e9d0_59f0_4a7c_ac7d_e5902e117edd_e7' cx='1099.64' cy='334.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.12%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_c102e9d0_59f0_4a7c_ac7d_e5902e117edd\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"1a1da42c65992b646f0d595c9d678eed"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-8a0114dd482052eeb4ed","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-8a0114dd482052eeb4ed"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_90b71fda_795a_462f_8131_3a18dbaaf20e' viewBox='0 0 1152 648'>\\n <defs id='svg_90b71fda_795a_462f_8131_3a18dbaaf20e_defs'>\\n  <clipPath id='svg_90b71fda_795a_462f_8131_3a18dbaaf20e_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_90b71fda_795a_462f_8131_3a18dbaaf20e_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_90b71fda_795a_462f_8131_3a18dbaaf20e_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,417.04 501.19,391.50 650.81,391.50 800.42,451.70 950.03,418.86 1099.64,398.80 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,417.04 501.19,391.50 650.81,391.50 800.42,451.70 950.03,418.86 1099.64,398.80' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,417.04 501.19,391.50 650.81,391.50 800.42,451.70 950.03,418.86 1099.64,398.80' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_90b71fda_795a_462f_8131_3a18dbaaf20e_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_90b71fda_795a_462f_8131_3a18dbaaf20e_e2' cx='351.58' cy='417.04' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;103.7&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_90b71fda_795a_462f_8131_3a18dbaaf20e_e3' cx='501.19' cy='391.5' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.35%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_90b71fda_795a_462f_8131_3a18dbaaf20e_e4' cx='650.81' cy='391.5' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.00%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_90b71fda_795a_462f_8131_3a18dbaaf20e_e5' cx='800.42' cy='451.7' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.14%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_90b71fda_795a_462f_8131_3a18dbaaf20e_e6' cx='950.03' cy='418.86' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.77%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_90b71fda_795a_462f_8131_3a18dbaaf20e_e7' cx='1099.64' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.06%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_90b71fda_795a_462f_8131_3a18dbaaf20e\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"c5dd41220d77a6ac97d9cc9938a316d3"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-1d47fcbf00a2e7ffd134","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-1d47fcbf00a2e7ffd134"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_03287724_61d5_4cb9_b738_e389b755c5ab' viewBox='0 0 1152 648'>\\n <defs id='svg_03287724_61d5_4cb9_b738_e389b755c5ab_defs'>\\n  <clipPath id='svg_03287724_61d5_4cb9_b738_e389b755c5ab_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_03287724_61d5_4cb9_b738_e389b755c5ab_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_03287724_61d5_4cb9_b738_e389b755c5ab_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,438.93 501.19,437.11 650.81,427.99 800.42,493.66 950.03,334.95 1099.64,340.42 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,438.93 501.19,437.11 650.81,427.99 800.42,493.66 950.03,334.95 1099.64,340.42' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,438.93 501.19,437.11 650.81,427.99 800.42,493.66 950.03,334.95 1099.64,340.42' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_03287724_61d5_4cb9_b738_e389b755c5ab_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_03287724_61d5_4cb9_b738_e389b755c5ab_e2' cx='351.58' cy='438.93' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;102.5&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_03287724_61d5_4cb9_b738_e389b755c5ab_e3' cx='501.19' cy='437.11' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.10%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_03287724_61d5_4cb9_b738_e389b755c5ab_e4' cx='650.81' cy='427.99' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_03287724_61d5_4cb9_b738_e389b755c5ab_e5' cx='800.42' cy='493.66' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    99.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_03287724_61d5_4cb9_b738_e389b755c5ab_e6' cx='950.03' cy='334.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;8.74%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_03287724_61d5_4cb9_b738_e389b755c5ab_e7' cx='1099.64' cy='340.42' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.28%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_03287724_61d5_4cb9_b738_e389b755c5ab\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"92cf39e4d4ca7f19de24accd315574ee"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-9b5d3275cb4ac6abebc8","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-9b5d3275cb4ac6abebc8"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_868e7974_e986_467e_8cc2_e39f34aa8f9d' viewBox='0 0 1152 648'>\\n <defs id='svg_868e7974_e986_467e_8cc2_e39f34aa8f9d_defs'>\\n  <clipPath id='svg_868e7974_e986_467e_8cc2_e39f34aa8f9d_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_868e7974_e986_467e_8cc2_e39f34aa8f9d_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_868e7974_e986_467e_8cc2_e39f34aa8f9d_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,459.00 501.19,469.95 650.81,506.43 800.42,594.00 950.03,572.11 1099.64,542.92 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,459.00 501.19,469.95 650.81,506.43 800.42,594.00 950.03,572.11 1099.64,542.92' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,459.00 501.19,469.95 650.81,506.43 800.42,594.00 950.03,572.11 1099.64,542.92' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_868e7974_e986_467e_8cc2_e39f34aa8f9d_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_868e7974_e986_467e_8cc2_e39f34aa8f9d_e2' cx='351.58' cy='459' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;101.4&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_868e7974_e986_467e_8cc2_e39f34aa8f9d_e3' cx='501.19' cy='469.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    100.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.59%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_868e7974_e986_467e_8cc2_e39f34aa8f9d_e4' cx='650.81' cy='506.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    98.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.98%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_868e7974_e986_467e_8cc2_e39f34aa8f9d_e5' cx='800.42' cy='594' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    94&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.86%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_868e7974_e986_467e_8cc2_e39f34aa8f9d_e6' cx='950.03' cy='572.11' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    95.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.28%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_868e7974_e986_467e_8cc2_e39f34aa8f9d_e7' cx='1099.64' cy='542.92' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    96.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.68%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_868e7974_e986_467e_8cc2_e39f34aa8f9d\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"6d2f7943bc1107ff7441f6e2e669ce82"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-a2530221494f7529b360","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-a2530221494f7529b360"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_8cad020d_5707_49a4_831d_a221011645f6' viewBox='0 0 1152 648'>\\n <defs id='svg_8cad020d_5707_49a4_831d_a221011645f6_defs'>\\n  <clipPath id='svg_8cad020d_5707_49a4_831d_a221011645f6_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_8cad020d_5707_49a4_831d_a221011645f6_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_8cad020d_5707_49a4_831d_a221011645f6_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,409.74 501.19,395.15 650.81,367.78 800.42,435.28 950.03,400.62 1099.64,349.54 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,409.74 501.19,395.15 650.81,367.78 800.42,435.28 950.03,400.62 1099.64,349.54' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,409.74 501.19,395.15 650.81,367.78 800.42,435.28 950.03,400.62 1099.64,349.54' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_8cad020d_5707_49a4_831d_a221011645f6_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_8cad020d_5707_49a4_831d_a221011645f6_e2' cx='351.58' cy='409.74' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104.1&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_8cad020d_5707_49a4_831d_a221011645f6_e3' cx='501.19' cy='395.15' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.77%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_8cad020d_5707_49a4_831d_a221011645f6_e4' cx='650.81' cy='367.78' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.43%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_8cad020d_5707_49a4_831d_a221011645f6_e5' cx='800.42' cy='435.28' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_8cad020d_5707_49a4_831d_a221011645f6_e6' cx='950.03' cy='400.62' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.85%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_8cad020d_5707_49a4_831d_a221011645f6_e7' cx='1099.64' cy='349.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.68%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_8cad020d_5707_49a4_831d_a221011645f6\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"f19dc8e9493386a1fcfa51c6717b5b0c"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-d7f2bed1098f0792b61f","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-d7f2bed1098f0792b61f"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_960f7140_1b68_4391_bdc1_5457a5abe6f2' viewBox='0 0 1152 648'>\\n <defs id='svg_960f7140_1b68_4391_bdc1_5457a5abe6f2_defs'>\\n  <clipPath id='svg_960f7140_1b68_4391_bdc1_5457a5abe6f2_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_960f7140_1b68_4391_bdc1_5457a5abe6f2_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_960f7140_1b68_4391_bdc1_5457a5abe6f2_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,437.11 501.19,446.23 650.81,417.04 800.42,460.82 950.03,418.86 1099.64,369.61 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,437.11 501.19,446.23 650.81,417.04 800.42,460.82 950.03,418.86 1099.64,369.61' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,437.11 501.19,446.23 650.81,417.04 800.42,460.82 950.03,418.86 1099.64,369.61' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_960f7140_1b68_4391_bdc1_5457a5abe6f2_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_960f7140_1b68_4391_bdc1_5457a5abe6f2_e2' cx='351.58' cy='437.11' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;102.6&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_960f7140_1b68_4391_bdc1_5457a5abe6f2_e3' cx='501.19' cy='446.23' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_960f7140_1b68_4391_bdc1_5457a5abe6f2_e4' cx='650.81' cy='417.04' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.57%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_960f7140_1b68_4391_bdc1_5457a5abe6f2_e5' cx='800.42' cy='460.82' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-2.31%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_960f7140_1b68_4391_bdc1_5457a5abe6f2_e6' cx='950.03' cy='418.86' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.27%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_960f7140_1b68_4391_bdc1_5457a5abe6f2_e7' cx='1099.64' cy='369.61' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.61%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_960f7140_1b68_4391_bdc1_5457a5abe6f2\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"f2e3780b112e933c81f241fb6544e96d"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-8980964f8436c79f20f3","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-8980964f8436c79f20f3"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_301f58d9_a7e7_4a82_ad7f_7d2877c63acb' viewBox='0 0 1152 648'>\\n <defs id='svg_301f58d9_a7e7_4a82_ad7f_7d2877c63acb_defs'>\\n  <clipPath id='svg_301f58d9_a7e7_4a82_ad7f_7d2877c63acb_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_301f58d9_a7e7_4a82_ad7f_7d2877c63acb_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_301f58d9_a7e7_4a82_ad7f_7d2877c63acb_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,389.68 501.19,380.55 650.81,334.95 800.42,367.78 950.03,344.07 1099.64,318.53 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,389.68 501.19,380.55 650.81,334.95 800.42,367.78 950.03,344.07 1099.64,318.53' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,389.68 501.19,380.55 650.81,334.95 800.42,367.78 950.03,344.07 1099.64,318.53' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_301f58d9_a7e7_4a82_ad7f_7d2877c63acb_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_301f58d9_a7e7_4a82_ad7f_7d2877c63acb_e2' cx='351.58' cy='389.68' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105.2&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_301f58d9_a7e7_4a82_ad7f_7d2877c63acb_e3' cx='501.19' cy='380.55' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_301f58d9_a7e7_4a82_ad7f_7d2877c63acb_e4' cx='650.81' cy='334.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.37%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_301f58d9_a7e7_4a82_ad7f_7d2877c63acb_e5' cx='800.42' cy='367.78' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.66%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_301f58d9_a7e7_4a82_ad7f_7d2877c63acb_e6' cx='950.03' cy='344.07' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.22%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_301f58d9_a7e7_4a82_ad7f_7d2877c63acb_e7' cx='1099.64' cy='318.53' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    109.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.30%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_301f58d9_a7e7_4a82_ad7f_7d2877c63acb\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"456824017d9b59db9a2e70cbf84dccae"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-7a4ce256aac9a88b84c4","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-7a4ce256aac9a88b84c4"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_54216b52_bbcd_4abf_9b0c_a09afff97cef' viewBox='0 0 1152 648'>\\n <defs id='svg_54216b52_bbcd_4abf_9b0c_a09afff97cef_defs'>\\n  <clipPath id='svg_54216b52_bbcd_4abf_9b0c_a09afff97cef_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_54216b52_bbcd_4abf_9b0c_a09afff97cef_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_54216b52_bbcd_4abf_9b0c_a09afff97cef_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,431.64 800.42,488.19 950.03,451.70 1099.64,424.34 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,431.64 800.42,488.19 950.03,451.70 1099.64,424.34' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,424.34 501.19,429.81 650.81,431.64 800.42,488.19 950.03,451.70 1099.64,424.34' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_54216b52_bbcd_4abf_9b0c_a09afff97cef_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_54216b52_bbcd_4abf_9b0c_a09afff97cef_e2' cx='351.58' cy='424.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;103.3&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_54216b52_bbcd_4abf_9b0c_a09afff97cef_e3' cx='501.19' cy='429.81' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.29%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_54216b52_bbcd_4abf_9b0c_a09afff97cef_e4' cx='650.81' cy='431.64' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.10%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_54216b52_bbcd_4abf_9b0c_a09afff97cef_e5' cx='800.42' cy='488.19' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    99.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.01%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_54216b52_bbcd_4abf_9b0c_a09afff97cef_e6' cx='950.03' cy='451.7' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.00%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_54216b52_bbcd_4abf_9b0c_a09afff97cef_e7' cx='1099.64' cy='424.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.47%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_54216b52_bbcd_4abf_9b0c_a09afff97cef\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}],"width":160}],"pagination":false,"dataKey":"852c5e9ff9c96d3c16df85d4d841afa3"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
</section>
<section id="add-column-groups-and-nicer-font" class="level3 page-columns page-full">
<h3 class="anchored" data-anchor-id="add-column-groups-and-nicer-font">Add column groups and nicer font</h3>
<p>Phew, that was hard, wasn’t it? Let’s throw in something easy in between. You can think of it as a little break if you want.</p>
<p>Anyway, what we do now is to add a group label for the population columns. And we can add a nicer font.</p>
<div class="cell page-columns page-full">
<div class="sourceCode cell-code" id="cb44" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb44-1">german_stats_wo_total <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb44-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb44-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pagination =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>,</span>
<span id="cb44-4">    </span>
<span id="cb44-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">defaultColDef =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb44-6">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">vAlign =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'center'</span>,</span>
<span id="cb44-7">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">align =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'left'</span>,</span>
<span id="cb44-8">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> \(x) <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_replace_all</span>(x, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'_'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">' '</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb44-9">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_to_title</span>(),</span>
<span id="cb44-10">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">headerStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb44-11">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb44-12">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_bottom =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid black'</span></span>
<span id="cb44-13">      ),</span>
<span id="cb44-14">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(values, col_name) {</span>
<span id="cb44-15">        german_stats[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>, col_name]]</span>
<span id="cb44-16">      },</span>
<span id="cb44-17">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footerStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb44-18">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb44-19">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_top =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid black'</span></span>
<span id="cb44-20">      )</span>
<span id="cb44-21">    ),</span>
<span id="cb44-22">    </span>
<span id="cb44-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb44-24">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">img =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb44-25">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span>,</span>
<span id="cb44-26">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">65</span>,</span>
<span id="cb44-27">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value) {</span>
<span id="cb44-28">          tags<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">img</span>(</span>
<span id="cb44-29">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">src =</span> value,</span>
<span id="cb44-30">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span></span>
<span id="cb44-31">          )</span>
<span id="cb44-32">        },</span>
<span id="cb44-33">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value) {</span>
<span id="cb44-34">          tags<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">img</span>(</span>
<span id="cb44-35">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">src =</span> german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>img[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>],</span>
<span id="cb44-36">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span></span>
<span id="cb44-37">          )</span>
<span id="cb44-38">        }</span>
<span id="cb44-39">      ),</span>
<span id="cb44-40"></span>
<span id="cb44-41">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">state =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">125</span>),</span>
<span id="cb44-42">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">capital =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">115</span>),</span>
<span id="cb44-43">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">most_populous_city =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">160</span>),</span>
<span id="cb44-44">      </span>
<span id="cb44-45">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">federal_assembly_votes =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb44-46">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Bundesrat Votes'</span>,</span>
<span id="cb44-47">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">align =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'center'</span>,</span>
<span id="cb44-48">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">140</span>,</span>
<span id="cb44-49">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bubble_grid</span>(</span>
<span id="cb44-50">          german_stats_wo_total <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb44-51">            <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(federal_assembly_votes),</span>
<span id="cb44-52">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">min_value =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>,</span>
<span id="cb44-53">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">max_value =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>,</span>
<span id="cb44-54">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">colors =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb44-55">            colorspace<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lighten</span>(main_color, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.9</span>),</span>
<span id="cb44-56">            main_color</span>
<span id="cb44-57">          )</span>
<span id="cb44-58">        )</span>
<span id="cb44-59">      ),</span>
<span id="cb44-60">      </span>
<span id="cb44-61">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">area_km2 =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb44-62">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Area'</span>,</span>
<span id="cb44-63">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">align =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'left'</span>,</span>
<span id="cb44-64">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bar_chart</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'area_km2'</span>),</span>
<span id="cb44-65">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">110</span>,</span>
<span id="cb44-66">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value) {</span>
<span id="cb44-67">          german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>area_km2[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb44-68">            scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">label_number</span>(</span>
<span id="cb44-69">              <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">suffix =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">' km²'</span>,</span>
<span id="cb44-70">              <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">big.mark =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">','</span></span>
<span id="cb44-71">            )()</span>
<span id="cb44-72">        }</span>
<span id="cb44-73">      ),</span>
<span id="cb44-74">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pop_million =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb44-75">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'in millions'</span>,</span>
<span id="cb44-76">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bar_chart</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'pop_million'</span>),</span>
<span id="cb44-77">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>pop_million[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>]] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb44-78">          scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">comma</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">accuracy =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.01</span>),</span>
<span id="cb44-79">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">110</span></span>
<span id="cb44-80">      ),</span>
<span id="cb44-81">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pop_per_km2 =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb44-82">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'per km²'</span>,</span>
<span id="cb44-83">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bar_chart</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'pop_per_km2'</span>),</span>
<span id="cb44-84">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">110</span></span>
<span id="cb44-85">      ),</span>
<span id="cb44-86">      </span>
<span id="cb44-87">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">gdp =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb44-88">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb44-89">          <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'GDP '</span>,</span>
<span id="cb44-90">          <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">span</span>(</span>
<span id="cb44-91">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb44-92">              <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_size =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'0.75rem'</span></span>
<span id="cb44-93">            ),</span>
<span id="cb44-94">            <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'(Index 2015 = 100)'</span></span>
<span id="cb44-95">          )</span>
<span id="cb44-96">        ),</span>
<span id="cb44-97">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> spark_line,</span>
<span id="cb44-98">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> \(x) <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">spark_line</span>(</span>
<span id="cb44-99">          german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>gdp[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>]], <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NA</span>, <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NA</span></span>
<span id="cb44-100">        ),</span>
<span id="cb44-101">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">160</span></span>
<span id="cb44-102">      )</span>
<span id="cb44-103">    ),</span>
<span id="cb44-104">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columnGroups =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb44-105">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colGroup</span>(</span>
<span id="cb44-106">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Population'</span>,</span>
<span id="cb44-107">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'pop_million'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'pop_per_km2'</span>)</span>
<span id="cb44-108">      )</span>
<span id="cb44-109">    ),</span>
<span id="cb44-110">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb44-111">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'"Source Sans Pro", sans-serif'</span></span>
<span id="cb44-112">    )</span>
<span id="cb44-113">  )</span></code></pre></div>
<div class="cell-output-display column-page">
<div class="reactable html-widget html-fill-item" id="htmlwidget-73824aaf3db3de88ecab" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-73824aaf3db3de88ecab">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"img":["https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg"],"state":["Baden-Württemberg","Bayern","Berlin","Brandenburg","Bremen","Hamburg","Hessen","Mecklenburg-Vorpommern","Niedersachsen","Nordrhein-Westfalen","Rheinland-Pfalz","Saarland","Sachsen","Sachsen-Anhalt","Schleswig-Holstein","Thüringen"],"capital":["Stuttgart","München","—","Potsdam","Bremen","—","Wiesbaden","Schwerin","Hannover","Düsseldorf","Mainz","Saarbrücken","Dresden","Magdeburg","Kiel","Erfurt"],"most_populous_city":["Stuttgart","München","—","Potsdam","Bremen","—","Frankfurt am Main","Rostock","Hannover","Köln","Mainz","Saarbrücken","Leipzig","Halle (Saale)","Kiel","Erfurt"],"federal_assembly_votes":[6,6,4,4,3,3,5,3,6,6,4,3,4,4,4,4],"area_km2":[35748,70542,891,29654,420,755,21116,23295,47710,34112,19858,2571,18450,20459,15804,16202],"pop_million":[11.28,13.369,3.755,2.573,0.685,1.892,6.391,1.628,8.14,18.139,4.159,0.993,4.086,2.187,2.953,2.127],"pop_per_km2":[316,190,4210,87,1633,2506,303,70,171,532,209,386,221,107,187,132],"gdp":[[100,"NA",104.7,107,106.6,101.5,104.8,106.2],[100,"NA",106.3,106.7,108.6,104.6,107.5,109.8],[100,"NA",109.6,113.5,116.8,114.2,117.8,123.6],[100,"NA",104.7,105.2,107,104.6,107.2,110.7],[100,"NA",103.3,103,101.5,96.4,102.3,107.5],[100,"NA",104,103.8,107.1,102,105.8,110.5],[100,"NA",105,105.5,107.1,102,104.5,106.2],[100,"NA",105.8,103.8,108.3,104.7,107.2,107.4],[100,"NA",106.9,108.3,110.6,106.2,107,108.2],[100,"NA",103.7,105.1,105.1,101.8,103.6,104.7],[100,"NA",102.5,102.6,103.1,99.5,108.2,107.9],[100,"NA",101.4,100.8,98.8,94,95.2,96.8],[100,"NA",104.1,104.9,106.4,102.7,104.6,107.4],[100,"NA",102.6,102.1,103.7,101.3,103.6,106.3],[100,"NA",105.2,105.7,108.2,106.4,107.7,109.1],[100,"NA",103.3,103,102.9,99.8,101.8,103.3]]},"columns":[{"id":"img","name":"img","type":"character","header":"","footer":{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/da/Coat_of_arms_of_Germany.svg","width":50},"children":[]},"align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg","width":50},"children":[]}],"width":65},{"id":"state","name":"state","type":"character","header":"State","footer":"Deutschland","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":125},{"id":"capital","name":"capital","type":"character","header":"Capital","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":115},{"id":"most_populous_city","name":"most_populous_city","type":"character","header":"Most Populous City","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":160},{"id":"federal_assembly_votes","name":"federal_assembly_votes","type":"numeric","header":"Bundesrat Votes","footer":"69","align":"center","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#5682B1FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"44.4444444444444px","width":"44.4444444444444px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["5"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]}],"width":140},{"id":"area_km2","name":"area_km2","type":"numeric","header":"Area","footer":"357,588 km²","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["35,748 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.99697976442162%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["70,542 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"19.7271720527534%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["891 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.249169435215947%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["29,654 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"8.29278387417922%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["420 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.117453605825699%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["755 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.211136839043816%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["21,116 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.90511985860823%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["23,295 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"6.51448035168965%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["47,710 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"13.3421703189145%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["34,112 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.53947000458628%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["19,858 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.55331834401602%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2,571 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.718983858518742%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["18,450 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.15956911305748%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["20,459 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.72138886092374%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["15,804 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.41961139635558%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["16,202 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.53091267044755%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"pop_million","name":"pop_million","type":"numeric","header":"in millions","footer":"84.36","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["11.28"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"13.3714245071658%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["13.37"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"15.8477459429344%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["3.76"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.4512144525184%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.57"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.05005986320369%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["0.68"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.812005832217072%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1.89"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.24279567088277%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["6.39"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.57595514408658%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1.63"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.92984743773634%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["8.14"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.64923718868171%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["18.14"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"21.5021515191029%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4.16"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.93012008203037%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["0.99"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.17711210422124%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4.09"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.84358515392549%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.19"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.59249161322443%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.95"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.50051565333871%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.13"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.52136701478206%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"pop_per_km2","name":"pop_per_km2","type":"numeric","header":"per km²","footer":"236","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["316"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.50593824228029%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["190"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.51306413301663%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4,210"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"100%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["87"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.06650831353919%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1,633"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"38.7885985748219%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2,506"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"59.5249406175772%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["303"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.19714964370546%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["70"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.66270783847981%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["171"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.06175771971497%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["532"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"12.6365795724466%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["209"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.96437054631829%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["386"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.1686460807601%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["221"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.24940617577197%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["107"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.541567695962%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["187"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.44180522565321%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["132"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.1353919239905%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"gdp","name":"gdp","type":"list","header":{"name":"div","attribs":{},"children":["GDP ",{"name":"span","attribs":{"style":{"font-size":"0.75rem"}},"children":["(Index 2015 = 100)"]}]},"footer":{"name":"WidgetContainer","attribs":{"key":"2bb961fa82220a1d84b1a69cc21bb076"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-432bbe7f0d289c6ee0a8","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-432bbe7f0d289c6ee0a8"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_49f35d31_0f54_48bd_b36b_a29542033842' viewBox='0 0 1152 648'>\\n <defs id='svg_49f35d31_0f54_48bd_b36b_a29542033842_defs'>\\n  <clipPath id='svg_49f35d31_0f54_48bd_b36b_a29542033842_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_49f35d31_0f54_48bd_b36b_a29542033842_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_49f35d31_0f54_48bd_b36b_a29542033842_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,393.32 501.19,375.08 650.81,355.01 800.42,426.16 950.03,376.91 1099.64,342.24 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,393.32 501.19,375.08 650.81,355.01 800.42,426.16 950.03,376.91 1099.64,342.24' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,393.32 501.19,375.08 650.81,355.01 800.42,426.16 950.03,376.91 1099.64,342.24' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_49f35d31_0f54_48bd_b36b_a29542033842_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_49f35d31_0f54_48bd_b36b_a29542033842_e2' cx='351.58' cy='393.32' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_49f35d31_0f54_48bd_b36b_a29542033842_e3' cx='501.19' cy='375.08' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.95%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_49f35d31_0f54_48bd_b36b_a29542033842_e4' cx='650.81' cy='355.01' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.04%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_49f35d31_0f54_48bd_b36b_a29542033842_e5' cx='800.42' cy='426.16' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.64%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_49f35d31_0f54_48bd_b36b_a29542033842_e6' cx='950.03' cy='376.91' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.62%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_49f35d31_0f54_48bd_b36b_a29542033842_e7' cx='1099.64' cy='342.24' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.79%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_49f35d31_0f54_48bd_b36b_a29542033842\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},"align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"WidgetContainer","attribs":{"key":"8486ec6fd9e960e23639d403379e820f"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-4852353048e7d97a2d74","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-4852353048e7d97a2d74"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_271c3eec_d04a_461c_b989_301d2603e4e1' viewBox='0 0 1152 648'>\\n <defs id='svg_271c3eec_d04a_461c_b989_301d2603e4e1_defs'>\\n  <clipPath id='svg_271c3eec_d04a_461c_b989_301d2603e4e1_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_271c3eec_d04a_461c_b989_301d2603e4e1_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_271c3eec_d04a_461c_b989_301d2603e4e1_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_271c3eec_d04a_461c_b989_301d2603e4e1_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_271c3eec_d04a_461c_b989_301d2603e4e1_e2' cx='351.58' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104.7&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_271c3eec_d04a_461c_b989_301d2603e4e1_e3' cx='501.19' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.20%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_271c3eec_d04a_461c_b989_301d2603e4e1_e4' cx='650.81' cy='364.14' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.37%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_271c3eec_d04a_461c_b989_301d2603e4e1_e5' cx='800.42' cy='457.18' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.78%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_271c3eec_d04a_461c_b989_301d2603e4e1_e6' cx='950.03' cy='396.97' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.25%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_271c3eec_d04a_461c_b989_301d2603e4e1_e7' cx='1099.64' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.34%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_271c3eec_d04a_461c_b989_301d2603e4e1\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"191575b967447d2f1d22d07279f25a95"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-a657551403c903cb9d8d","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-a657551403c903cb9d8d"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_659d6594_50e8_431d_a732_61e20e1523b9' viewBox='0 0 1152 648'>\\n <defs id='svg_659d6594_50e8_431d_a732_61e20e1523b9_defs'>\\n  <clipPath id='svg_659d6594_50e8_431d_a732_61e20e1523b9_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_659d6594_50e8_431d_a732_61e20e1523b9_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_659d6594_50e8_431d_a732_61e20e1523b9_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,369.61 501.19,362.31 650.81,327.65 800.42,400.62 950.03,347.72 1099.64,305.76 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,369.61 501.19,362.31 650.81,327.65 800.42,400.62 950.03,347.72 1099.64,305.76' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,369.61 501.19,362.31 650.81,327.65 800.42,400.62 950.03,347.72 1099.64,305.76' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_659d6594_50e8_431d_a732_61e20e1523b9_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_659d6594_50e8_431d_a732_61e20e1523b9_e2' cx='351.58' cy='369.61' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;106.3&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_659d6594_50e8_431d_a732_61e20e1523b9_e3' cx='501.19' cy='362.31' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.38%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_659d6594_50e8_431d_a732_61e20e1523b9_e4' cx='650.81' cy='327.65' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.78%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_659d6594_50e8_431d_a732_61e20e1523b9_e5' cx='800.42' cy='400.62' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.68%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_659d6594_50e8_431d_a732_61e20e1523b9_e6' cx='950.03' cy='347.72' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.77%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_659d6594_50e8_431d_a732_61e20e1523b9_e7' cx='1099.64' cy='305.76' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    109.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.14%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_659d6594_50e8_431d_a732_61e20e1523b9\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"82c2adeec1173c31a50bd28d770be148"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-9a73d11e8db0e595f5b7","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-9a73d11e8db0e595f5b7"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_f4ab74aa_c867_4ada_bb02_2bac21efc1b4' viewBox='0 0 1152 648'>\\n <defs id='svg_f4ab74aa_c867_4ada_bb02_2bac21efc1b4_defs'>\\n  <clipPath id='svg_f4ab74aa_c867_4ada_bb02_2bac21efc1b4_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_f4ab74aa_c867_4ada_bb02_2bac21efc1b4_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_f4ab74aa_c867_4ada_bb02_2bac21efc1b4_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,309.41 501.19,238.26 650.81,178.05 800.42,225.49 950.03,159.81 1099.64,54.00 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,309.41 501.19,238.26 650.81,178.05 800.42,225.49 950.03,159.81 1099.64,54.00' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,309.41 501.19,238.26 650.81,178.05 800.42,225.49 950.03,159.81 1099.64,54.00' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_f4ab74aa_c867_4ada_bb02_2bac21efc1b4_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_f4ab74aa_c867_4ada_bb02_2bac21efc1b4_e2' cx='351.58' cy='309.41' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;109.6&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_f4ab74aa_c867_4ada_bb02_2bac21efc1b4_e3' cx='501.19' cy='238.26' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    113.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.56%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_f4ab74aa_c867_4ada_bb02_2bac21efc1b4_e4' cx='650.81' cy='178.05' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    116.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.91%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_f4ab74aa_c867_4ada_bb02_2bac21efc1b4_e5' cx='800.42' cy='225.49' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    114.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-2.23%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_f4ab74aa_c867_4ada_bb02_2bac21efc1b4_e6' cx='950.03' cy='159.81' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    117.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.15%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_f4ab74aa_c867_4ada_bb02_2bac21efc1b4_e7' cx='1099.64' cy='54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    123.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;4.92%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_f4ab74aa_c867_4ada_bb02_2bac21efc1b4\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"6656ef7f691a19d0de006804579a93a3"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-e5ffacc37c0f88a588e8","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-e5ffacc37c0f88a588e8"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_e26e8041_bda9_4085_b56a_7421a9ad41bd' viewBox='0 0 1152 648'>\\n <defs id='svg_e26e8041_bda9_4085_b56a_7421a9ad41bd_defs'>\\n  <clipPath id='svg_e26e8041_bda9_4085_b56a_7421a9ad41bd_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_e26e8041_bda9_4085_b56a_7421a9ad41bd_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_e26e8041_bda9_4085_b56a_7421a9ad41bd_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,398.80 501.19,389.68 650.81,356.84 800.42,400.62 950.03,353.19 1099.64,289.34 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,398.80 501.19,389.68 650.81,356.84 800.42,400.62 950.03,353.19 1099.64,289.34' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,398.80 501.19,389.68 650.81,356.84 800.42,400.62 950.03,353.19 1099.64,289.34' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_e26e8041_bda9_4085_b56a_7421a9ad41bd_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e26e8041_bda9_4085_b56a_7421a9ad41bd_e2' cx='351.58' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104.7&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e26e8041_bda9_4085_b56a_7421a9ad41bd_e3' cx='501.19' cy='389.68' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e26e8041_bda9_4085_b56a_7421a9ad41bd_e4' cx='650.81' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.71%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e26e8041_bda9_4085_b56a_7421a9ad41bd_e5' cx='800.42' cy='400.62' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-2.24%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e26e8041_bda9_4085_b56a_7421a9ad41bd_e6' cx='950.03' cy='353.19' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e26e8041_bda9_4085_b56a_7421a9ad41bd_e7' cx='1099.64' cy='289.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    110.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.26%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_e26e8041_bda9_4085_b56a_7421a9ad41bd\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"ed5110f780f56b13abbfa6f3ddff251e"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-9fd1c03780ed619b7c2c","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-9fd1c03780ed619b7c2c"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_eac8447f_db4f_4056_ba0c_351694715f0e' viewBox='0 0 1152 648'>\\n <defs id='svg_eac8447f_db4f_4056_ba0c_351694715f0e_defs'>\\n  <clipPath id='svg_eac8447f_db4f_4056_ba0c_351694715f0e_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_eac8447f_db4f_4056_ba0c_351694715f0e_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_eac8447f_db4f_4056_ba0c_351694715f0e_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,457.18 800.42,550.22 950.03,442.58 1099.64,347.72 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,457.18 800.42,550.22 950.03,442.58 1099.64,347.72' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,424.34 501.19,429.81 650.81,457.18 800.42,550.22 950.03,442.58 1099.64,347.72' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_eac8447f_db4f_4056_ba0c_351694715f0e_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_eac8447f_db4f_4056_ba0c_351694715f0e_e2' cx='351.58' cy='424.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;103.3&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_eac8447f_db4f_4056_ba0c_351694715f0e_e3' cx='501.19' cy='429.81' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.29%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_eac8447f_db4f_4056_ba0c_351694715f0e_e4' cx='650.81' cy='457.18' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.46%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_eac8447f_db4f_4056_ba0c_351694715f0e_e5' cx='800.42' cy='550.22' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    96.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-5.02%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_eac8447f_db4f_4056_ba0c_351694715f0e_e6' cx='950.03' cy='442.58' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;6.12%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_eac8447f_db4f_4056_ba0c_351694715f0e_e7' cx='1099.64' cy='347.72' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;5.08%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_eac8447f_db4f_4056_ba0c_351694715f0e\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"ff2cd6d15d9d04e1c4162608edf56a4d"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-fbca352c356f0e7d3724","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-fbca352c356f0e7d3724"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_e1883c44_adc2_4d19_8dd6_3ed9c0f54099' viewBox='0 0 1152 648'>\\n <defs id='svg_e1883c44_adc2_4d19_8dd6_3ed9c0f54099_defs'>\\n  <clipPath id='svg_e1883c44_adc2_4d19_8dd6_3ed9c0f54099_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_e1883c44_adc2_4d19_8dd6_3ed9c0f54099_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_e1883c44_adc2_4d19_8dd6_3ed9c0f54099_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,411.57 501.19,415.22 650.81,355.01 800.42,448.05 950.03,378.73 1099.64,292.99 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,411.57 501.19,415.22 650.81,355.01 800.42,448.05 950.03,378.73 1099.64,292.99' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,411.57 501.19,415.22 650.81,355.01 800.42,448.05 950.03,378.73 1099.64,292.99' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_e1883c44_adc2_4d19_8dd6_3ed9c0f54099_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e1883c44_adc2_4d19_8dd6_3ed9c0f54099_e2' cx='351.58' cy='411.57' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e1883c44_adc2_4d19_8dd6_3ed9c0f54099_e3' cx='501.19' cy='415.22' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.19%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e1883c44_adc2_4d19_8dd6_3ed9c0f54099_e4' cx='650.81' cy='355.01' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.18%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e1883c44_adc2_4d19_8dd6_3ed9c0f54099_e5' cx='800.42' cy='448.05' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.76%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e1883c44_adc2_4d19_8dd6_3ed9c0f54099_e6' cx='950.03' cy='378.73' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.73%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_e1883c44_adc2_4d19_8dd6_3ed9c0f54099_e7' cx='1099.64' cy='292.99' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    110.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;4.44%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_e1883c44_adc2_4d19_8dd6_3ed9c0f54099\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"0887e8b68ee0b22ae8f33a745dd6817c"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-716ac5edb3ddc57800fa","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-716ac5edb3ddc57800fa"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_7a0af54e_0b34_4571_95fe_28d1d4ae4c41' viewBox='0 0 1152 648'>\\n <defs id='svg_7a0af54e_0b34_4571_95fe_28d1d4ae4c41_defs'>\\n  <clipPath id='svg_7a0af54e_0b34_4571_95fe_28d1d4ae4c41_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_7a0af54e_0b34_4571_95fe_28d1d4ae4c41_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_7a0af54e_0b34_4571_95fe_28d1d4ae4c41_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,393.32 501.19,384.20 650.81,355.01 800.42,448.05 950.03,402.45 1099.64,371.43 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,393.32 501.19,384.20 650.81,355.01 800.42,448.05 950.03,402.45 1099.64,371.43' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,393.32 501.19,384.20 650.81,355.01 800.42,448.05 950.03,402.45 1099.64,371.43' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_7a0af54e_0b34_4571_95fe_28d1d4ae4c41_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_7a0af54e_0b34_4571_95fe_28d1d4ae4c41_e2' cx='351.58' cy='393.32' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_7a0af54e_0b34_4571_95fe_28d1d4ae4c41_e3' cx='501.19' cy='384.2' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_7a0af54e_0b34_4571_95fe_28d1d4ae4c41_e4' cx='650.81' cy='355.01' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.52%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_7a0af54e_0b34_4571_95fe_28d1d4ae4c41_e5' cx='800.42' cy='448.05' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.76%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_7a0af54e_0b34_4571_95fe_28d1d4ae4c41_e6' cx='950.03' cy='402.45' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.45%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_7a0af54e_0b34_4571_95fe_28d1d4ae4c41_e7' cx='1099.64' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.63%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_7a0af54e_0b34_4571_95fe_28d1d4ae4c41\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"73b4374e17450f82f4b825a348ec347e"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-7b4c85d2420df4653f34","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-7b4c85d2420df4653f34"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_0020dc76_c0db_40c3_a68d_a07e92f9eae4' viewBox='0 0 1152 648'>\\n <defs id='svg_0020dc76_c0db_40c3_a68d_a07e92f9eae4_defs'>\\n  <clipPath id='svg_0020dc76_c0db_40c3_a68d_a07e92f9eae4_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_0020dc76_c0db_40c3_a68d_a07e92f9eae4_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_0020dc76_c0db_40c3_a68d_a07e92f9eae4_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,378.73 501.19,415.22 650.81,333.12 800.42,398.80 950.03,353.19 1099.64,349.54 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,378.73 501.19,415.22 650.81,333.12 800.42,398.80 950.03,353.19 1099.64,349.54' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,378.73 501.19,415.22 650.81,333.12 800.42,398.80 950.03,353.19 1099.64,349.54' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_0020dc76_c0db_40c3_a68d_a07e92f9eae4_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_0020dc76_c0db_40c3_a68d_a07e92f9eae4_e2' cx='351.58' cy='378.73' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105.8&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_0020dc76_c0db_40c3_a68d_a07e92f9eae4_e3' cx='501.19' cy='415.22' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.89%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_0020dc76_c0db_40c3_a68d_a07e92f9eae4_e4' cx='650.81' cy='333.12' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;4.34%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_0020dc76_c0db_40c3_a68d_a07e92f9eae4_e5' cx='800.42' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.32%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_0020dc76_c0db_40c3_a68d_a07e92f9eae4_e6' cx='950.03' cy='353.19' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.39%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_0020dc76_c0db_40c3_a68d_a07e92f9eae4_e7' cx='1099.64' cy='349.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.19%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_0020dc76_c0db_40c3_a68d_a07e92f9eae4\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"5d3c027645b7d4f9b4d9f7474cf3c59c"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-6048cb937898e64f6b4c","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-6048cb937898e64f6b4c"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_b6dfb05c_f445_44fb_86bf_a21f921bc499' viewBox='0 0 1152 648'>\\n <defs id='svg_b6dfb05c_f445_44fb_86bf_a21f921bc499_defs'>\\n  <clipPath id='svg_b6dfb05c_f445_44fb_86bf_a21f921bc499_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_b6dfb05c_f445_44fb_86bf_a21f921bc499_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_b6dfb05c_f445_44fb_86bf_a21f921bc499_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,358.66 501.19,333.12 650.81,291.16 800.42,371.43 950.03,356.84 1099.64,334.95 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,358.66 501.19,333.12 650.81,291.16 800.42,371.43 950.03,356.84 1099.64,334.95' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,358.66 501.19,333.12 650.81,291.16 800.42,371.43 950.03,356.84 1099.64,334.95' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_b6dfb05c_f445_44fb_86bf_a21f921bc499_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_b6dfb05c_f445_44fb_86bf_a21f921bc499_e2' cx='351.58' cy='358.66' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;106.9&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_b6dfb05c_f445_44fb_86bf_a21f921bc499_e3' cx='501.19' cy='333.12' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.31%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_b6dfb05c_f445_44fb_86bf_a21f921bc499_e4' cx='650.81' cy='291.16' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    110.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.12%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_b6dfb05c_f445_44fb_86bf_a21f921bc499_e5' cx='800.42' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.98%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_b6dfb05c_f445_44fb_86bf_a21f921bc499_e6' cx='950.03' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.75%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_b6dfb05c_f445_44fb_86bf_a21f921bc499_e7' cx='1099.64' cy='334.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.12%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_b6dfb05c_f445_44fb_86bf_a21f921bc499\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"8e833abff6b9a54a45cc9a5d2d815d63"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-da2f97d9483bbb6ed40d","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-da2f97d9483bbb6ed40d"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_d9ffd36c_2c8e_4b40_ab69_496d08232ed3' viewBox='0 0 1152 648'>\\n <defs id='svg_d9ffd36c_2c8e_4b40_ab69_496d08232ed3_defs'>\\n  <clipPath id='svg_d9ffd36c_2c8e_4b40_ab69_496d08232ed3_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_d9ffd36c_2c8e_4b40_ab69_496d08232ed3_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_d9ffd36c_2c8e_4b40_ab69_496d08232ed3_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,417.04 501.19,391.50 650.81,391.50 800.42,451.70 950.03,418.86 1099.64,398.80 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,417.04 501.19,391.50 650.81,391.50 800.42,451.70 950.03,418.86 1099.64,398.80' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,417.04 501.19,391.50 650.81,391.50 800.42,451.70 950.03,418.86 1099.64,398.80' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_d9ffd36c_2c8e_4b40_ab69_496d08232ed3_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d9ffd36c_2c8e_4b40_ab69_496d08232ed3_e2' cx='351.58' cy='417.04' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;103.7&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d9ffd36c_2c8e_4b40_ab69_496d08232ed3_e3' cx='501.19' cy='391.5' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.35%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d9ffd36c_2c8e_4b40_ab69_496d08232ed3_e4' cx='650.81' cy='391.5' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.00%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d9ffd36c_2c8e_4b40_ab69_496d08232ed3_e5' cx='800.42' cy='451.7' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.14%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d9ffd36c_2c8e_4b40_ab69_496d08232ed3_e6' cx='950.03' cy='418.86' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.77%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d9ffd36c_2c8e_4b40_ab69_496d08232ed3_e7' cx='1099.64' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.06%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_d9ffd36c_2c8e_4b40_ab69_496d08232ed3\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"48641e627cc6315ceb1f0d394be0cbdb"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-5712af985fb3602f793c","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-5712af985fb3602f793c"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_90ab391c_6b14_4bdb_b447_77b5b31a9f68' viewBox='0 0 1152 648'>\\n <defs id='svg_90ab391c_6b14_4bdb_b447_77b5b31a9f68_defs'>\\n  <clipPath id='svg_90ab391c_6b14_4bdb_b447_77b5b31a9f68_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_90ab391c_6b14_4bdb_b447_77b5b31a9f68_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_90ab391c_6b14_4bdb_b447_77b5b31a9f68_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,438.93 501.19,437.11 650.81,427.99 800.42,493.66 950.03,334.95 1099.64,340.42 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,438.93 501.19,437.11 650.81,427.99 800.42,493.66 950.03,334.95 1099.64,340.42' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,438.93 501.19,437.11 650.81,427.99 800.42,493.66 950.03,334.95 1099.64,340.42' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_90ab391c_6b14_4bdb_b447_77b5b31a9f68_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_90ab391c_6b14_4bdb_b447_77b5b31a9f68_e2' cx='351.58' cy='438.93' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;102.5&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_90ab391c_6b14_4bdb_b447_77b5b31a9f68_e3' cx='501.19' cy='437.11' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.10%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_90ab391c_6b14_4bdb_b447_77b5b31a9f68_e4' cx='650.81' cy='427.99' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_90ab391c_6b14_4bdb_b447_77b5b31a9f68_e5' cx='800.42' cy='493.66' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    99.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_90ab391c_6b14_4bdb_b447_77b5b31a9f68_e6' cx='950.03' cy='334.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;8.74%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_90ab391c_6b14_4bdb_b447_77b5b31a9f68_e7' cx='1099.64' cy='340.42' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.28%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_90ab391c_6b14_4bdb_b447_77b5b31a9f68\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"b6ea5423d422c181c8193ed05d5bc1a0"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-6450ad55877dd125c3ad","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-6450ad55877dd125c3ad"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_5d1a3086_03cf_43ca_bc81_16fc5b65bf0b' viewBox='0 0 1152 648'>\\n <defs id='svg_5d1a3086_03cf_43ca_bc81_16fc5b65bf0b_defs'>\\n  <clipPath id='svg_5d1a3086_03cf_43ca_bc81_16fc5b65bf0b_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_5d1a3086_03cf_43ca_bc81_16fc5b65bf0b_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_5d1a3086_03cf_43ca_bc81_16fc5b65bf0b_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,459.00 501.19,469.95 650.81,506.43 800.42,594.00 950.03,572.11 1099.64,542.92 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,459.00 501.19,469.95 650.81,506.43 800.42,594.00 950.03,572.11 1099.64,542.92' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,459.00 501.19,469.95 650.81,506.43 800.42,594.00 950.03,572.11 1099.64,542.92' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_5d1a3086_03cf_43ca_bc81_16fc5b65bf0b_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5d1a3086_03cf_43ca_bc81_16fc5b65bf0b_e2' cx='351.58' cy='459' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;101.4&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5d1a3086_03cf_43ca_bc81_16fc5b65bf0b_e3' cx='501.19' cy='469.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    100.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.59%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5d1a3086_03cf_43ca_bc81_16fc5b65bf0b_e4' cx='650.81' cy='506.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    98.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.98%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5d1a3086_03cf_43ca_bc81_16fc5b65bf0b_e5' cx='800.42' cy='594' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    94&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.86%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5d1a3086_03cf_43ca_bc81_16fc5b65bf0b_e6' cx='950.03' cy='572.11' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    95.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.28%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5d1a3086_03cf_43ca_bc81_16fc5b65bf0b_e7' cx='1099.64' cy='542.92' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    96.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.68%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_5d1a3086_03cf_43ca_bc81_16fc5b65bf0b\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"2a2dda3e429259b7ebea2cc6365ba90f"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-5d9f186614c47e95d1c0","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-5d9f186614c47e95d1c0"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_70dfec63_f5ef_4d37_8ca3_acffe0ec0e9f' viewBox='0 0 1152 648'>\\n <defs id='svg_70dfec63_f5ef_4d37_8ca3_acffe0ec0e9f_defs'>\\n  <clipPath id='svg_70dfec63_f5ef_4d37_8ca3_acffe0ec0e9f_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_70dfec63_f5ef_4d37_8ca3_acffe0ec0e9f_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_70dfec63_f5ef_4d37_8ca3_acffe0ec0e9f_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,409.74 501.19,395.15 650.81,367.78 800.42,435.28 950.03,400.62 1099.64,349.54 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,409.74 501.19,395.15 650.81,367.78 800.42,435.28 950.03,400.62 1099.64,349.54' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,409.74 501.19,395.15 650.81,367.78 800.42,435.28 950.03,400.62 1099.64,349.54' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_70dfec63_f5ef_4d37_8ca3_acffe0ec0e9f_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_70dfec63_f5ef_4d37_8ca3_acffe0ec0e9f_e2' cx='351.58' cy='409.74' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104.1&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_70dfec63_f5ef_4d37_8ca3_acffe0ec0e9f_e3' cx='501.19' cy='395.15' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.77%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_70dfec63_f5ef_4d37_8ca3_acffe0ec0e9f_e4' cx='650.81' cy='367.78' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.43%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_70dfec63_f5ef_4d37_8ca3_acffe0ec0e9f_e5' cx='800.42' cy='435.28' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_70dfec63_f5ef_4d37_8ca3_acffe0ec0e9f_e6' cx='950.03' cy='400.62' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.85%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_70dfec63_f5ef_4d37_8ca3_acffe0ec0e9f_e7' cx='1099.64' cy='349.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.68%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_70dfec63_f5ef_4d37_8ca3_acffe0ec0e9f\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"0a343fce19b1ea6a667ab4cbb898ce2f"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-b7ffe8f412e20e5470db","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-b7ffe8f412e20e5470db"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_87ef114f_de9d_419f_8ddc_67cc95adfc42' viewBox='0 0 1152 648'>\\n <defs id='svg_87ef114f_de9d_419f_8ddc_67cc95adfc42_defs'>\\n  <clipPath id='svg_87ef114f_de9d_419f_8ddc_67cc95adfc42_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_87ef114f_de9d_419f_8ddc_67cc95adfc42_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_87ef114f_de9d_419f_8ddc_67cc95adfc42_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,437.11 501.19,446.23 650.81,417.04 800.42,460.82 950.03,418.86 1099.64,369.61 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,437.11 501.19,446.23 650.81,417.04 800.42,460.82 950.03,418.86 1099.64,369.61' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,437.11 501.19,446.23 650.81,417.04 800.42,460.82 950.03,418.86 1099.64,369.61' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_87ef114f_de9d_419f_8ddc_67cc95adfc42_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_87ef114f_de9d_419f_8ddc_67cc95adfc42_e2' cx='351.58' cy='437.11' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;102.6&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_87ef114f_de9d_419f_8ddc_67cc95adfc42_e3' cx='501.19' cy='446.23' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_87ef114f_de9d_419f_8ddc_67cc95adfc42_e4' cx='650.81' cy='417.04' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.57%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_87ef114f_de9d_419f_8ddc_67cc95adfc42_e5' cx='800.42' cy='460.82' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-2.31%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_87ef114f_de9d_419f_8ddc_67cc95adfc42_e6' cx='950.03' cy='418.86' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.27%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_87ef114f_de9d_419f_8ddc_67cc95adfc42_e7' cx='1099.64' cy='369.61' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.61%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_87ef114f_de9d_419f_8ddc_67cc95adfc42\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"c3f1f27509e10c1f5e7570bbc26b5eb3"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-527273f559bd6d4ac886","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-527273f559bd6d4ac886"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_355f8481_04a9_4dab_ad9f_aa58637fe1a2' viewBox='0 0 1152 648'>\\n <defs id='svg_355f8481_04a9_4dab_ad9f_aa58637fe1a2_defs'>\\n  <clipPath id='svg_355f8481_04a9_4dab_ad9f_aa58637fe1a2_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_355f8481_04a9_4dab_ad9f_aa58637fe1a2_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_355f8481_04a9_4dab_ad9f_aa58637fe1a2_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,389.68 501.19,380.55 650.81,334.95 800.42,367.78 950.03,344.07 1099.64,318.53 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,389.68 501.19,380.55 650.81,334.95 800.42,367.78 950.03,344.07 1099.64,318.53' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,389.68 501.19,380.55 650.81,334.95 800.42,367.78 950.03,344.07 1099.64,318.53' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_355f8481_04a9_4dab_ad9f_aa58637fe1a2_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_355f8481_04a9_4dab_ad9f_aa58637fe1a2_e2' cx='351.58' cy='389.68' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105.2&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_355f8481_04a9_4dab_ad9f_aa58637fe1a2_e3' cx='501.19' cy='380.55' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_355f8481_04a9_4dab_ad9f_aa58637fe1a2_e4' cx='650.81' cy='334.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.37%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_355f8481_04a9_4dab_ad9f_aa58637fe1a2_e5' cx='800.42' cy='367.78' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.66%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_355f8481_04a9_4dab_ad9f_aa58637fe1a2_e6' cx='950.03' cy='344.07' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.22%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_355f8481_04a9_4dab_ad9f_aa58637fe1a2_e7' cx='1099.64' cy='318.53' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    109.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.30%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_355f8481_04a9_4dab_ad9f_aa58637fe1a2\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"221d48ecd6304aa656a05648f91492dd"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-cf08dd817aecb99692bd","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-cf08dd817aecb99692bd"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_bc01e444_ef65_4580_9dbd_bff7813d1eeb' viewBox='0 0 1152 648'>\\n <defs id='svg_bc01e444_ef65_4580_9dbd_bff7813d1eeb_defs'>\\n  <clipPath id='svg_bc01e444_ef65_4580_9dbd_bff7813d1eeb_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_bc01e444_ef65_4580_9dbd_bff7813d1eeb_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_bc01e444_ef65_4580_9dbd_bff7813d1eeb_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,431.64 800.42,488.19 950.03,451.70 1099.64,424.34 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,431.64 800.42,488.19 950.03,451.70 1099.64,424.34' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,424.34 501.19,429.81 650.81,431.64 800.42,488.19 950.03,451.70 1099.64,424.34' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_bc01e444_ef65_4580_9dbd_bff7813d1eeb_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_bc01e444_ef65_4580_9dbd_bff7813d1eeb_e2' cx='351.58' cy='424.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;103.3&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_bc01e444_ef65_4580_9dbd_bff7813d1eeb_e3' cx='501.19' cy='429.81' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.29%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_bc01e444_ef65_4580_9dbd_bff7813d1eeb_e4' cx='650.81' cy='431.64' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.10%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_bc01e444_ef65_4580_9dbd_bff7813d1eeb_e5' cx='800.42' cy='488.19' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    99.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.01%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_bc01e444_ef65_4580_9dbd_bff7813d1eeb_e6' cx='950.03' cy='451.7' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.00%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_bc01e444_ef65_4580_9dbd_bff7813d1eeb_e7' cx='1099.64' cy='424.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.47%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_bc01e444_ef65_4580_9dbd_bff7813d1eeb\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}],"width":160}],"columnGroups":[{"name":"Population","columns":["pop_million","pop_per_km2"]}],"pagination":false,"style":{"font-family":"\"Source Sans Pro\", sans-serif"},"dataKey":"b140a1d75de5bba6200565305c2a3246"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
</section>
<section id="create-state-maps" class="level3">
<h3 class="anchored" data-anchor-id="create-state-maps">Create state maps</h3>
<p>Nice! The rows of the table are complete. Now it’s time to create the folds for the table. This one will contain a map of Germany with the selected state highlighted as well as some information about the state.</p>
<p>Let’s first get the data for the mapss. For that we will use the <code>{giscoR}</code> package. If you’re unfamiliar with that package, I have a tutorial for you:</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/efj6-aawubs" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<p>The data that we’re going to use looks like this:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb45" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb45-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(giscoR)</span>
<span id="cb45-2">germany_states <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">gisco_get_nuts</span>(</span>
<span id="cb45-3">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">year =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"2021"</span>, </span>
<span id="cb45-4">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">nuts_level =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>,</span>
<span id="cb45-5">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">epsg =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3035</span>,</span>
<span id="cb45-6">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">country =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Germany'</span></span>
<span id="cb45-7">) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb45-8">  <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Nicer output</span></span>
<span id="cb45-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">as_tibble</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb45-10">  janitor<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">clean_names</span>()</span>
<span id="cb45-11">germany_states</span>
<span id="cb45-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 16 × 10</span></span>
<span id="cb45-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    nuts_id levl_code urbn_type cntr_code name_latn          nuts_name mount_type</span></span>
<span id="cb45-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;       &lt;dbl&gt;     &lt;dbl&gt; &lt;chr&gt;     &lt;chr&gt;              &lt;chr&gt;          &lt;dbl&gt;</span></span>
<span id="cb45-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 DE1             1         0 DE        Baden-Württemberg  Baden-Wü…          0</span></span>
<span id="cb45-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 DE6             1         0 DE        Hamburg            Hamburg            0</span></span>
<span id="cb45-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 DE7             1         0 DE        Hessen             Hessen             0</span></span>
<span id="cb45-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 DE8             1         0 DE        Mecklenburg-Vorpo… Mecklenb…          0</span></span>
<span id="cb45-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 DE9             1         0 DE        Niedersachsen      Niedersa…          0</span></span>
<span id="cb45-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 DEA             1         0 DE        Nordrhein-Westfal… Nordrhei…          0</span></span>
<span id="cb45-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 DEB             1         0 DE        Rheinland-Pfalz    Rheinlan…          0</span></span>
<span id="cb45-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 DEC             1         0 DE        Saarland           Saarland           0</span></span>
<span id="cb45-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 DED             1         0 DE        Sachsen            Sachsen            0</span></span>
<span id="cb45-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 DEE             1         0 DE        Sachsen-Anhalt     Sachsen-…          0</span></span>
<span id="cb45-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 11 DEF             1         0 DE        Schleswig-Holstein Schleswi…          0</span></span>
<span id="cb45-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 12 DEG             1         0 DE        Thüringen          Thüringen          0</span></span>
<span id="cb45-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 13 DE2             1         0 DE        Bayern             Bayern             0</span></span>
<span id="cb45-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 14 DE3             1         0 DE        Berlin             Berlin             0</span></span>
<span id="cb45-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 15 DE4             1         0 DE        Brandenburg        Brandenb…          0</span></span>
<span id="cb45-30"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 16 DE5             1         0 DE        Bremen             Bremen             0</span></span>
<span id="cb45-31"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 3 more variables: coast_type &lt;dbl&gt;, geo &lt;chr&gt;, geometry &lt;GEOMETRY [m]&gt;</span></span></code></pre></div>
</div>
<p>And then we can use that data to create maps of Germany. Since we need one map for every state, let us wrap the similar logic into a function.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb46" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb46-1">create_state_map <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(selected_state) {</span>
<span id="cb46-2">  plt <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> germany_states <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb46-3">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(</span>
<span id="cb46-4">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(</span>
<span id="cb46-5">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">geometry =</span> geometry,</span>
<span id="cb46-6">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> (name_latn <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> selected_state)</span>
<span id="cb46-7">      )</span>
<span id="cb46-8">    ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb46-9">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_sf</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'white'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.75</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb46-10">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_void</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb46-11">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb46-12">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'none'</span></span>
<span id="cb46-13">    ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb46-14">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_fill_manual</span>(</span>
<span id="cb46-15">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">values =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb46-16">        <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'TRUE'</span> <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> main_color,</span>
<span id="cb46-17">        <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'FALSE'</span> <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'grey50'</span></span>
<span id="cb46-18">      )</span>
<span id="cb46-19">    )</span>
<span id="cb46-20">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">girafe</span>(</span>
<span id="cb46-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ggobj =</span> plt,</span>
<span id="cb46-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">options =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb46-23">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">opts_toolbar</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">saveaspng =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>)</span>
<span id="cb46-24">    )</span>
<span id="cb46-25">  )</span>
<span id="cb46-26">}</span>
<span id="cb46-27"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">create_state_map</span>(german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>state[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>]])</span></code></pre></div>
<div class="cell-output-display">
<div class="girafe html-widget html-fill-item" id="htmlwidget-3c02e8389e446894e993" style="width:80%;height:3543.3px;"></div>
<script type="application/json" data-for="htmlwidget-3c02e8389e446894e993">{"x":{"html":"<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_6c72f99f_3afe_4710_b2fc_bc0ddee8f303' viewBox='0 0 595.28 850.39'>\n <defs id='svg_6c72f99f_3afe_4710_b2fc_bc0ddee8f303_defs'>\n  <clipPath id='svg_6c72f99f_3afe_4710_b2fc_bc0ddee8f303_c1'>\n   <rect x='0' y='0' width='595.28' height='850.39'/>\n  <\/clipPath>\n  <clipPath id='svg_6c72f99f_3afe_4710_b2fc_bc0ddee8f303_c2'>\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\n  <\/clipPath>\n <\/defs>\n <g id='svg_6c72f99f_3afe_4710_b2fc_bc0ddee8f303_rootg' class='ggiraph-svg-rootg'>\n  <g clip-path='url(#svg_6c72f99f_3afe_4710_b2fc_bc0ddee8f303_c1)'>\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\n  <\/g>\n  <g clip-path='url(#svg_6c72f99f_3afe_4710_b2fc_bc0ddee8f303_c2)'>\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n  <\/g>\n <\/g>\n<\/svg>","js":null,"uid":"svg_6c72f99f_3afe_4710_b2fc_bc0ddee8f303","ratio":0.70000169333672,"settings":{"tooltip":{"css":".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}","placement":"doc","opacity":0.9,"offx":10,"offy":10,"use_cursor_pos":true,"use_fill":false,"use_stroke":false,"delay_over":200,"delay_out":500},"hover":{"css":".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\nimage.hover_data_SVGID_ { stroke:orange; }","reactive":true,"nearest_distance":null},"hover_inv":{"css":""},"hover_key":{"css":".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\nimage.hover_key_SVGID_ { stroke:orange; }","reactive":true},"hover_theme":{"css":".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\nimage.hover_theme_SVGID_ { stroke:orange; }","reactive":true},"select":{"css":".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\ntext.select_data_SVGID_ { stroke:none;fill:red; }\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\nimage.select_data_SVGID_ { stroke:red; }","type":"multiple","only_shiny":true,"selected":[]},"select_inv":{"css":""},"select_key":{"css":".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\ntext.select_key_SVGID_ { stroke:none;fill:red; }\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\nimage.select_key_SVGID_ { stroke:red; }","type":"single","only_shiny":true,"selected":[]},"select_theme":{"css":".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\nimage.select_theme_SVGID_ { stroke:red; }","type":"single","only_shiny":true,"selected":[]},"zoom":{"min":1,"max":1,"duration":300},"toolbar":{"position":"topright","pngname":"diagram","tooltips":null,"hidden":"saveaspng","delay_over":200,"delay_out":500},"sizing":{"rescale":true,"width":1}}},"evals":[],"jsHooks":[]}</script>
</div>
</div>
</section>
<section id="assemble-state-descriptions" class="level3">
<h3 class="anchored" data-anchor-id="assemble-state-descriptions">Assemble state descriptions</h3>
<p>With that function, we can create yet another function that will put the map next to the state information that we have in the <code>state_descriptions</code> descriptions. You know, information like this:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb47" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb47-1">state_descriptions[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>]</span>
<span id="cb47-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] "Baden-Württemberg (/ˌbɑːdən ˈvɜːrtəmbɜːrɡ/ BAH-dən VURT-əm-burg;German: [ˌbaːdn̩ ˈvʏʁtəmbɛʁk] ), commonly shortened to BW or BaWü, is a German state (Land) in Southwest Germany, east of the Rhine, which forms the southern part of Germany's western border with France. With more than 11.07 million inhabitants as of 2019 across a total area of nearly 35,752&nbsp;km² (13,804&nbsp;sq&nbsp;mi), it is the third-largest German state by both area (behind Bavaria and Lower Saxony) and population (behind North Rhine-Westphalia and Bavaria). As a federated state, Baden-Württemberg is a partly-sovereign parliamentary republic. The largest city in Baden-Württemberg is the state capital of Stuttgart, followed by Mannheim and Karlsruhe. Other major cities are Freiburg im Breisgau, Heidelberg, Heilbronn, Pforzheim, Reutlingen, Tübingen, and Ulm."</span></span>
<span id="cb47-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [2] "Bavaria, officially the Free State of Bavaria, is a state in the southeast of Germany. With an area of 70,550.19&nbsp;km² (27,239.58&nbsp;sq&nbsp;mi), it is the largest German state by land area, comprising roughly a fifth of the total land area of Germany, and with over 13.08&nbsp;million inhabitants, it is the second most populous German state, behind only North Rhine-Westphalia; however, due to its large land area, its population density is below the German average. Major cities include Munich (its capital and largest city, which is also the third largest city in Germany),Nuremberg, and Augsburg."</span></span></code></pre></div>
</div>
<p>Since we’re going to use our new function in the <code>details</code> argument of <code>img</code> column’s <code>colDef()</code> function, we have to make sure that this new function depends on the <code>row_index</code> and the <code>col_name</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb48" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb48-1">state_details <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(row_index, col_name) {</span>
<span id="cb48-2">  state_name <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> german_stats[[row_index, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'state'</span>]]</span>
<span id="cb48-3"></span>
<span id="cb48-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb48-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb48-6">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">display =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'grid'</span>,</span>
<span id="cb48-7">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">grid_template_columns =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'1fr 2fr'</span>,</span>
<span id="cb48-8">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">row_gap =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'10px'</span>, </span>
<span id="cb48-9">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">padding =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'10px 50px 10px 50px'</span></span>
<span id="cb48-10">    ),</span>
<span id="cb48-11">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb48-12">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">create_state_map</span>(state_name)</span>
<span id="cb48-13">    ),</span>
<span id="cb48-14">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb48-15">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb48-16">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span>,</span>
<span id="cb48-17">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_size =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'1.25rem'</span></span>
<span id="cb48-18">      ),</span>
<span id="cb48-19">      </span>
<span id="cb48-20">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">span</span>(</span>
<span id="cb48-21">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">a</span>(</span>
<span id="cb48-22">          <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># `state_urls` contains URLs to a state's Wiki page</span></span>
<span id="cb48-23">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">href =</span> state_urls[row_index],</span>
<span id="cb48-24">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb48-25">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> main_color,</span>
<span id="cb48-26">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">text_decoration =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'none'</span>,</span>
<span id="cb48-27">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span></span>
<span id="cb48-28">          ),</span>
<span id="cb48-29">          <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'From Wikipedia: '</span></span>
<span id="cb48-30">        ),</span>
<span id="cb48-31">        state_descriptions[row_index]</span>
<span id="cb48-32">      )</span>
<span id="cb48-33">    )</span>
<span id="cb48-34">  ) </span>
<span id="cb48-35">}</span>
<span id="cb48-36"></span>
<span id="cb48-37"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">state_details</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb48-38">  htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">browsable</span>()</span></code></pre></div>
<div class="cell-output-display">
<div style="display:grid;grid-template-columns:1fr 2fr;row-gap:10px;padding:10px 50px 10px 50px;">
<div>
<div class="girafe html-widget html-fill-item" id="htmlwidget-94b22523a1d2fb6136a3" style="width:100%;height:338px;"></div>
<script type="application/json" data-for="htmlwidget-94b22523a1d2fb6136a3">{"x":{"html":"<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_b958f71a_295f_482b_a82c_0810a5101eda' viewBox='0 0 595.28 850.39'>\n <defs id='svg_b958f71a_295f_482b_a82c_0810a5101eda_defs'>\n  <clipPath id='svg_b958f71a_295f_482b_a82c_0810a5101eda_c1'>\n   <rect x='0' y='0' width='595.28' height='850.39'/>\n  <\/clipPath>\n  <clipPath id='svg_b958f71a_295f_482b_a82c_0810a5101eda_c2'>\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\n  <\/clipPath>\n <\/defs>\n <g id='svg_b958f71a_295f_482b_a82c_0810a5101eda_rootg' class='ggiraph-svg-rootg'>\n  <g clip-path='url(#svg_b958f71a_295f_482b_a82c_0810a5101eda_c1)'>\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\n  <\/g>\n  <g clip-path='url(#svg_b958f71a_295f_482b_a82c_0810a5101eda_c2)'>\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\n  <\/g>\n <\/g>\n<\/svg>","js":null,"uid":"svg_b958f71a_295f_482b_a82c_0810a5101eda","ratio":0.70000169333672,"settings":{"tooltip":{"css":".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}","placement":"doc","opacity":0.9,"offx":10,"offy":10,"use_cursor_pos":true,"use_fill":false,"use_stroke":false,"delay_over":200,"delay_out":500},"hover":{"css":".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\nimage.hover_data_SVGID_ { stroke:orange; }","reactive":true,"nearest_distance":null},"hover_inv":{"css":""},"hover_key":{"css":".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\nimage.hover_key_SVGID_ { stroke:orange; }","reactive":true},"hover_theme":{"css":".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\nimage.hover_theme_SVGID_ { stroke:orange; }","reactive":true},"select":{"css":".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\ntext.select_data_SVGID_ { stroke:none;fill:red; }\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\nimage.select_data_SVGID_ { stroke:red; }","type":"multiple","only_shiny":true,"selected":[]},"select_inv":{"css":""},"select_key":{"css":".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\ntext.select_key_SVGID_ { stroke:none;fill:red; }\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\nimage.select_key_SVGID_ { stroke:red; }","type":"single","only_shiny":true,"selected":[]},"select_theme":{"css":".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\nimage.select_theme_SVGID_ { stroke:red; }","type":"single","only_shiny":true,"selected":[]},"zoom":{"min":1,"max":1,"duration":300},"toolbar":{"position":"topright","pngname":"diagram","tooltips":null,"hidden":"saveaspng","delay_over":200,"delay_out":500},"sizing":{"rescale":true,"width":1}}},"evals":[],"jsHooks":[]}</script>
</div>
<div style="font-family:Source Sans Pro;font-size:1.25rem;">
<span>
<a href="https://en.wikipedia.org/wiki/Baden-W%C3%BCrttemberg" style="color:#104E8B;text-decoration:none;font-weight:600;">From Wikipedia: </a>
Baden-Württemberg (/ˌbɑːdən ˈvɜːrtəmbɜːrɡ/ BAH-dən VURT-əm-burg;German: [ˌbaːdn̩ ˈvʏʁtəmbɛʁk] ), commonly shortened to BW or BaWü, is a German state (Land) in Southwest Germany, east of the Rhine, which forms the southern part of Germany's western border with France. With more than 11.07 million inhabitants as of 2019 across a total area of nearly 35,752&nbsp;km² (13,804&nbsp;sq&nbsp;mi), it is the third-largest German state by both area (behind Bavaria and Lower Saxony) and population (behind North Rhine-Westphalia and Bavaria). As a federated state, Baden-Württemberg is a partly-sovereign parliamentary republic. The largest city in Baden-Württemberg is the state capital of Stuttgart, followed by Mannheim and Karlsruhe. Other major cities are Freiburg im Breisgau, Heidelberg, Heilbronn, Pforzheim, Reutlingen, Tübingen, and Ulm.
</span>
</div>
</div>
</div>
</div>
</section>
<section id="include-state-description" class="level3 page-columns page-full">
<h3 class="anchored" data-anchor-id="include-state-description">Include state description</h3>
<div class="cell page-columns page-full">
<div class="sourceCode cell-code" id="cb49" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb49-1">tbl_wo_titles <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> german_stats_wo_total <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb49-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb49-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pagination =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>,</span>
<span id="cb49-4">    </span>
<span id="cb49-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">defaultColDef =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb49-6">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">vAlign =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'center'</span>,</span>
<span id="cb49-7">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">align =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'left'</span>,</span>
<span id="cb49-8">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> \(x) <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_replace_all</span>(x, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'_'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">' '</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb49-9">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">str_to_title</span>(),</span>
<span id="cb49-10">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">headerStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb49-11">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb49-12">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_bottom =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid black'</span></span>
<span id="cb49-13">      ),</span>
<span id="cb49-14">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(values, col_name) {</span>
<span id="cb49-15">        german_stats[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>, col_name]]</span>
<span id="cb49-16">      },</span>
<span id="cb49-17">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footerStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb49-18">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb49-19">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_top =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid black'</span></span>
<span id="cb49-20">      )</span>
<span id="cb49-21">    ),</span>
<span id="cb49-22">    </span>
<span id="cb49-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb49-24">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">img =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb49-25">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span>,</span>
<span id="cb49-26">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>,           <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">#&lt;&lt;&lt; INCREASE WIDTH</span></span>
<span id="cb49-27">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value) {</span>
<span id="cb49-28">          tags<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">img</span>(</span>
<span id="cb49-29">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">src =</span> value,</span>
<span id="cb49-30">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span></span>
<span id="cb49-31">          )</span>
<span id="cb49-32">        },</span>
<span id="cb49-33">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value) {</span>
<span id="cb49-34">          tags<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">img</span>(</span>
<span id="cb49-35">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">src =</span> german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>img[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>],</span>
<span id="cb49-36">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span></span>
<span id="cb49-37">          )</span>
<span id="cb49-38">        },</span>
<span id="cb49-39">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">details =</span> state_details <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">#&lt;&lt;&lt; ADD FCT HERE</span></span>
<span id="cb49-40">      ),</span>
<span id="cb49-41">      </span>
<span id="cb49-42">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">state =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">125</span>),</span>
<span id="cb49-43">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">capital =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">115</span>),</span>
<span id="cb49-44">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">most_populous_city =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">160</span>),</span>
<span id="cb49-45">      </span>
<span id="cb49-46">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">federal_assembly_votes =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb49-47">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Bundesrat Votes'</span>,</span>
<span id="cb49-48">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">align =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'center'</span>,</span>
<span id="cb49-49">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">140</span>,</span>
<span id="cb49-50">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bubble_grid</span>(</span>
<span id="cb49-51">          german_stats_wo_total <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb49-52">            <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(federal_assembly_votes),</span>
<span id="cb49-53">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">min_value =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>,</span>
<span id="cb49-54">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">max_value =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>,</span>
<span id="cb49-55">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">colors =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb49-56">            colorspace<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lighten</span>(main_color, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.9</span>),</span>
<span id="cb49-57">            main_color</span>
<span id="cb49-58">          )</span>
<span id="cb49-59">        )</span>
<span id="cb49-60">      ),</span>
<span id="cb49-61">      </span>
<span id="cb49-62">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">area_km2 =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb49-63">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Area'</span>,</span>
<span id="cb49-64">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">align =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'left'</span>,</span>
<span id="cb49-65">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bar_chart</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'area_km2'</span>),</span>
<span id="cb49-66">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">110</span>,</span>
<span id="cb49-67">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(value) {</span>
<span id="cb49-68">          german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>area_km2[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb49-69">            scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">label_number</span>(</span>
<span id="cb49-70">              <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">suffix =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">' km²'</span>,</span>
<span id="cb49-71">              <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">big.mark =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">','</span></span>
<span id="cb49-72">            )()</span>
<span id="cb49-73">        }</span>
<span id="cb49-74">      ),</span>
<span id="cb49-75">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pop_million =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb49-76">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'in millions'</span>,</span>
<span id="cb49-77">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bar_chart</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'pop_million'</span>),</span>
<span id="cb49-78">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>pop_million[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>]] <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb49-79">          scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">comma</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">accuracy =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.01</span>),</span>
<span id="cb49-80">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">110</span></span>
<span id="cb49-81">      ),</span>
<span id="cb49-82">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">pop_per_km2 =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb49-83">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'per km²'</span>,</span>
<span id="cb49-84">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bar_chart</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'pop_per_km2'</span>),</span>
<span id="cb49-85">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">110</span></span>
<span id="cb49-86">      ),</span>
<span id="cb49-87">      </span>
<span id="cb49-88">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">gdp =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb49-89">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">header =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb49-90">          <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'GDP '</span>,</span>
<span id="cb49-91">          <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">span</span>(</span>
<span id="cb49-92">            <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb49-93">              <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_size =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'0.75rem'</span></span>
<span id="cb49-94">            ),</span>
<span id="cb49-95">            <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'(Index 2015 = 100)'</span></span>
<span id="cb49-96">          )</span>
<span id="cb49-97">        ),</span>
<span id="cb49-98">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cell =</span> spark_line,</span>
<span id="cb49-99">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> \(x) <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">spark_line</span>(</span>
<span id="cb49-100">          german_stats<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>gdp[[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">17</span>]], <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NA</span>, <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NA</span></span>
<span id="cb49-101">        ),</span>
<span id="cb49-102">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">160</span></span>
<span id="cb49-103">      )</span>
<span id="cb49-104">    ),</span>
<span id="cb49-105">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columnGroups =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb49-106">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colGroup</span>(</span>
<span id="cb49-107">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Population'</span>,</span>
<span id="cb49-108">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'pop_million'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'pop_per_km2'</span>)</span>
<span id="cb49-109">      )</span>
<span id="cb49-110">    ),</span>
<span id="cb49-111">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb49-112">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'"Source Sans Pro", sans-serif'</span></span>
<span id="cb49-113">    )</span>
<span id="cb49-114">  )</span>
<span id="cb49-115">tbl_wo_titles</span></code></pre></div>
<div class="cell-output-display column-page">
<div class="reactable html-widget html-fill-item" id="htmlwidget-04ee87fd86e3500f5ce3" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-04ee87fd86e3500f5ce3">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"img":["https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg"],"state":["Baden-Württemberg","Bayern","Berlin","Brandenburg","Bremen","Hamburg","Hessen","Mecklenburg-Vorpommern","Niedersachsen","Nordrhein-Westfalen","Rheinland-Pfalz","Saarland","Sachsen","Sachsen-Anhalt","Schleswig-Holstein","Thüringen"],"capital":["Stuttgart","München","—","Potsdam","Bremen","—","Wiesbaden","Schwerin","Hannover","Düsseldorf","Mainz","Saarbrücken","Dresden","Magdeburg","Kiel","Erfurt"],"most_populous_city":["Stuttgart","München","—","Potsdam","Bremen","—","Frankfurt am Main","Rostock","Hannover","Köln","Mainz","Saarbrücken","Leipzig","Halle (Saale)","Kiel","Erfurt"],"federal_assembly_votes":[6,6,4,4,3,3,5,3,6,6,4,3,4,4,4,4],"area_km2":[35748,70542,891,29654,420,755,21116,23295,47710,34112,19858,2571,18450,20459,15804,16202],"pop_million":[11.28,13.369,3.755,2.573,0.685,1.892,6.391,1.628,8.14,18.139,4.159,0.993,4.086,2.187,2.953,2.127],"pop_per_km2":[316,190,4210,87,1633,2506,303,70,171,532,209,386,221,107,187,132],"gdp":[[100,"NA",104.7,107,106.6,101.5,104.8,106.2],[100,"NA",106.3,106.7,108.6,104.6,107.5,109.8],[100,"NA",109.6,113.5,116.8,114.2,117.8,123.6],[100,"NA",104.7,105.2,107,104.6,107.2,110.7],[100,"NA",103.3,103,101.5,96.4,102.3,107.5],[100,"NA",104,103.8,107.1,102,105.8,110.5],[100,"NA",105,105.5,107.1,102,104.5,106.2],[100,"NA",105.8,103.8,108.3,104.7,107.2,107.4],[100,"NA",106.9,108.3,110.6,106.2,107,108.2],[100,"NA",103.7,105.1,105.1,101.8,103.6,104.7],[100,"NA",102.5,102.6,103.1,99.5,108.2,107.9],[100,"NA",101.4,100.8,98.8,94,95.2,96.8],[100,"NA",104.1,104.9,106.4,102.7,104.6,107.4],[100,"NA",102.6,102.1,103.7,101.3,103.6,106.3],[100,"NA",105.2,105.7,108.2,106.4,107.7,109.1],[100,"NA",103.3,103,102.9,99.8,101.8,103.3]]},"columns":[{"id":"img","name":"img","type":"character","header":"","footer":{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/da/Coat_of_arms_of_Germany.svg","width":50},"children":[]},"align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg","width":50},"children":[]}],"details":[{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"08963334e55a3abcaa92f4791b7d0540"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-eaa47e5789dfac4a3927","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-eaa47e5789dfac4a3927"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_083767d8_7a06_4001_b0e5_545dab858965' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_083767d8_7a06_4001_b0e5_545dab858965_defs'>\\n  <clipPath id='svg_083767d8_7a06_4001_b0e5_545dab858965_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_083767d8_7a06_4001_b0e5_545dab858965_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_083767d8_7a06_4001_b0e5_545dab858965_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_083767d8_7a06_4001_b0e5_545dab858965_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_083767d8_7a06_4001_b0e5_545dab858965_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_083767d8_7a06_4001_b0e5_545dab858965\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Baden-W%C3%BCrttemberg","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Baden-Württemberg (/ˌbɑːdən ˈvɜːrtəmbɜːrɡ/ BAH-dən VURT-əm-burg;German: [ˌbaːdn̩ ˈvʏʁtəmbɛʁk] ), commonly shortened to BW or BaWü, is a German state (Land) in Southwest Germany, east of the Rhine, which forms the southern part of Germany's western border with France. With more than 11.07 million inhabitants as of 2019 across a total area of nearly 35,752 km² (13,804 sq mi), it is the third-largest German state by both area (behind Bavaria and Lower Saxony) and population (behind North Rhine-Westphalia and Bavaria). As a federated state, Baden-Württemberg is a partly-sovereign parliamentary republic. The largest city in Baden-Württemberg is the state capital of Stuttgart, followed by Mannheim and Karlsruhe. Other major cities are Freiburg im Breisgau, Heidelberg, Heilbronn, Pforzheim, Reutlingen, Tübingen, and Ulm."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"8f0d53b2cee563bde06803dbf58cc72b"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-004607f05c927cf21a7c","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-004607f05c927cf21a7c"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_6da017c9_a8de_44e5_bb6d_820becf9b764' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_6da017c9_a8de_44e5_bb6d_820becf9b764_defs'>\\n  <clipPath id='svg_6da017c9_a8de_44e5_bb6d_820becf9b764_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_6da017c9_a8de_44e5_bb6d_820becf9b764_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_6da017c9_a8de_44e5_bb6d_820becf9b764_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_6da017c9_a8de_44e5_bb6d_820becf9b764_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_6da017c9_a8de_44e5_bb6d_820becf9b764_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_6da017c9_a8de_44e5_bb6d_820becf9b764\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Bavaria","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Bavaria, officially the Free State of Bavaria, is a state in the southeast of Germany. With an area of 70,550.19 km² (27,239.58 sq mi), it is the largest German state by land area, comprising roughly a fifth of the total land area of Germany, and with over 13.08 million inhabitants, it is the second most populous German state, behind only North Rhine-Westphalia; however, due to its large land area, its population density is below the German average. Major cities include Munich (its capital and largest city, which is also the third largest city in Germany),Nuremberg, and Augsburg."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"335133153d6ecde49c9d3098794931c8"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-80df00c6c6a118be37d3","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-80df00c6c6a118be37d3"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_ea75651a_ea0b_4076_a259_dd158f014d2e' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_ea75651a_ea0b_4076_a259_dd158f014d2e_defs'>\\n  <clipPath id='svg_ea75651a_ea0b_4076_a259_dd158f014d2e_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_ea75651a_ea0b_4076_a259_dd158f014d2e_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_ea75651a_ea0b_4076_a259_dd158f014d2e_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_ea75651a_ea0b_4076_a259_dd158f014d2e_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_ea75651a_ea0b_4076_a259_dd158f014d2e_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_ea75651a_ea0b_4076_a259_dd158f014d2e\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Berlin","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Berlin (/bɜːrˈlɪn/, bur-LIN; German: [bɛʁˈliːn] ) is the capital and largest city of Germany, by both area and population. With over 3.85 million inhabitants, it has the highest population within its city limits of any city in the European Union. The city is also one of the states of Germany, being the third smallest state in the country by area. Berlin is surrounded by the state of Brandenburg, and Brandenburg's capital Potsdam is nearby. The urban area of Berlin has a population of over 4.5 million and is therefore the most populous urban area in Germany. The Berlin-Brandenburg capital region has around 6.2 million inhabitants and is Germany's second-largest metropolitan region after the Rhine-Ruhr region, and the fifth-biggest metropolitan region by GDP in the European Union."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"6ecd2adcfaf9a145c0a44d54a3b8e081"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-fd722c346c0d1be27f74","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-fd722c346c0d1be27f74"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_f77331a1_d6c8_4d50_a8da_8f18f5612235' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_f77331a1_d6c8_4d50_a8da_8f18f5612235_defs'>\\n  <clipPath id='svg_f77331a1_d6c8_4d50_a8da_8f18f5612235_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_f77331a1_d6c8_4d50_a8da_8f18f5612235_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_f77331a1_d6c8_4d50_a8da_8f18f5612235_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_f77331a1_d6c8_4d50_a8da_8f18f5612235_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_f77331a1_d6c8_4d50_a8da_8f18f5612235_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_f77331a1_d6c8_4d50_a8da_8f18f5612235\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Brandenburg","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Brandenburg, officially the State of Brandenburg (see Names), is a state in northeastern Germany. Brandenburg borders Poland and the states of Berlin, Mecklenburg-Vorpommern, Lower Saxony, Saxony-Anhalt, and Saxony. It is the fifth-largest German state by area and the tenth-most populous, with 2.5 million residents. Potsdam is the state capital and largest city. Other major towns are Cottbus, Brandenburg an der Havel and Frankfurt (Oder)."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"6ec9a138553eaba5fee9e19ea8b225c7"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-cce7cae8a97566bf0b5a","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-cce7cae8a97566bf0b5a"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_6cf681fc_349b_4b1d_b96c_70546163792e' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_6cf681fc_349b_4b1d_b96c_70546163792e_defs'>\\n  <clipPath id='svg_6cf681fc_349b_4b1d_b96c_70546163792e_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_6cf681fc_349b_4b1d_b96c_70546163792e_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_6cf681fc_349b_4b1d_b96c_70546163792e_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_6cf681fc_349b_4b1d_b96c_70546163792e_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_6cf681fc_349b_4b1d_b96c_70546163792e_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_6cf681fc_349b_4b1d_b96c_70546163792e\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Bremen","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Bremen is the largest city on the River Weser, the longest river flowing entirely in Germany, lying some 60 km (37 mi) upstream from its mouth into the North Sea at Bremerhaven, and is completely surrounded by the state of Lower Saxony. Bremen is the centre of the Northwest Metropolitan Region, which also includes the cities of Oldenburg and Bremerhaven, and has a population of around 2.8 million people. Bremen is contiguous with the Lower Saxon towns of Delmenhorst, Stuhr, Achim, Weyhe, Schwanewede and Lilienthal. There is an exclave of Bremen in Bremerhaven, the \"Citybremian Overseas Port Area Bremerhaven\" (Stadtbremisches Überseehafengebiet Bremerhaven). Bremen is the fourth-largest city in the Low German dialect area after Hamburg, Dortmund and Essen."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"ce79cfe32efbd3d3cba37532c5d60d36"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-9d37200f57415ff33da0","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-9d37200f57415ff33da0"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_0daef617_0783_4a37_9603_ef10cef33f8b' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_0daef617_0783_4a37_9603_ef10cef33f8b_defs'>\\n  <clipPath id='svg_0daef617_0783_4a37_9603_ef10cef33f8b_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_0daef617_0783_4a37_9603_ef10cef33f8b_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_0daef617_0783_4a37_9603_ef10cef33f8b_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_0daef617_0783_4a37_9603_ef10cef33f8b_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_0daef617_0783_4a37_9603_ef10cef33f8b_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_0daef617_0783_4a37_9603_ef10cef33f8b\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Hamburg","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Hamburg (German: [ˈhambʊʁk] ,locally also [ˈhambʊɪ̯ç] ; Low Saxon: Hamborg [ˈhambɔːç] ), officially the Free and Hanseatic City of Hamburg, is the second-largest city in Germany after Berlin and 6th-largest in the European Union with a population of over 1.9 million. The Hamburg Metropolitan Region has a population of over 5.1 million and is the eighth-largest metropolitan region by GDP in the European Union."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"78edaaefc228a6b84151a99e838ffa86"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-6bb7f849f1cc77cd3916","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-6bb7f849f1cc77cd3916"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_a97e256e_b3ea_43c6_92f7_9dc158e4ff81' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_a97e256e_b3ea_43c6_92f7_9dc158e4ff81_defs'>\\n  <clipPath id='svg_a97e256e_b3ea_43c6_92f7_9dc158e4ff81_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_a97e256e_b3ea_43c6_92f7_9dc158e4ff81_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_a97e256e_b3ea_43c6_92f7_9dc158e4ff81_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_a97e256e_b3ea_43c6_92f7_9dc158e4ff81_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_a97e256e_b3ea_43c6_92f7_9dc158e4ff81_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_a97e256e_b3ea_43c6_92f7_9dc158e4ff81\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Hesse","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Hesse or Hessia (German: Hessen [ˈhɛsn̩] ), officially the State of Hesse (German: Land Hessen), is a state in Germany. Its capital city is Wiesbaden, and the largest urban area is Frankfurt, which is also the country's principal financial centre. Two other major historic cities are Darmstadt and Kassel. With an area of 21,114.73 square kilometers and a population of over six million, it ranks seventh and fifth, respectively, among the sixteen German states. Frankfurt Rhine-Main, Germany's second-largest metropolitan area (after Rhine-Ruhr), is mainly located in Hesse."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"01df39d6556a6f3af57e9a931a1abc47"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-f158db76a0a451d34700","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-f158db76a0a451d34700"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_aa9e13b7_5c50_4b1b_9bbf_4e1530cc7e4a' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_aa9e13b7_5c50_4b1b_9bbf_4e1530cc7e4a_defs'>\\n  <clipPath id='svg_aa9e13b7_5c50_4b1b_9bbf_4e1530cc7e4a_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_aa9e13b7_5c50_4b1b_9bbf_4e1530cc7e4a_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_aa9e13b7_5c50_4b1b_9bbf_4e1530cc7e4a_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_aa9e13b7_5c50_4b1b_9bbf_4e1530cc7e4a_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_aa9e13b7_5c50_4b1b_9bbf_4e1530cc7e4a_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_aa9e13b7_5c50_4b1b_9bbf_4e1530cc7e4a\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Mecklenburg-Vorpommern","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Mecklenburg-Vorpommern (MV; German: [ˌmeːklənbʊʁkˈfoːɐ̯pɔmɐn] or [ˌmɛk-] ;Low German: Mäkelborg-Vörpommern), also known by its anglicized name Mecklenburg–Western Pomerania, is a state in the north-east of Germany. Of the country's sixteen states, Mecklenburg-Vorpommern ranks 14th in population; it covers an area of 23,300 km² (9,000 sq mi), making it the sixth largest German state in area; and it is 16th in population density. Schwerin is the state capital and Rostock is the largest city. Other major cities include Neubrandenburg, Stralsund, Greifswald, Wismar, and Güstrow. It was named after the two regions of Mecklenburg and Fore Pomerania."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"08076eb7537938c30eea2c4aafd2891c"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-9c4ffbbf942fa9cd3587","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-9c4ffbbf942fa9cd3587"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_b1a8e499_3c27_4176_958f_b969248f137d' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_b1a8e499_3c27_4176_958f_b969248f137d_defs'>\\n  <clipPath id='svg_b1a8e499_3c27_4176_958f_b969248f137d_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_b1a8e499_3c27_4176_958f_b969248f137d_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_b1a8e499_3c27_4176_958f_b969248f137d_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_b1a8e499_3c27_4176_958f_b969248f137d_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_b1a8e499_3c27_4176_958f_b969248f137d_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_b1a8e499_3c27_4176_958f_b969248f137d\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Lower_Saxony","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Lower Saxony is a German state (Land) in northwestern Germany. It is the second-largest state by land area, with 47,614 km² (18,384 sq mi), and fourth-largest in population (8 million in 2021) among the 16 Länder of the Federal Republic of Germany. In rural areas, Northern Low Saxon and Saterland Frisian are still spoken, though by declining numbers of people."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"cf280124fce0203f90d5717ba70b81b8"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-94167580fc15aae58aee","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-94167580fc15aae58aee"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_2ed442a4_0b7e_43d7_82d9_6f285ca9b039' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_2ed442a4_0b7e_43d7_82d9_6f285ca9b039_defs'>\\n  <clipPath id='svg_2ed442a4_0b7e_43d7_82d9_6f285ca9b039_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_2ed442a4_0b7e_43d7_82d9_6f285ca9b039_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_2ed442a4_0b7e_43d7_82d9_6f285ca9b039_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_2ed442a4_0b7e_43d7_82d9_6f285ca9b039_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_2ed442a4_0b7e_43d7_82d9_6f285ca9b039_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_2ed442a4_0b7e_43d7_82d9_6f285ca9b039\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/North_Rhine-Westphalia","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"North Rhine-Westphalia or North-Rhine/Westphalia, commonly shortened to NRW, is a state (Land) in Western Germany. With more than 18 million inhabitants, it is the most populous state in Germany. Apart from the city-states (Berlin, Hamburg and Bremen), it is also the most densely populated state in Germany. Covering an area of 34,084 km² (13,160 sq mi), it is the fourth-largest German state by size."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"7c501ec65f9f57e1489d2711bf3932dc"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-e90e92d4ea2571d12157","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-e90e92d4ea2571d12157"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_217410e0_d256_4c2e_952c_a889101c1020' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_217410e0_d256_4c2e_952c_a889101c1020_defs'>\\n  <clipPath id='svg_217410e0_d256_4c2e_952c_a889101c1020_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_217410e0_d256_4c2e_952c_a889101c1020_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_217410e0_d256_4c2e_952c_a889101c1020_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_217410e0_d256_4c2e_952c_a889101c1020_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_217410e0_d256_4c2e_952c_a889101c1020_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_217410e0_d256_4c2e_952c_a889101c1020\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Rhineland-Palatinate","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Rhineland-Palatinate (/ˌraɪnlænd pəˈlætɪnɪt, -lənd-/ RYNE-land pə-LAT-in-it, -⁠lənd-, US also /-ɪneɪt/ -⁠in-ayt; German: Rheinland-Pfalz [ˈʁaɪnlant ˈpfalts] ; Luxembourgish: Rheinland-Pfalz [ˈʀɑɪnlɑm ˈpfɑlts]; Palatine German: Rhoilond-Palz) is a western state of Germany. It covers 19,846 km² (7,663 sq mi) and has about 4.05 million residents. It is the ninth largest and sixth most populous of the sixteen states. Mainz is the capital and largest city. Other cities are Ludwigshafen am Rhein, Koblenz, Trier, Kaiserslautern, Worms, and Neuwied. It is bordered by North Rhine-Westphalia, Saarland, Baden-Württemberg and Hesse and by France, Luxembourg and Belgium."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"c99f549054b12af1fe277528621b1d7b"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-88acf6fa0497cb457924","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-88acf6fa0497cb457924"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_73c7221a_c56d_4e12_92bd_ee15ceff1a51' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_73c7221a_c56d_4e12_92bd_ee15ceff1a51_defs'>\\n  <clipPath id='svg_73c7221a_c56d_4e12_92bd_ee15ceff1a51_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_73c7221a_c56d_4e12_92bd_ee15ceff1a51_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_73c7221a_c56d_4e12_92bd_ee15ceff1a51_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_73c7221a_c56d_4e12_92bd_ee15ceff1a51_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_73c7221a_c56d_4e12_92bd_ee15ceff1a51_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_73c7221a_c56d_4e12_92bd_ee15ceff1a51\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Saarland","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Saarland (German: [ˈzaːʁ̞lant] , Luxembourgish: [ˈzaːlɑnt]; French: Sarre [saʁ]) is a state of Germany in the southwest of the country. With an area of 2,570 km² (990 sq mi) and population of 990,509 in 2018, it is the smallest German state in area apart from the city-states of Berlin, Bremen, and Hamburg, and the smallest in population apart from Bremen.Saarbrücken is the state capital and largest city; other cities include Neunkirchen and Saarlouis. Saarland is mainly surrounded by the department of Moselle (Grand Est) in France to the west and south and the neighboring state of Rhineland-Palatinate in Germany to the north and east; it also shares a small border about 8 kilometres (5 miles) long with the canton of Remich in Luxembourg to the northwest."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"c994551ebeac181d3edde3f746b9e3e6"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-4409b5437b4f7b2344bd","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-4409b5437b4f7b2344bd"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_b9085f70_4469_4174_823e_78d14ef9831b' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_b9085f70_4469_4174_823e_78d14ef9831b_defs'>\\n  <clipPath id='svg_b9085f70_4469_4174_823e_78d14ef9831b_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_b9085f70_4469_4174_823e_78d14ef9831b_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_b9085f70_4469_4174_823e_78d14ef9831b_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_b9085f70_4469_4174_823e_78d14ef9831b_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_b9085f70_4469_4174_823e_78d14ef9831b_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_b9085f70_4469_4174_823e_78d14ef9831b\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Saxony","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Saxony, officially the Free State of Saxony, is a landlocked state of Germany, bordering the states of Brandenburg, Saxony-Anhalt, Thuringia, and Bavaria, as well as the countries of Poland and the Czech Republic. Its capital is Dresden, and its largest city is Leipzig. Saxony is the tenth largest of Germany's sixteen states, with an area of 18,413 square kilometres (7,109 sq mi), and the sixth most populous, with more than 4 million inhabitants. "]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"86084c5b29ad0f3ed28be7ede7a05c5a"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-e1a87e128b124f8d1f62","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-e1a87e128b124f8d1f62"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_85d6d4a1_2cf8_4708_bf4b_a9bf8880e538' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_85d6d4a1_2cf8_4708_bf4b_a9bf8880e538_defs'>\\n  <clipPath id='svg_85d6d4a1_2cf8_4708_bf4b_a9bf8880e538_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_85d6d4a1_2cf8_4708_bf4b_a9bf8880e538_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_85d6d4a1_2cf8_4708_bf4b_a9bf8880e538_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_85d6d4a1_2cf8_4708_bf4b_a9bf8880e538_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_85d6d4a1_2cf8_4708_bf4b_a9bf8880e538_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_85d6d4a1_2cf8_4708_bf4b_a9bf8880e538\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Saxony-Anhalt","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Saxony-Anhalt (German: Sachsen-Anhalt [ˌzaksn̩ ˈʔanhalt] ; Low German: Sassen-Anholt) is a state of Germany, bordering the states of Brandenburg, Saxony, Thuringia and Lower Saxony. It covers an area of 20,451.7 square kilometres (7,896.4 sq mi)and has a population of 2.17 million inhabitants, making it the 8th-largest state in Germany by area and the 11th-largest by population. Its capital is Magdeburg, its most populous city, however, is Halle (Saale)."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"70d3fa9528a322a45dc9b1eaa597e146"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-b65a2a703de6b2ac8197","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-b65a2a703de6b2ac8197"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_6555526f_9898_416c_b4d8_2f3c11e8037f' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_6555526f_9898_416c_b4d8_2f3c11e8037f_defs'>\\n  <clipPath id='svg_6555526f_9898_416c_b4d8_2f3c11e8037f_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_6555526f_9898_416c_b4d8_2f3c11e8037f_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_6555526f_9898_416c_b4d8_2f3c11e8037f_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_6555526f_9898_416c_b4d8_2f3c11e8037f_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_6555526f_9898_416c_b4d8_2f3c11e8037f_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_6555526f_9898_416c_b4d8_2f3c11e8037f\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Schleswig-Holstein","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Schleswig-Holstein (German: [ˌʃleːsvɪç ˈhɔlʃtaɪn] ; Danish: Slesvig-Holsten [ˌsle̝ːsvi ˈhʌlˌste̝ˀn]; Low German: Sleswig-Holsteen; North Frisian: Slaswik-Holstiinj; occasionally in English Sleswick-Holsatia) is the northernmost of the 16 states of Germany, comprising most of the historical Duchy of Holstein and the southern part of the former Duchy of Schleswig. Its capital city is Kiel; other notable cities are Lübeck and Flensburg. It covers an area of 15,763 km² (6,086 sq mi), making it the 5th smallest German federal state by area (including the city-states). Historically, the name can also refer to a larger region, containing both present-day Schleswig-Holstein and the former South Jutland County (Northern Schleswig; now part of the Region of Southern Denmark) in Denmark. "]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"fa09c629f4ce6ef8fd0ae139fcad77ca"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-86a6af880274f147e6f3","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-86a6af880274f147e6f3"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_30c80252_86a4_4a21_acb5_ec0224c5d202' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_30c80252_86a4_4a21_acb5_ec0224c5d202_defs'>\\n  <clipPath id='svg_30c80252_86a4_4a21_acb5_ec0224c5d202_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_30c80252_86a4_4a21_acb5_ec0224c5d202_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_30c80252_86a4_4a21_acb5_ec0224c5d202_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_30c80252_86a4_4a21_acb5_ec0224c5d202_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_30c80252_86a4_4a21_acb5_ec0224c5d202_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_30c80252_86a4_4a21_acb5_ec0224c5d202\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Thuringia","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Thuringia, officially the Free State of Thuringia, is one of Germany's 16 states with 2.1 million people, its 12th-largest by population, and with 16,171 square kilometers, its 11th-largest in area."]}]}]}],"width":100},{"id":"state","name":"state","type":"character","header":"State","footer":"Deutschland","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":125},{"id":"capital","name":"capital","type":"character","header":"Capital","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":115},{"id":"most_populous_city","name":"most_populous_city","type":"character","header":"Most Populous City","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":160},{"id":"federal_assembly_votes","name":"federal_assembly_votes","type":"numeric","header":"Bundesrat Votes","footer":"69","align":"center","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#5682B1FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"44.4444444444444px","width":"44.4444444444444px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["5"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]}],"width":140},{"id":"area_km2","name":"area_km2","type":"numeric","header":"Area","footer":"357,588 km²","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["35,748 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.99697976442162%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["70,542 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"19.7271720527534%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["891 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.249169435215947%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["29,654 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"8.29278387417922%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["420 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.117453605825699%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["755 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.211136839043816%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["21,116 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.90511985860823%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["23,295 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"6.51448035168965%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["47,710 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"13.3421703189145%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["34,112 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.53947000458628%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["19,858 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.55331834401602%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2,571 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.718983858518742%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["18,450 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.15956911305748%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["20,459 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.72138886092374%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["15,804 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.41961139635558%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["16,202 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.53091267044755%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"pop_million","name":"pop_million","type":"numeric","header":"in millions","footer":"84.36","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["11.28"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"13.3714245071658%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["13.37"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"15.8477459429344%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["3.76"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.4512144525184%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.57"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.05005986320369%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["0.68"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.812005832217072%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1.89"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.24279567088277%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["6.39"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.57595514408658%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1.63"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.92984743773634%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["8.14"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.64923718868171%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["18.14"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"21.5021515191029%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4.16"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.93012008203037%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["0.99"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.17711210422124%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4.09"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.84358515392549%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.19"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.59249161322443%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.95"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.50051565333871%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.13"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.52136701478206%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"pop_per_km2","name":"pop_per_km2","type":"numeric","header":"per km²","footer":"236","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["316"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.50593824228029%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["190"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.51306413301663%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4,210"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"100%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["87"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.06650831353919%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1,633"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"38.7885985748219%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2,506"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"59.5249406175772%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["303"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.19714964370546%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["70"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.66270783847981%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["171"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.06175771971497%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["532"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"12.6365795724466%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["209"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.96437054631829%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["386"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.1686460807601%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["221"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.24940617577197%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["107"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.541567695962%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["187"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.44180522565321%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["132"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.1353919239905%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"gdp","name":"gdp","type":"list","header":{"name":"div","attribs":{},"children":["GDP ",{"name":"span","attribs":{"style":{"font-size":"0.75rem"}},"children":["(Index 2015 = 100)"]}]},"footer":{"name":"WidgetContainer","attribs":{"key":"4471ac87a530949f7e1289efab761405"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-3eea098bd23725c0e826","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-3eea098bd23725c0e826"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_c034f25b_c848_4ff4_86e4_83bcabc0a0a2' viewBox='0 0 1152 648'>\\n <defs id='svg_c034f25b_c848_4ff4_86e4_83bcabc0a0a2_defs'>\\n  <clipPath id='svg_c034f25b_c848_4ff4_86e4_83bcabc0a0a2_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_c034f25b_c848_4ff4_86e4_83bcabc0a0a2_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_c034f25b_c848_4ff4_86e4_83bcabc0a0a2_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,393.32 501.19,375.08 650.81,355.01 800.42,426.16 950.03,376.91 1099.64,342.24 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,393.32 501.19,375.08 650.81,355.01 800.42,426.16 950.03,376.91 1099.64,342.24' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,393.32 501.19,375.08 650.81,355.01 800.42,426.16 950.03,376.91 1099.64,342.24' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_c034f25b_c848_4ff4_86e4_83bcabc0a0a2_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c034f25b_c848_4ff4_86e4_83bcabc0a0a2_e2' cx='351.58' cy='393.32' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c034f25b_c848_4ff4_86e4_83bcabc0a0a2_e3' cx='501.19' cy='375.08' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.95%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c034f25b_c848_4ff4_86e4_83bcabc0a0a2_e4' cx='650.81' cy='355.01' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.04%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c034f25b_c848_4ff4_86e4_83bcabc0a0a2_e5' cx='800.42' cy='426.16' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.64%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c034f25b_c848_4ff4_86e4_83bcabc0a0a2_e6' cx='950.03' cy='376.91' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.62%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c034f25b_c848_4ff4_86e4_83bcabc0a0a2_e7' cx='1099.64' cy='342.24' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.79%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_c034f25b_c848_4ff4_86e4_83bcabc0a0a2\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},"align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"WidgetContainer","attribs":{"key":"edd271b8d9c23cd4a4b258a6633a5d90"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-4c45941f46489ff4edb0","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-4c45941f46489ff4edb0"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_118a158c_71bd_4297_af8f_2c861b746e40' viewBox='0 0 1152 648'>\\n <defs id='svg_118a158c_71bd_4297_af8f_2c861b746e40_defs'>\\n  <clipPath id='svg_118a158c_71bd_4297_af8f_2c861b746e40_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_118a158c_71bd_4297_af8f_2c861b746e40_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_118a158c_71bd_4297_af8f_2c861b746e40_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_118a158c_71bd_4297_af8f_2c861b746e40_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_118a158c_71bd_4297_af8f_2c861b746e40_e2' cx='351.58' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104.7&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_118a158c_71bd_4297_af8f_2c861b746e40_e3' cx='501.19' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.20%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_118a158c_71bd_4297_af8f_2c861b746e40_e4' cx='650.81' cy='364.14' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.37%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_118a158c_71bd_4297_af8f_2c861b746e40_e5' cx='800.42' cy='457.18' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.78%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_118a158c_71bd_4297_af8f_2c861b746e40_e6' cx='950.03' cy='396.97' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.25%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_118a158c_71bd_4297_af8f_2c861b746e40_e7' cx='1099.64' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.34%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_118a158c_71bd_4297_af8f_2c861b746e40\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"c2d579d0f511962c8a23549c5aaccdfe"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-66e520d3b5568a9ed5a1","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-66e520d3b5568a9ed5a1"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_2cbb75bf_ef36_4e6f_b5d7_85617b53ba0c' viewBox='0 0 1152 648'>\\n <defs id='svg_2cbb75bf_ef36_4e6f_b5d7_85617b53ba0c_defs'>\\n  <clipPath id='svg_2cbb75bf_ef36_4e6f_b5d7_85617b53ba0c_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_2cbb75bf_ef36_4e6f_b5d7_85617b53ba0c_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_2cbb75bf_ef36_4e6f_b5d7_85617b53ba0c_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,369.61 501.19,362.31 650.81,327.65 800.42,400.62 950.03,347.72 1099.64,305.76 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,369.61 501.19,362.31 650.81,327.65 800.42,400.62 950.03,347.72 1099.64,305.76' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,369.61 501.19,362.31 650.81,327.65 800.42,400.62 950.03,347.72 1099.64,305.76' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_2cbb75bf_ef36_4e6f_b5d7_85617b53ba0c_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_2cbb75bf_ef36_4e6f_b5d7_85617b53ba0c_e2' cx='351.58' cy='369.61' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;106.3&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_2cbb75bf_ef36_4e6f_b5d7_85617b53ba0c_e3' cx='501.19' cy='362.31' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.38%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_2cbb75bf_ef36_4e6f_b5d7_85617b53ba0c_e4' cx='650.81' cy='327.65' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.78%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_2cbb75bf_ef36_4e6f_b5d7_85617b53ba0c_e5' cx='800.42' cy='400.62' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.68%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_2cbb75bf_ef36_4e6f_b5d7_85617b53ba0c_e6' cx='950.03' cy='347.72' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.77%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_2cbb75bf_ef36_4e6f_b5d7_85617b53ba0c_e7' cx='1099.64' cy='305.76' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    109.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.14%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_2cbb75bf_ef36_4e6f_b5d7_85617b53ba0c\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"50056bfdf52ba839e844cffb683511ca"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-c9c522553cb67576189a","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-c9c522553cb67576189a"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_3d24a326_7c0c_4fb1_93fb_1194da4b55ff' viewBox='0 0 1152 648'>\\n <defs id='svg_3d24a326_7c0c_4fb1_93fb_1194da4b55ff_defs'>\\n  <clipPath id='svg_3d24a326_7c0c_4fb1_93fb_1194da4b55ff_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_3d24a326_7c0c_4fb1_93fb_1194da4b55ff_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_3d24a326_7c0c_4fb1_93fb_1194da4b55ff_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,309.41 501.19,238.26 650.81,178.05 800.42,225.49 950.03,159.81 1099.64,54.00 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,309.41 501.19,238.26 650.81,178.05 800.42,225.49 950.03,159.81 1099.64,54.00' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,309.41 501.19,238.26 650.81,178.05 800.42,225.49 950.03,159.81 1099.64,54.00' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_3d24a326_7c0c_4fb1_93fb_1194da4b55ff_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3d24a326_7c0c_4fb1_93fb_1194da4b55ff_e2' cx='351.58' cy='309.41' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;109.6&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3d24a326_7c0c_4fb1_93fb_1194da4b55ff_e3' cx='501.19' cy='238.26' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    113.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.56%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3d24a326_7c0c_4fb1_93fb_1194da4b55ff_e4' cx='650.81' cy='178.05' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    116.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.91%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3d24a326_7c0c_4fb1_93fb_1194da4b55ff_e5' cx='800.42' cy='225.49' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    114.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-2.23%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3d24a326_7c0c_4fb1_93fb_1194da4b55ff_e6' cx='950.03' cy='159.81' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    117.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.15%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3d24a326_7c0c_4fb1_93fb_1194da4b55ff_e7' cx='1099.64' cy='54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    123.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;4.92%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_3d24a326_7c0c_4fb1_93fb_1194da4b55ff\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"4d16a99b762e5f9d120fd4c66aec60be"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-6b02f57bf1285d9a3fd7","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-6b02f57bf1285d9a3fd7"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_4aa9fdbc_3022_4959_94cf_9ed5a1114576' viewBox='0 0 1152 648'>\\n <defs id='svg_4aa9fdbc_3022_4959_94cf_9ed5a1114576_defs'>\\n  <clipPath id='svg_4aa9fdbc_3022_4959_94cf_9ed5a1114576_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_4aa9fdbc_3022_4959_94cf_9ed5a1114576_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_4aa9fdbc_3022_4959_94cf_9ed5a1114576_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,398.80 501.19,389.68 650.81,356.84 800.42,400.62 950.03,353.19 1099.64,289.34 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,398.80 501.19,389.68 650.81,356.84 800.42,400.62 950.03,353.19 1099.64,289.34' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,398.80 501.19,389.68 650.81,356.84 800.42,400.62 950.03,353.19 1099.64,289.34' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_4aa9fdbc_3022_4959_94cf_9ed5a1114576_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_4aa9fdbc_3022_4959_94cf_9ed5a1114576_e2' cx='351.58' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104.7&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_4aa9fdbc_3022_4959_94cf_9ed5a1114576_e3' cx='501.19' cy='389.68' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_4aa9fdbc_3022_4959_94cf_9ed5a1114576_e4' cx='650.81' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.71%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_4aa9fdbc_3022_4959_94cf_9ed5a1114576_e5' cx='800.42' cy='400.62' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-2.24%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_4aa9fdbc_3022_4959_94cf_9ed5a1114576_e6' cx='950.03' cy='353.19' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_4aa9fdbc_3022_4959_94cf_9ed5a1114576_e7' cx='1099.64' cy='289.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    110.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.26%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_4aa9fdbc_3022_4959_94cf_9ed5a1114576\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"a76ca4c5adbfe89ed97691d35989a19c"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-30d1b6f9ccd9affa24a6","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-30d1b6f9ccd9affa24a6"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_ae0e1764_447e_4ad9_9256_d3c794fad47f' viewBox='0 0 1152 648'>\\n <defs id='svg_ae0e1764_447e_4ad9_9256_d3c794fad47f_defs'>\\n  <clipPath id='svg_ae0e1764_447e_4ad9_9256_d3c794fad47f_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_ae0e1764_447e_4ad9_9256_d3c794fad47f_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_ae0e1764_447e_4ad9_9256_d3c794fad47f_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,457.18 800.42,550.22 950.03,442.58 1099.64,347.72 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,457.18 800.42,550.22 950.03,442.58 1099.64,347.72' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,424.34 501.19,429.81 650.81,457.18 800.42,550.22 950.03,442.58 1099.64,347.72' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_ae0e1764_447e_4ad9_9256_d3c794fad47f_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_ae0e1764_447e_4ad9_9256_d3c794fad47f_e2' cx='351.58' cy='424.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;103.3&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_ae0e1764_447e_4ad9_9256_d3c794fad47f_e3' cx='501.19' cy='429.81' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.29%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_ae0e1764_447e_4ad9_9256_d3c794fad47f_e4' cx='650.81' cy='457.18' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.46%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_ae0e1764_447e_4ad9_9256_d3c794fad47f_e5' cx='800.42' cy='550.22' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    96.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-5.02%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_ae0e1764_447e_4ad9_9256_d3c794fad47f_e6' cx='950.03' cy='442.58' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;6.12%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_ae0e1764_447e_4ad9_9256_d3c794fad47f_e7' cx='1099.64' cy='347.72' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;5.08%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_ae0e1764_447e_4ad9_9256_d3c794fad47f\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"30430a3f241d917451b554003232eb49"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-cd1d6f42233ac245d817","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-cd1d6f42233ac245d817"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_33dab14b_37a9_41cf_ad99_7a73f14b97db' viewBox='0 0 1152 648'>\\n <defs id='svg_33dab14b_37a9_41cf_ad99_7a73f14b97db_defs'>\\n  <clipPath id='svg_33dab14b_37a9_41cf_ad99_7a73f14b97db_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_33dab14b_37a9_41cf_ad99_7a73f14b97db_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_33dab14b_37a9_41cf_ad99_7a73f14b97db_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,411.57 501.19,415.22 650.81,355.01 800.42,448.05 950.03,378.73 1099.64,292.99 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,411.57 501.19,415.22 650.81,355.01 800.42,448.05 950.03,378.73 1099.64,292.99' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,411.57 501.19,415.22 650.81,355.01 800.42,448.05 950.03,378.73 1099.64,292.99' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_33dab14b_37a9_41cf_ad99_7a73f14b97db_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_33dab14b_37a9_41cf_ad99_7a73f14b97db_e2' cx='351.58' cy='411.57' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_33dab14b_37a9_41cf_ad99_7a73f14b97db_e3' cx='501.19' cy='415.22' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.19%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_33dab14b_37a9_41cf_ad99_7a73f14b97db_e4' cx='650.81' cy='355.01' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.18%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_33dab14b_37a9_41cf_ad99_7a73f14b97db_e5' cx='800.42' cy='448.05' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.76%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_33dab14b_37a9_41cf_ad99_7a73f14b97db_e6' cx='950.03' cy='378.73' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.73%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_33dab14b_37a9_41cf_ad99_7a73f14b97db_e7' cx='1099.64' cy='292.99' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    110.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;4.44%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_33dab14b_37a9_41cf_ad99_7a73f14b97db\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"7e80df75772342b1a1cffcbc81691267"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-f549716d5dfd6ea9c2ba","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-f549716d5dfd6ea9c2ba"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_5ddbed1d_344f_48a2_9042_f11346d890f9' viewBox='0 0 1152 648'>\\n <defs id='svg_5ddbed1d_344f_48a2_9042_f11346d890f9_defs'>\\n  <clipPath id='svg_5ddbed1d_344f_48a2_9042_f11346d890f9_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_5ddbed1d_344f_48a2_9042_f11346d890f9_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_5ddbed1d_344f_48a2_9042_f11346d890f9_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,393.32 501.19,384.20 650.81,355.01 800.42,448.05 950.03,402.45 1099.64,371.43 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,393.32 501.19,384.20 650.81,355.01 800.42,448.05 950.03,402.45 1099.64,371.43' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,393.32 501.19,384.20 650.81,355.01 800.42,448.05 950.03,402.45 1099.64,371.43' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_5ddbed1d_344f_48a2_9042_f11346d890f9_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5ddbed1d_344f_48a2_9042_f11346d890f9_e2' cx='351.58' cy='393.32' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5ddbed1d_344f_48a2_9042_f11346d890f9_e3' cx='501.19' cy='384.2' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5ddbed1d_344f_48a2_9042_f11346d890f9_e4' cx='650.81' cy='355.01' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.52%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5ddbed1d_344f_48a2_9042_f11346d890f9_e5' cx='800.42' cy='448.05' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.76%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5ddbed1d_344f_48a2_9042_f11346d890f9_e6' cx='950.03' cy='402.45' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.45%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5ddbed1d_344f_48a2_9042_f11346d890f9_e7' cx='1099.64' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.63%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_5ddbed1d_344f_48a2_9042_f11346d890f9\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"e6ed07867bdd2d2740ccdfbbdad51478"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-7fdcad3dc1c3188ba692","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-7fdcad3dc1c3188ba692"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_7e2ba902_18b5_485a_b4ed_75470893cf3c' viewBox='0 0 1152 648'>\\n <defs id='svg_7e2ba902_18b5_485a_b4ed_75470893cf3c_defs'>\\n  <clipPath id='svg_7e2ba902_18b5_485a_b4ed_75470893cf3c_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_7e2ba902_18b5_485a_b4ed_75470893cf3c_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_7e2ba902_18b5_485a_b4ed_75470893cf3c_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,378.73 501.19,415.22 650.81,333.12 800.42,398.80 950.03,353.19 1099.64,349.54 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,378.73 501.19,415.22 650.81,333.12 800.42,398.80 950.03,353.19 1099.64,349.54' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,378.73 501.19,415.22 650.81,333.12 800.42,398.80 950.03,353.19 1099.64,349.54' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_7e2ba902_18b5_485a_b4ed_75470893cf3c_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_7e2ba902_18b5_485a_b4ed_75470893cf3c_e2' cx='351.58' cy='378.73' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105.8&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_7e2ba902_18b5_485a_b4ed_75470893cf3c_e3' cx='501.19' cy='415.22' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.89%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_7e2ba902_18b5_485a_b4ed_75470893cf3c_e4' cx='650.81' cy='333.12' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;4.34%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_7e2ba902_18b5_485a_b4ed_75470893cf3c_e5' cx='800.42' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.32%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_7e2ba902_18b5_485a_b4ed_75470893cf3c_e6' cx='950.03' cy='353.19' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.39%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_7e2ba902_18b5_485a_b4ed_75470893cf3c_e7' cx='1099.64' cy='349.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.19%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_7e2ba902_18b5_485a_b4ed_75470893cf3c\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"391457d667d70207865036d64d4f72ca"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-c5c6b5b8e4e8406dcaf7","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-c5c6b5b8e4e8406dcaf7"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_048388d9_d46d_4bbf_b707_f0c2e8188dd6' viewBox='0 0 1152 648'>\\n <defs id='svg_048388d9_d46d_4bbf_b707_f0c2e8188dd6_defs'>\\n  <clipPath id='svg_048388d9_d46d_4bbf_b707_f0c2e8188dd6_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_048388d9_d46d_4bbf_b707_f0c2e8188dd6_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_048388d9_d46d_4bbf_b707_f0c2e8188dd6_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,358.66 501.19,333.12 650.81,291.16 800.42,371.43 950.03,356.84 1099.64,334.95 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,358.66 501.19,333.12 650.81,291.16 800.42,371.43 950.03,356.84 1099.64,334.95' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,358.66 501.19,333.12 650.81,291.16 800.42,371.43 950.03,356.84 1099.64,334.95' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_048388d9_d46d_4bbf_b707_f0c2e8188dd6_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_048388d9_d46d_4bbf_b707_f0c2e8188dd6_e2' cx='351.58' cy='358.66' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;106.9&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_048388d9_d46d_4bbf_b707_f0c2e8188dd6_e3' cx='501.19' cy='333.12' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.31%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_048388d9_d46d_4bbf_b707_f0c2e8188dd6_e4' cx='650.81' cy='291.16' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    110.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.12%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_048388d9_d46d_4bbf_b707_f0c2e8188dd6_e5' cx='800.42' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.98%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_048388d9_d46d_4bbf_b707_f0c2e8188dd6_e6' cx='950.03' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.75%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_048388d9_d46d_4bbf_b707_f0c2e8188dd6_e7' cx='1099.64' cy='334.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.12%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_048388d9_d46d_4bbf_b707_f0c2e8188dd6\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"fa98150cd18a829770380fedb9ac6da4"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-f9526421728a82c319d6","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-f9526421728a82c319d6"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_5a210165_a325_44be_9cda_1830427d7bc1' viewBox='0 0 1152 648'>\\n <defs id='svg_5a210165_a325_44be_9cda_1830427d7bc1_defs'>\\n  <clipPath id='svg_5a210165_a325_44be_9cda_1830427d7bc1_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_5a210165_a325_44be_9cda_1830427d7bc1_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_5a210165_a325_44be_9cda_1830427d7bc1_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,417.04 501.19,391.50 650.81,391.50 800.42,451.70 950.03,418.86 1099.64,398.80 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,417.04 501.19,391.50 650.81,391.50 800.42,451.70 950.03,418.86 1099.64,398.80' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,417.04 501.19,391.50 650.81,391.50 800.42,451.70 950.03,418.86 1099.64,398.80' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_5a210165_a325_44be_9cda_1830427d7bc1_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5a210165_a325_44be_9cda_1830427d7bc1_e2' cx='351.58' cy='417.04' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;103.7&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5a210165_a325_44be_9cda_1830427d7bc1_e3' cx='501.19' cy='391.5' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.35%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5a210165_a325_44be_9cda_1830427d7bc1_e4' cx='650.81' cy='391.5' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.00%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5a210165_a325_44be_9cda_1830427d7bc1_e5' cx='800.42' cy='451.7' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.14%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5a210165_a325_44be_9cda_1830427d7bc1_e6' cx='950.03' cy='418.86' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.77%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5a210165_a325_44be_9cda_1830427d7bc1_e7' cx='1099.64' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.06%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_5a210165_a325_44be_9cda_1830427d7bc1\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"56c4227e25c8c8d33dc12d66f9f3f66b"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-adbc6ee7c59bce4d2d40","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-adbc6ee7c59bce4d2d40"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_ce9344e8_5792_432c_ac98_1c7f587a454d' viewBox='0 0 1152 648'>\\n <defs id='svg_ce9344e8_5792_432c_ac98_1c7f587a454d_defs'>\\n  <clipPath id='svg_ce9344e8_5792_432c_ac98_1c7f587a454d_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_ce9344e8_5792_432c_ac98_1c7f587a454d_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_ce9344e8_5792_432c_ac98_1c7f587a454d_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,438.93 501.19,437.11 650.81,427.99 800.42,493.66 950.03,334.95 1099.64,340.42 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,438.93 501.19,437.11 650.81,427.99 800.42,493.66 950.03,334.95 1099.64,340.42' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,438.93 501.19,437.11 650.81,427.99 800.42,493.66 950.03,334.95 1099.64,340.42' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_ce9344e8_5792_432c_ac98_1c7f587a454d_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_ce9344e8_5792_432c_ac98_1c7f587a454d_e2' cx='351.58' cy='438.93' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;102.5&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_ce9344e8_5792_432c_ac98_1c7f587a454d_e3' cx='501.19' cy='437.11' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.10%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_ce9344e8_5792_432c_ac98_1c7f587a454d_e4' cx='650.81' cy='427.99' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_ce9344e8_5792_432c_ac98_1c7f587a454d_e5' cx='800.42' cy='493.66' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    99.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_ce9344e8_5792_432c_ac98_1c7f587a454d_e6' cx='950.03' cy='334.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;8.74%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_ce9344e8_5792_432c_ac98_1c7f587a454d_e7' cx='1099.64' cy='340.42' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.28%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_ce9344e8_5792_432c_ac98_1c7f587a454d\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"f9ee07e8cced69488dc420c7bb584dd9"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-26c18948adf115e75e09","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-26c18948adf115e75e09"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_bc19e098_4252_41c5_b5f9_b460d99c5c72' viewBox='0 0 1152 648'>\\n <defs id='svg_bc19e098_4252_41c5_b5f9_b460d99c5c72_defs'>\\n  <clipPath id='svg_bc19e098_4252_41c5_b5f9_b460d99c5c72_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_bc19e098_4252_41c5_b5f9_b460d99c5c72_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_bc19e098_4252_41c5_b5f9_b460d99c5c72_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,459.00 501.19,469.95 650.81,506.43 800.42,594.00 950.03,572.11 1099.64,542.92 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,459.00 501.19,469.95 650.81,506.43 800.42,594.00 950.03,572.11 1099.64,542.92' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,459.00 501.19,469.95 650.81,506.43 800.42,594.00 950.03,572.11 1099.64,542.92' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_bc19e098_4252_41c5_b5f9_b460d99c5c72_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_bc19e098_4252_41c5_b5f9_b460d99c5c72_e2' cx='351.58' cy='459' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;101.4&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_bc19e098_4252_41c5_b5f9_b460d99c5c72_e3' cx='501.19' cy='469.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    100.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.59%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_bc19e098_4252_41c5_b5f9_b460d99c5c72_e4' cx='650.81' cy='506.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    98.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.98%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_bc19e098_4252_41c5_b5f9_b460d99c5c72_e5' cx='800.42' cy='594' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    94&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.86%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_bc19e098_4252_41c5_b5f9_b460d99c5c72_e6' cx='950.03' cy='572.11' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    95.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.28%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_bc19e098_4252_41c5_b5f9_b460d99c5c72_e7' cx='1099.64' cy='542.92' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    96.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.68%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_bc19e098_4252_41c5_b5f9_b460d99c5c72\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"3b0f6963b9ecfb032d1e7f5d699d8f87"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-e21b9efffd2c11086a1f","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-e21b9efffd2c11086a1f"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_3f334e29_d821_466c_b763_70d454a08194' viewBox='0 0 1152 648'>\\n <defs id='svg_3f334e29_d821_466c_b763_70d454a08194_defs'>\\n  <clipPath id='svg_3f334e29_d821_466c_b763_70d454a08194_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_3f334e29_d821_466c_b763_70d454a08194_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_3f334e29_d821_466c_b763_70d454a08194_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,409.74 501.19,395.15 650.81,367.78 800.42,435.28 950.03,400.62 1099.64,349.54 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,409.74 501.19,395.15 650.81,367.78 800.42,435.28 950.03,400.62 1099.64,349.54' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,409.74 501.19,395.15 650.81,367.78 800.42,435.28 950.03,400.62 1099.64,349.54' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_3f334e29_d821_466c_b763_70d454a08194_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3f334e29_d821_466c_b763_70d454a08194_e2' cx='351.58' cy='409.74' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104.1&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3f334e29_d821_466c_b763_70d454a08194_e3' cx='501.19' cy='395.15' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.77%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3f334e29_d821_466c_b763_70d454a08194_e4' cx='650.81' cy='367.78' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.43%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3f334e29_d821_466c_b763_70d454a08194_e5' cx='800.42' cy='435.28' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3f334e29_d821_466c_b763_70d454a08194_e6' cx='950.03' cy='400.62' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.85%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3f334e29_d821_466c_b763_70d454a08194_e7' cx='1099.64' cy='349.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.68%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_3f334e29_d821_466c_b763_70d454a08194\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"083be9e61882b67be781188ede00de9c"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-9a4424b02b797680b43f","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-9a4424b02b797680b43f"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_5345195d_ef14_42cf_9744_1f92c73f18ed' viewBox='0 0 1152 648'>\\n <defs id='svg_5345195d_ef14_42cf_9744_1f92c73f18ed_defs'>\\n  <clipPath id='svg_5345195d_ef14_42cf_9744_1f92c73f18ed_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_5345195d_ef14_42cf_9744_1f92c73f18ed_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_5345195d_ef14_42cf_9744_1f92c73f18ed_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,437.11 501.19,446.23 650.81,417.04 800.42,460.82 950.03,418.86 1099.64,369.61 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,437.11 501.19,446.23 650.81,417.04 800.42,460.82 950.03,418.86 1099.64,369.61' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,437.11 501.19,446.23 650.81,417.04 800.42,460.82 950.03,418.86 1099.64,369.61' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_5345195d_ef14_42cf_9744_1f92c73f18ed_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5345195d_ef14_42cf_9744_1f92c73f18ed_e2' cx='351.58' cy='437.11' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;102.6&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5345195d_ef14_42cf_9744_1f92c73f18ed_e3' cx='501.19' cy='446.23' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5345195d_ef14_42cf_9744_1f92c73f18ed_e4' cx='650.81' cy='417.04' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.57%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5345195d_ef14_42cf_9744_1f92c73f18ed_e5' cx='800.42' cy='460.82' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-2.31%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5345195d_ef14_42cf_9744_1f92c73f18ed_e6' cx='950.03' cy='418.86' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.27%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5345195d_ef14_42cf_9744_1f92c73f18ed_e7' cx='1099.64' cy='369.61' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.61%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_5345195d_ef14_42cf_9744_1f92c73f18ed\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"28be83d2b82cf00d397ecdc474a884a9"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-14be534f40a04292a326","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-14be534f40a04292a326"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_20f48795_0b25_4225_b901_63547a7fc810' viewBox='0 0 1152 648'>\\n <defs id='svg_20f48795_0b25_4225_b901_63547a7fc810_defs'>\\n  <clipPath id='svg_20f48795_0b25_4225_b901_63547a7fc810_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_20f48795_0b25_4225_b901_63547a7fc810_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_20f48795_0b25_4225_b901_63547a7fc810_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,389.68 501.19,380.55 650.81,334.95 800.42,367.78 950.03,344.07 1099.64,318.53 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,389.68 501.19,380.55 650.81,334.95 800.42,367.78 950.03,344.07 1099.64,318.53' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,389.68 501.19,380.55 650.81,334.95 800.42,367.78 950.03,344.07 1099.64,318.53' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_20f48795_0b25_4225_b901_63547a7fc810_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_20f48795_0b25_4225_b901_63547a7fc810_e2' cx='351.58' cy='389.68' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105.2&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_20f48795_0b25_4225_b901_63547a7fc810_e3' cx='501.19' cy='380.55' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_20f48795_0b25_4225_b901_63547a7fc810_e4' cx='650.81' cy='334.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.37%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_20f48795_0b25_4225_b901_63547a7fc810_e5' cx='800.42' cy='367.78' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.66%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_20f48795_0b25_4225_b901_63547a7fc810_e6' cx='950.03' cy='344.07' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.22%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_20f48795_0b25_4225_b901_63547a7fc810_e7' cx='1099.64' cy='318.53' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    109.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.30%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_20f48795_0b25_4225_b901_63547a7fc810\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"c8fb86f49e482f1e0004ef6f0049bffd"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-dc4483fed243e29f6d7a","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-dc4483fed243e29f6d7a"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_c89b5cd5_effb_4e92_8eab_c9027ed487e2' viewBox='0 0 1152 648'>\\n <defs id='svg_c89b5cd5_effb_4e92_8eab_c9027ed487e2_defs'>\\n  <clipPath id='svg_c89b5cd5_effb_4e92_8eab_c9027ed487e2_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_c89b5cd5_effb_4e92_8eab_c9027ed487e2_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_c89b5cd5_effb_4e92_8eab_c9027ed487e2_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,431.64 800.42,488.19 950.03,451.70 1099.64,424.34 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,431.64 800.42,488.19 950.03,451.70 1099.64,424.34' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,424.34 501.19,429.81 650.81,431.64 800.42,488.19 950.03,451.70 1099.64,424.34' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_c89b5cd5_effb_4e92_8eab_c9027ed487e2_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c89b5cd5_effb_4e92_8eab_c9027ed487e2_e2' cx='351.58' cy='424.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;103.3&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c89b5cd5_effb_4e92_8eab_c9027ed487e2_e3' cx='501.19' cy='429.81' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.29%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c89b5cd5_effb_4e92_8eab_c9027ed487e2_e4' cx='650.81' cy='431.64' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.10%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c89b5cd5_effb_4e92_8eab_c9027ed487e2_e5' cx='800.42' cy='488.19' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    99.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.01%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c89b5cd5_effb_4e92_8eab_c9027ed487e2_e6' cx='950.03' cy='451.7' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.00%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c89b5cd5_effb_4e92_8eab_c9027ed487e2_e7' cx='1099.64' cy='424.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.47%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_c89b5cd5_effb_4e92_8eab_c9027ed487e2\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}],"width":160}],"columnGroups":[{"name":"Population","columns":["pop_million","pop_per_km2"]}],"pagination":false,"style":{"font-family":"\"Source Sans Pro\", sans-serif"},"dataKey":"3950adecbc4a578477eb6f8cf5e8f50f"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
<!-- ## Recompute everything so that girafe img IDs are recomputed -->
</section>
<section id="add-title-subtitle" class="level3 page-columns page-full">
<h3 class="anchored" data-anchor-id="add-title-subtitle">Add title &amp; subtitle</h3>
<p>Finally, all that’s left to do is to add a title and subtitle to the table. For that we just have to wrap our variable that contains the table into a <code>div</code> container and place the title and sub-title containers on top of that.</p>
<div class="cell page-columns page-full">
<div class="sourceCode cell-code" id="cb50" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb50-1">final_table <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb50-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb50-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb50-4">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'"Source Sans Pro", sans-serif'</span>,</span>
<span id="cb50-5">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_size =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2rem'</span>,</span>
<span id="cb50-6">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'bold'</span></span>
<span id="cb50-7">    ),</span>
<span id="cb50-8">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Germany</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\'</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">s 16 States in Numbers'</span></span>
<span id="cb50-9">  ),</span>
<span id="cb50-10">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">div</span>(</span>
<span id="cb50-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb50-12">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'"Source Sans Pro", sans-serif'</span>,</span>
<span id="cb50-13">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_size =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'1.25rem'</span></span>
<span id="cb50-14">    ),</span>
<span id="cb50-15">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Based on data from Wikipedia &amp; statistikportal.de'</span></span>
<span id="cb50-16">  ),</span>
<span id="cb50-17">  tbl_wo_titles</span>
<span id="cb50-18">) </span>
<span id="cb50-19">final_table <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">browsable</span>()</span></code></pre></div>
<div class="cell-output-display column-page">
<div>
<div style="font-family:&quot;Source Sans Pro&quot;, sans-serif;font-size:2rem;font-weight:bold;">Germany's 16 States in Numbers</div>
<div style="font-family:&quot;Source Sans Pro&quot;, sans-serif;font-size:1.25rem;">Based on data from Wikipedia &amp; statistikportal.de</div>
<div class="reactable html-widget html-fill-item" id="htmlwidget-28b58388a0a9e0123569" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-28b58388a0a9e0123569">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"img":["https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg"],"state":["Baden-Württemberg","Bayern","Berlin","Brandenburg","Bremen","Hamburg","Hessen","Mecklenburg-Vorpommern","Niedersachsen","Nordrhein-Westfalen","Rheinland-Pfalz","Saarland","Sachsen","Sachsen-Anhalt","Schleswig-Holstein","Thüringen"],"capital":["Stuttgart","München","—","Potsdam","Bremen","—","Wiesbaden","Schwerin","Hannover","Düsseldorf","Mainz","Saarbrücken","Dresden","Magdeburg","Kiel","Erfurt"],"most_populous_city":["Stuttgart","München","—","Potsdam","Bremen","—","Frankfurt am Main","Rostock","Hannover","Köln","Mainz","Saarbrücken","Leipzig","Halle (Saale)","Kiel","Erfurt"],"federal_assembly_votes":[6,6,4,4,3,3,5,3,6,6,4,3,4,4,4,4],"area_km2":[35748,70542,891,29654,420,755,21116,23295,47710,34112,19858,2571,18450,20459,15804,16202],"pop_million":[11.28,13.369,3.755,2.573,0.685,1.892,6.391,1.628,8.14,18.139,4.159,0.993,4.086,2.187,2.953,2.127],"pop_per_km2":[316,190,4210,87,1633,2506,303,70,171,532,209,386,221,107,187,132],"gdp":[[100,"NA",104.7,107,106.6,101.5,104.8,106.2],[100,"NA",106.3,106.7,108.6,104.6,107.5,109.8],[100,"NA",109.6,113.5,116.8,114.2,117.8,123.6],[100,"NA",104.7,105.2,107,104.6,107.2,110.7],[100,"NA",103.3,103,101.5,96.4,102.3,107.5],[100,"NA",104,103.8,107.1,102,105.8,110.5],[100,"NA",105,105.5,107.1,102,104.5,106.2],[100,"NA",105.8,103.8,108.3,104.7,107.2,107.4],[100,"NA",106.9,108.3,110.6,106.2,107,108.2],[100,"NA",103.7,105.1,105.1,101.8,103.6,104.7],[100,"NA",102.5,102.6,103.1,99.5,108.2,107.9],[100,"NA",101.4,100.8,98.8,94,95.2,96.8],[100,"NA",104.1,104.9,106.4,102.7,104.6,107.4],[100,"NA",102.6,102.1,103.7,101.3,103.6,106.3],[100,"NA",105.2,105.7,108.2,106.4,107.7,109.1],[100,"NA",103.3,103,102.9,99.8,101.8,103.3]]},"columns":[{"id":"img","name":"img","type":"character","header":"","footer":{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/da/Coat_of_arms_of_Germany.svg","width":50},"children":[]},"align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0f/Lesser_coat_of_arms_of_Baden-W%C3%BCrttemberg.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/d/d2/Bayern_Wappen.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8c/DEU_Berlin_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/a/a2/DEU_Brandenburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/6/64/Bremen_Wappen%28Mittel%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5d/DEU_Hamburg_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/c/cd/Coat_of_arms_of_Hesse.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/7/74/Coat_of_arms_of_Mecklenburg-Western_Pomerania_%28great%29.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/0b/Coat_of_arms_of_Lower_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/1/1b/Coat_of_arms_of_North_Rhine-Westphalia.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/89/Coat_of_arms_of_Rhineland-Palatinate.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/8/8e/Wappen_des_Saarlands.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/5f/Coat_of_arms_of_Saxony.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/5/53/Wappen_Sachsen-Anhalt.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/02/DEU_Schleswig-Holstein_COA.svg","width":50},"children":[]},{"name":"img","attribs":{"src":"https://upload.wikimedia.org/wikipedia/commons/0/08/Coat_of_arms_of_Thuringia.svg","width":50},"children":[]}],"details":[{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"b46645f253eaf62cec7c5fc0a882a956"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-f26d9258c207b34fd395","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-f26d9258c207b34fd395"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_99d4186f_7904_4929_965d_640cdf7a1153' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_99d4186f_7904_4929_965d_640cdf7a1153_defs'>\\n  <clipPath id='svg_99d4186f_7904_4929_965d_640cdf7a1153_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_99d4186f_7904_4929_965d_640cdf7a1153_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_99d4186f_7904_4929_965d_640cdf7a1153_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_99d4186f_7904_4929_965d_640cdf7a1153_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_99d4186f_7904_4929_965d_640cdf7a1153_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_99d4186f_7904_4929_965d_640cdf7a1153\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Baden-W%C3%BCrttemberg","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Baden-Württemberg (/ˌbɑːdən ˈvɜːrtəmbɜːrɡ/ BAH-dən VURT-əm-burg;German: [ˌbaːdn̩ ˈvʏʁtəmbɛʁk] ), commonly shortened to BW or BaWü, is a German state (Land) in Southwest Germany, east of the Rhine, which forms the southern part of Germany's western border with France. With more than 11.07 million inhabitants as of 2019 across a total area of nearly 35,752 km² (13,804 sq mi), it is the third-largest German state by both area (behind Bavaria and Lower Saxony) and population (behind North Rhine-Westphalia and Bavaria). As a federated state, Baden-Württemberg is a partly-sovereign parliamentary republic. The largest city in Baden-Württemberg is the state capital of Stuttgart, followed by Mannheim and Karlsruhe. Other major cities are Freiburg im Breisgau, Heidelberg, Heilbronn, Pforzheim, Reutlingen, Tübingen, and Ulm."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"6cf276e9ea043145ddb1cdca2d72204b"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-8b61e313e0d2db692330","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-8b61e313e0d2db692330"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_4b96d43f_409b_4a96_b0da_7a7589f0d32f' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_4b96d43f_409b_4a96_b0da_7a7589f0d32f_defs'>\\n  <clipPath id='svg_4b96d43f_409b_4a96_b0da_7a7589f0d32f_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_4b96d43f_409b_4a96_b0da_7a7589f0d32f_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_4b96d43f_409b_4a96_b0da_7a7589f0d32f_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_4b96d43f_409b_4a96_b0da_7a7589f0d32f_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_4b96d43f_409b_4a96_b0da_7a7589f0d32f_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_4b96d43f_409b_4a96_b0da_7a7589f0d32f\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Bavaria","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Bavaria, officially the Free State of Bavaria, is a state in the southeast of Germany. With an area of 70,550.19 km² (27,239.58 sq mi), it is the largest German state by land area, comprising roughly a fifth of the total land area of Germany, and with over 13.08 million inhabitants, it is the second most populous German state, behind only North Rhine-Westphalia; however, due to its large land area, its population density is below the German average. Major cities include Munich (its capital and largest city, which is also the third largest city in Germany),Nuremberg, and Augsburg."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"a3b0ed72f808e391cb1afcef86081c8f"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-4acfc2acbb6ac21df021","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-4acfc2acbb6ac21df021"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_6f970d02_c6d1_4918_9291_731e13c403aa' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_6f970d02_c6d1_4918_9291_731e13c403aa_defs'>\\n  <clipPath id='svg_6f970d02_c6d1_4918_9291_731e13c403aa_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_6f970d02_c6d1_4918_9291_731e13c403aa_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_6f970d02_c6d1_4918_9291_731e13c403aa_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_6f970d02_c6d1_4918_9291_731e13c403aa_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_6f970d02_c6d1_4918_9291_731e13c403aa_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_6f970d02_c6d1_4918_9291_731e13c403aa\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Berlin","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Berlin (/bɜːrˈlɪn/, bur-LIN; German: [bɛʁˈliːn] ) is the capital and largest city of Germany, by both area and population. With over 3.85 million inhabitants, it has the highest population within its city limits of any city in the European Union. The city is also one of the states of Germany, being the third smallest state in the country by area. Berlin is surrounded by the state of Brandenburg, and Brandenburg's capital Potsdam is nearby. The urban area of Berlin has a population of over 4.5 million and is therefore the most populous urban area in Germany. The Berlin-Brandenburg capital region has around 6.2 million inhabitants and is Germany's second-largest metropolitan region after the Rhine-Ruhr region, and the fifth-biggest metropolitan region by GDP in the European Union."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"057f2adad5fa0e7663d69601a8394e67"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-b0b8ddd19418697878d0","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-b0b8ddd19418697878d0"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_abf0fc13_ddc3_4d76_95ab_c9f8ad11fe58' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_abf0fc13_ddc3_4d76_95ab_c9f8ad11fe58_defs'>\\n  <clipPath id='svg_abf0fc13_ddc3_4d76_95ab_c9f8ad11fe58_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_abf0fc13_ddc3_4d76_95ab_c9f8ad11fe58_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_abf0fc13_ddc3_4d76_95ab_c9f8ad11fe58_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_abf0fc13_ddc3_4d76_95ab_c9f8ad11fe58_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_abf0fc13_ddc3_4d76_95ab_c9f8ad11fe58_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_abf0fc13_ddc3_4d76_95ab_c9f8ad11fe58\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Brandenburg","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Brandenburg, officially the State of Brandenburg (see Names), is a state in northeastern Germany. Brandenburg borders Poland and the states of Berlin, Mecklenburg-Vorpommern, Lower Saxony, Saxony-Anhalt, and Saxony. It is the fifth-largest German state by area and the tenth-most populous, with 2.5 million residents. Potsdam is the state capital and largest city. Other major towns are Cottbus, Brandenburg an der Havel and Frankfurt (Oder)."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"1b8555d10524085e0e0845f46b81329d"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-778229988bc72f7c2e36","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-778229988bc72f7c2e36"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_78cb7845_3831_4593_a974_d3c41ff91a87' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_78cb7845_3831_4593_a974_d3c41ff91a87_defs'>\\n  <clipPath id='svg_78cb7845_3831_4593_a974_d3c41ff91a87_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_78cb7845_3831_4593_a974_d3c41ff91a87_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_78cb7845_3831_4593_a974_d3c41ff91a87_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_78cb7845_3831_4593_a974_d3c41ff91a87_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_78cb7845_3831_4593_a974_d3c41ff91a87_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_78cb7845_3831_4593_a974_d3c41ff91a87\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Bremen","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Bremen is the largest city on the River Weser, the longest river flowing entirely in Germany, lying some 60 km (37 mi) upstream from its mouth into the North Sea at Bremerhaven, and is completely surrounded by the state of Lower Saxony. Bremen is the centre of the Northwest Metropolitan Region, which also includes the cities of Oldenburg and Bremerhaven, and has a population of around 2.8 million people. Bremen is contiguous with the Lower Saxon towns of Delmenhorst, Stuhr, Achim, Weyhe, Schwanewede and Lilienthal. There is an exclave of Bremen in Bremerhaven, the \"Citybremian Overseas Port Area Bremerhaven\" (Stadtbremisches Überseehafengebiet Bremerhaven). Bremen is the fourth-largest city in the Low German dialect area after Hamburg, Dortmund and Essen."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"eb8baf7c5605c4d5aec0c5c3a3da4f1c"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-1fbbf8681bd9bd534fcf","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-1fbbf8681bd9bd534fcf"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_f471c1bf_2f76_484d_9f6b_adce44bfaf1b' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_f471c1bf_2f76_484d_9f6b_adce44bfaf1b_defs'>\\n  <clipPath id='svg_f471c1bf_2f76_484d_9f6b_adce44bfaf1b_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_f471c1bf_2f76_484d_9f6b_adce44bfaf1b_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_f471c1bf_2f76_484d_9f6b_adce44bfaf1b_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_f471c1bf_2f76_484d_9f6b_adce44bfaf1b_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_f471c1bf_2f76_484d_9f6b_adce44bfaf1b_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_f471c1bf_2f76_484d_9f6b_adce44bfaf1b\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Hamburg","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Hamburg (German: [ˈhambʊʁk] ,locally also [ˈhambʊɪ̯ç] ; Low Saxon: Hamborg [ˈhambɔːç] ), officially the Free and Hanseatic City of Hamburg, is the second-largest city in Germany after Berlin and 6th-largest in the European Union with a population of over 1.9 million. The Hamburg Metropolitan Region has a population of over 5.1 million and is the eighth-largest metropolitan region by GDP in the European Union."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"f2937db05967fe0f91d626dbf0ff9313"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-46f563303c75c10824b7","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-46f563303c75c10824b7"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_a2e668af_c6db_4b16_a3bb_02630f64555f' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_a2e668af_c6db_4b16_a3bb_02630f64555f_defs'>\\n  <clipPath id='svg_a2e668af_c6db_4b16_a3bb_02630f64555f_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_a2e668af_c6db_4b16_a3bb_02630f64555f_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_a2e668af_c6db_4b16_a3bb_02630f64555f_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_a2e668af_c6db_4b16_a3bb_02630f64555f_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_a2e668af_c6db_4b16_a3bb_02630f64555f_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_a2e668af_c6db_4b16_a3bb_02630f64555f\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Hesse","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Hesse or Hessia (German: Hessen [ˈhɛsn̩] ), officially the State of Hesse (German: Land Hessen), is a state in Germany. Its capital city is Wiesbaden, and the largest urban area is Frankfurt, which is also the country's principal financial centre. Two other major historic cities are Darmstadt and Kassel. With an area of 21,114.73 square kilometers and a population of over six million, it ranks seventh and fifth, respectively, among the sixteen German states. Frankfurt Rhine-Main, Germany's second-largest metropolitan area (after Rhine-Ruhr), is mainly located in Hesse."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"44b86cf57ca45511580dad53e1eb526b"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-be39e1a4ac26b21885fd","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-be39e1a4ac26b21885fd"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_7e764391_cd98_4dca_9257_f25d3c3f8f60' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_7e764391_cd98_4dca_9257_f25d3c3f8f60_defs'>\\n  <clipPath id='svg_7e764391_cd98_4dca_9257_f25d3c3f8f60_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_7e764391_cd98_4dca_9257_f25d3c3f8f60_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_7e764391_cd98_4dca_9257_f25d3c3f8f60_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_7e764391_cd98_4dca_9257_f25d3c3f8f60_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_7e764391_cd98_4dca_9257_f25d3c3f8f60_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_7e764391_cd98_4dca_9257_f25d3c3f8f60\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Mecklenburg-Vorpommern","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Mecklenburg-Vorpommern (MV; German: [ˌmeːklənbʊʁkˈfoːɐ̯pɔmɐn] or [ˌmɛk-] ;Low German: Mäkelborg-Vörpommern), also known by its anglicized name Mecklenburg–Western Pomerania, is a state in the north-east of Germany. Of the country's sixteen states, Mecklenburg-Vorpommern ranks 14th in population; it covers an area of 23,300 km² (9,000 sq mi), making it the sixth largest German state in area; and it is 16th in population density. Schwerin is the state capital and Rostock is the largest city. Other major cities include Neubrandenburg, Stralsund, Greifswald, Wismar, and Güstrow. It was named after the two regions of Mecklenburg and Fore Pomerania."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"56db5417ce8f57a2502d891895ff04ce"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-0d94431ea3a3c00555ea","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-0d94431ea3a3c00555ea"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_74f237ed_3c03_4edd_8bc3_8c6c6f3a4310' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_74f237ed_3c03_4edd_8bc3_8c6c6f3a4310_defs'>\\n  <clipPath id='svg_74f237ed_3c03_4edd_8bc3_8c6c6f3a4310_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_74f237ed_3c03_4edd_8bc3_8c6c6f3a4310_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_74f237ed_3c03_4edd_8bc3_8c6c6f3a4310_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_74f237ed_3c03_4edd_8bc3_8c6c6f3a4310_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_74f237ed_3c03_4edd_8bc3_8c6c6f3a4310_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_74f237ed_3c03_4edd_8bc3_8c6c6f3a4310\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Lower_Saxony","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Lower Saxony is a German state (Land) in northwestern Germany. It is the second-largest state by land area, with 47,614 km² (18,384 sq mi), and fourth-largest in population (8 million in 2021) among the 16 Länder of the Federal Republic of Germany. In rural areas, Northern Low Saxon and Saterland Frisian are still spoken, though by declining numbers of people."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"e12d627ef6644806c4b75f37b19cb87a"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-8f96d23b446548ba29b4","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-8f96d23b446548ba29b4"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_0e28987f_4563_4e18_a2dd_62e3471b232b' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_0e28987f_4563_4e18_a2dd_62e3471b232b_defs'>\\n  <clipPath id='svg_0e28987f_4563_4e18_a2dd_62e3471b232b_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_0e28987f_4563_4e18_a2dd_62e3471b232b_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_0e28987f_4563_4e18_a2dd_62e3471b232b_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_0e28987f_4563_4e18_a2dd_62e3471b232b_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_0e28987f_4563_4e18_a2dd_62e3471b232b_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_0e28987f_4563_4e18_a2dd_62e3471b232b\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/North_Rhine-Westphalia","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"North Rhine-Westphalia or North-Rhine/Westphalia, commonly shortened to NRW, is a state (Land) in Western Germany. With more than 18 million inhabitants, it is the most populous state in Germany. Apart from the city-states (Berlin, Hamburg and Bremen), it is also the most densely populated state in Germany. Covering an area of 34,084 km² (13,160 sq mi), it is the fourth-largest German state by size."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"8e9182929b55a3e1d8963be563de9bc2"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-411b7c8e00f0741f375e","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-411b7c8e00f0741f375e"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_54d656ff_22e1_458f_87c9_ad8803e117b4' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_54d656ff_22e1_458f_87c9_ad8803e117b4_defs'>\\n  <clipPath id='svg_54d656ff_22e1_458f_87c9_ad8803e117b4_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_54d656ff_22e1_458f_87c9_ad8803e117b4_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_54d656ff_22e1_458f_87c9_ad8803e117b4_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_54d656ff_22e1_458f_87c9_ad8803e117b4_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_54d656ff_22e1_458f_87c9_ad8803e117b4_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_54d656ff_22e1_458f_87c9_ad8803e117b4\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Rhineland-Palatinate","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Rhineland-Palatinate (/ˌraɪnlænd pəˈlætɪnɪt, -lənd-/ RYNE-land pə-LAT-in-it, -⁠lənd-, US also /-ɪneɪt/ -⁠in-ayt; German: Rheinland-Pfalz [ˈʁaɪnlant ˈpfalts] ; Luxembourgish: Rheinland-Pfalz [ˈʀɑɪnlɑm ˈpfɑlts]; Palatine German: Rhoilond-Palz) is a western state of Germany. It covers 19,846 km² (7,663 sq mi) and has about 4.05 million residents. It is the ninth largest and sixth most populous of the sixteen states. Mainz is the capital and largest city. Other cities are Ludwigshafen am Rhein, Koblenz, Trier, Kaiserslautern, Worms, and Neuwied. It is bordered by North Rhine-Westphalia, Saarland, Baden-Württemberg and Hesse and by France, Luxembourg and Belgium."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"3b2b098cff094158d3a2641b1ecf8e26"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-523b04ce873bf58d5409","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-523b04ce873bf58d5409"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_f5456554_c0b3_4af4_992d_b46c4ab3c59d' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_f5456554_c0b3_4af4_992d_b46c4ab3c59d_defs'>\\n  <clipPath id='svg_f5456554_c0b3_4af4_992d_b46c4ab3c59d_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_f5456554_c0b3_4af4_992d_b46c4ab3c59d_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_f5456554_c0b3_4af4_992d_b46c4ab3c59d_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_f5456554_c0b3_4af4_992d_b46c4ab3c59d_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_f5456554_c0b3_4af4_992d_b46c4ab3c59d_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_f5456554_c0b3_4af4_992d_b46c4ab3c59d\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Saarland","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Saarland (German: [ˈzaːʁ̞lant] , Luxembourgish: [ˈzaːlɑnt]; French: Sarre [saʁ]) is a state of Germany in the southwest of the country. With an area of 2,570 km² (990 sq mi) and population of 990,509 in 2018, it is the smallest German state in area apart from the city-states of Berlin, Bremen, and Hamburg, and the smallest in population apart from Bremen.Saarbrücken is the state capital and largest city; other cities include Neunkirchen and Saarlouis. Saarland is mainly surrounded by the department of Moselle (Grand Est) in France to the west and south and the neighboring state of Rhineland-Palatinate in Germany to the north and east; it also shares a small border about 8 kilometres (5 miles) long with the canton of Remich in Luxembourg to the northwest."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"464e8d6e5e7601de4e3ff70c6e8d02db"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-b6f902552620d5f54472","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-b6f902552620d5f54472"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_5d83651c_b3e4_4348_af4a_eb4f7da04777' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_5d83651c_b3e4_4348_af4a_eb4f7da04777_defs'>\\n  <clipPath id='svg_5d83651c_b3e4_4348_af4a_eb4f7da04777_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_5d83651c_b3e4_4348_af4a_eb4f7da04777_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_5d83651c_b3e4_4348_af4a_eb4f7da04777_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_5d83651c_b3e4_4348_af4a_eb4f7da04777_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_5d83651c_b3e4_4348_af4a_eb4f7da04777_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_5d83651c_b3e4_4348_af4a_eb4f7da04777\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Saxony","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Saxony, officially the Free State of Saxony, is a landlocked state of Germany, bordering the states of Brandenburg, Saxony-Anhalt, Thuringia, and Bavaria, as well as the countries of Poland and the Czech Republic. Its capital is Dresden, and its largest city is Leipzig. Saxony is the tenth largest of Germany's sixteen states, with an area of 18,413 square kilometres (7,109 sq mi), and the sixth most populous, with more than 4 million inhabitants. "]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"1892df6be3ecceeb99a3474c7679cc73"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-8524beca0b8062405425","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-8524beca0b8062405425"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_a5b4d801_2b46_4879_95cc_f7f7c4e78073' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_a5b4d801_2b46_4879_95cc_f7f7c4e78073_defs'>\\n  <clipPath id='svg_a5b4d801_2b46_4879_95cc_f7f7c4e78073_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_a5b4d801_2b46_4879_95cc_f7f7c4e78073_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_a5b4d801_2b46_4879_95cc_f7f7c4e78073_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_a5b4d801_2b46_4879_95cc_f7f7c4e78073_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_a5b4d801_2b46_4879_95cc_f7f7c4e78073_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_a5b4d801_2b46_4879_95cc_f7f7c4e78073\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Saxony-Anhalt","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Saxony-Anhalt (German: Sachsen-Anhalt [ˌzaksn̩ ˈʔanhalt] ; Low German: Sassen-Anholt) is a state of Germany, bordering the states of Brandenburg, Saxony, Thuringia and Lower Saxony. It covers an area of 20,451.7 square kilometres (7,896.4 sq mi)and has a population of 2.17 million inhabitants, making it the 8th-largest state in Germany by area and the 11th-largest by population. Its capital is Magdeburg, its most populous city, however, is Halle (Saale)."]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"56e3cbc8da3eef8c8e465877ea0111e5"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-7b27bd45d64bd00350fa","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-7b27bd45d64bd00350fa"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_88a91a05_5ab0_4a28_83f3_2e0628e4bdb2' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_88a91a05_5ab0_4a28_83f3_2e0628e4bdb2_defs'>\\n  <clipPath id='svg_88a91a05_5ab0_4a28_83f3_2e0628e4bdb2_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_88a91a05_5ab0_4a28_83f3_2e0628e4bdb2_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_88a91a05_5ab0_4a28_83f3_2e0628e4bdb2_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_88a91a05_5ab0_4a28_83f3_2e0628e4bdb2_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_88a91a05_5ab0_4a28_83f3_2e0628e4bdb2_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_88a91a05_5ab0_4a28_83f3_2e0628e4bdb2\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Schleswig-Holstein","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Schleswig-Holstein (German: [ˌʃleːsvɪç ˈhɔlʃtaɪn] ; Danish: Slesvig-Holsten [ˌsle̝ːsvi ˈhʌlˌste̝ˀn]; Low German: Sleswig-Holsteen; North Frisian: Slaswik-Holstiinj; occasionally in English Sleswick-Holsatia) is the northernmost of the 16 states of Germany, comprising most of the historical Duchy of Holstein and the southern part of the former Duchy of Schleswig. Its capital city is Kiel; other notable cities are Lübeck and Flensburg. It covers an area of 15,763 km² (6,086 sq mi), making it the 5th smallest German federal state by area (including the city-states). Historically, the name can also refer to a larger region, containing both present-day Schleswig-Holstein and the former South Jutland County (Northern Schleswig; now part of the Region of Southern Denmark) in Denmark. "]}]}]},{"name":"div","attribs":{"style":{"display":"grid","grid-template-columns":"1fr 2fr","row-gap":"10px","padding":"10px 50px 10px 50px"}},"children":[{"name":"div","attribs":{},"children":[{"name":"WidgetContainer","attribs":{"key":"95d6ca35256919271209dee127181b67"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-beaf4a0a9c7433d0f4dc","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-beaf4a0a9c7433d0f4dc"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_43f3f848_a04e_4f7c_9527_2b336494a59b' viewBox='0 0 595.28 850.39'>\\n <defs id='svg_43f3f848_a04e_4f7c_9527_2b336494a59b_defs'>\\n  <clipPath id='svg_43f3f848_a04e_4f7c_9527_2b336494a59b_c1'>\\n   <rect x='0' y='0' width='595.28' height='850.39'/>\\n  <\\/clipPath>\\n  <clipPath id='svg_43f3f848_a04e_4f7c_9527_2b336494a59b_c2'>\\n   <rect x='0' y='25.22' width='595.28' height='799.95'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_43f3f848_a04e_4f7c_9527_2b336494a59b_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_43f3f848_a04e_4f7c_9527_2b336494a59b_c1)'>\\n   <rect x='0' y='0' width='595.28' height='850.39' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n  <\\/g>\\n  <g clip-path='url(#svg_43f3f848_a04e_4f7c_9527_2b336494a59b_c2)'>\\n   <path d='M 259.604169 560.579187 L 268.108495 579.157241 L 276.891751 574.894145 L 279.022795 581.517805 L 278.644872 589.826788 L 279.965483 604.605585 L 287.651990 620.435464 L 297.168412 628.116102 L 298.149856 650.034382 L 302.138201 654.511552 L 296.412550 657.811559 L 288.989128 655.532449 L 289.170750 671.571055 L 286.202303 672.107383 L 280.149026 677.358140 L 273.809195 677.146512 L 271.610856 687.222909 L 277.769315 704.729962 L 280.368273 709.952977 L 278.351412 722.572980 L 278.731483 726.073004 L 280.129777 737.083558 L 275.980635 751.460751 L 252.153647 756.773154 L 243.617945 763.176220 L 239.598620 762.251110 L 231.293623 754.981002 L 219.720239 752.249483 L 200.117886 750.917452 L 198.103636 747.577989 L 195.157903 750.060058 L 187.207246 749.052033 L 186.757023 748.947012 L 188.523277 743.682330 L 183.805403 738.054937 L 177.179469 740.267919 L 171.519778 750.498162 L 176.200541 752.328196 L 183.158752 750.628758 L 171.462645 759.780683 L 137.590386 757.167090 L 125.973206 761.242617 L 120.956963 759.041829 L 118.171640 756.244625 L 114.002669 748.818346 L 115.896144 741.703116 L 120.150463 720.746294 L 118.999810 706.778809 L 119.056670 706.240565 L 125.926414 693.669155 L 135.791301 660.913164 L 144.632109 650.789747 L 162.186408 627.894685 L 163.993609 626.587061 L 165.008603 625.761487 L 169.076226 617.361447 L 173.935415 601.493917 L 177.322207 598.443638 L 178.584886 597.805892 L 178.239361 590.612378 L 179.433077 586.400170 L 177.970793 583.341266 L 175.131147 574.024421 L 175.173023 570.977042 L 175.175336 570.111423 L 184.790877 576.296637 L 189.911464 569.532395 L 198.190496 580.060103 L 206.210769 581.285953 L 215.490847 576.203760 L 216.832883 571.371017 L 220.638431 571.532942 L 235.751669 563.460682 L 233.233171 554.099929 L 239.532193 552.547603 L 250.345586 551.506011 L 250.116070 558.292538 L 259.604169 560.579187 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 267.471825 209.701290 L 258.776239 201.742784 L 256.617525 196.807895 L 268.703085 187.852219 L 275.831600 182.509004 L 281.185033 185.125352 L 281.787170 198.954178 L 285.060016 202.582557 L 289.090492 208.517182 L 267.471825 209.701290 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 185.837281 163.083298 L 181.414952 160.742588 L 186.576495 152.701486 L 190.002631 154.455930 L 185.837281 163.083298 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 248.888664 388.545944 L 247.422282 403.196928 L 255.953591 409.922806 L 259.901628 400.942068 L 267.536889 402.408493 L 270.944499 410.161597 L 284.008972 419.784498 L 284.203277 424.169678 L 281.403956 436.765355 L 273.042544 438.421219 L 273.950819 450.296622 L 267.351888 459.661608 L 265.833632 470.243413 L 276.406144 471.881759 L 274.243399 483.292571 L 267.889470 492.412843 L 255.668946 498.360635 L 248.994739 510.300360 L 242.700880 511.302350 L 242.190292 520.305186 L 235.708292 523.517784 L 227.636927 518.330501 L 221.197981 521.651487 L 210.572770 525.184174 L 212.025590 532.339576 L 213.938776 544.137342 L 213.062511 545.991307 L 218.490668 555.893368 L 216.832883 571.371017 L 215.490847 576.203760 L 206.210769 581.285953 L 198.190496 580.060103 L 189.911464 569.532395 L 184.790877 576.296637 L 175.175336 570.111423 L 174.729432 569.003232 L 172.784938 560.307140 L 176.929817 556.267090 L 177.056722 556.000257 L 174.250226 549.346724 L 171.062351 536.389692 L 167.852012 531.171058 L 161.984035 527.247554 L 161.077951 527.323112 L 144.765167 532.129571 L 136.846693 523.613010 L 158.429872 504.370247 L 152.748143 492.930742 L 148.616503 492.817313 L 152.448640 480.661917 L 160.978443 474.088583 L 159.638315 465.911052 L 162.823248 453.628584 L 173.748324 449.652490 L 181.250394 439.730787 L 185.730085 427.309840 L 194.775643 423.184515 L 196.374784 417.100262 L 193.322081 407.588491 L 206.196649 400.286703 L 211.259981 389.600783 L 222.634690 394.827116 L 238.975961 376.373870 L 253.295927 382.900308 L 248.888664 388.545944 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 453.406822 89.617926 L 461.391024 104.002888 L 466.227761 96.734933 L 471.085459 97.291077 L 467.383585 107.177239 L 473.293680 116.925887 L 458.359769 124.223059 L 455.149631 132.716924 L 464.184988 139.974705 L 482.783882 134.561290 L 491.480256 149.877807 L 499.237785 149.025940 L 506.674110 155.019022 L 506.285602 160.910689 L 498.042121 160.791952 L 489.485197 164.122675 L 493.371411 170.091595 L 510.344960 176.511489 L 520.467459 210.745995 L 507.459053 217.309841 L 508.312761 202.511284 L 495.229022 203.097581 L 487.594723 195.919953 L 480.207610 198.900046 L 465.579156 219.405431 L 454.947348 223.380146 L 440.712460 230.348991 L 436.952430 227.792102 L 434.684311 228.928997 L 432.645044 227.505330 L 428.884213 228.576180 L 426.846913 227.458327 L 403.301558 217.292372 L 402.916524 216.994550 L 388.497647 215.716554 L 372.337158 226.672224 L 364.974031 225.567725 L 359.967247 229.440344 L 357.468704 235.700859 L 343.499798 237.248871 L 338.126794 234.072697 L 336.115230 229.883427 L 326.070543 217.504637 L 305.299755 214.942695 L 325.057981 188.003238 L 315.462465 179.213783 L 314.314772 172.722759 L 321.987862 158.909782 L 335.826014 153.656036 L 345.529549 159.399357 L 358.414654 151.574314 L 363.310841 141.745828 L 370.176694 139.821456 L 382.250225 137.145214 L 393.243338 130.253919 L 397.811661 127.260099 L 407.076725 123.008855 L 411.102268 110.818972 L 424.063964 117.537182 L 434.619654 111.499454 L 446.818230 114.835550 L 447.602508 99.767883 L 453.406822 89.617926 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 231.252636 167.419648 L 243.016675 182.594640 L 256.617525 196.807895 L 258.776239 201.742784 L 267.471825 209.701290 L 289.090492 208.517182 L 298.192372 212.930007 L 305.299755 214.942695 L 326.070543 217.504637 L 336.115230 229.883427 L 338.126794 234.072697 L 343.499798 237.248871 L 362.496544 244.982880 L 357.416665 254.033493 L 319.756965 263.010952 L 315.122640 268.373202 L 329.760962 296.372720 L 325.523215 298.780155 L 332.364468 308.269376 L 331.821766 327.760692 L 327.761246 337.862412 L 318.310204 338.791421 L 304.388522 343.059962 L 312.863633 377.075037 L 311.455322 377.447368 L 300.434403 383.525911 L 294.064912 383.484401 L 287.390159 392.086408 L 267.536889 402.408493 L 259.901628 400.942068 L 255.953591 409.922806 L 247.422282 403.196928 L 248.888664 388.545944 L 253.295927 382.900308 L 238.975961 376.373870 L 237.617838 376.657554 L 238.358687 360.174963 L 232.292963 357.038170 L 231.510575 350.657378 L 223.320704 334.888800 L 213.053662 324.829006 L 213.841297 314.401397 L 221.370713 304.456035 L 218.378868 297.280530 L 209.832964 304.659583 L 199.170718 305.192291 L 197.198767 295.762586 L 173.777110 299.420070 L 183.122216 317.426143 L 179.595321 331.719713 L 161.240713 336.742195 L 149.048686 333.940880 L 155.282984 329.913123 L 151.680008 322.136177 L 153.686225 316.243456 L 154.295982 311.325175 L 134.188313 296.654986 L 129.976984 306.483334 L 116.810005 314.312867 L 104.065766 317.332543 L 102.126031 317.413706 L 99.676902 298.664547 L 81.928573 293.452202 L 83.216404 280.161347 L 100.237806 279.865586 L 105.944610 261.291210 L 112.421339 248.021097 L 113.226513 235.639464 L 114.379051 227.370896 L 114.048876 223.433913 L 117.471460 215.789081 L 105.141106 214.203459 L 102.678818 211.963878 L 109.951358 191.150680 L 119.214316 180.429741 L 134.712235 183.453900 L 149.330369 180.846650 L 159.757622 181.586530 L 164.881540 187.842209 L 168.181181 197.554441 L 162.867130 200.243950 L 170.175291 209.554284 L 175.957027 205.448952 L 173.259938 196.885296 L 175.836824 191.745244 L 190.622141 199.084698 L 187.023308 203.978545 L 195.684473 199.079124 L 193.792633 193.445677 L 188.843849 191.408993 L 190.119686 174.073866 L 198.682356 164.676458 L 204.820770 169.848621 L 217.051026 170.344524 L 231.252636 167.419648 Z M 214.191451 237.085837 L 191.716786 229.607560 L 186.124128 227.075292 L 195.501493 238.403222 L 198.597434 244.511943 L 210.154415 247.867396 L 214.191451 237.085837 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 84.294036 192.405732 L 83.379847 189.214981 L 89.890013 185.450193 L 91.662934 194.158287 L 84.294036 192.405732 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 94.841454 186.783386 L 93.305497 181.437787 L 95.610179 179.681945 L 100.106403 181.241899 L 98.225866 190.242177 L 94.841454 186.783386 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 197.198767 295.762586 L 199.170718 305.192291 L 209.832964 304.659583 L 218.378868 297.280530 L 221.370713 304.456035 L 213.841297 314.401397 L 213.053662 324.829006 L 223.320704 334.888800 L 231.510575 350.657378 L 232.292963 357.038170 L 238.358687 360.174963 L 237.617838 376.657554 L 238.975961 376.373870 L 222.634690 394.827116 L 211.259981 389.600783 L 206.196649 400.286703 L 193.322081 407.588491 L 196.374784 417.100262 L 194.775643 423.184515 L 185.730085 427.309840 L 181.250394 439.730787 L 173.748324 449.652490 L 162.823248 453.628584 L 159.638315 465.911052 L 154.518629 464.687755 L 143.894041 442.864726 L 140.031267 441.422668 L 132.245738 452.445396 L 118.759249 462.258620 L 104.800269 470.045279 L 87.517697 475.460041 L 85.010348 482.242468 L 77.911087 484.371746 L 77.447015 490.254857 L 79.093411 493.654286 L 67.194838 491.336387 L 56.328400 496.256655 L 55.109502 496.169032 L 50.537121 479.558741 L 43.254556 476.921285 L 43.300127 472.675826 L 44.782867 466.389436 L 34.175885 454.437766 L 38.903753 439.709110 L 27.057993 427.833984 L 45.456739 414.456416 L 39.712411 408.672869 L 49.262729 397.630902 L 48.295985 383.069438 L 35.293782 360.759453 L 38.779305 353.052617 L 48.575419 347.045607 L 62.202538 354.599514 L 84.268497 345.407951 L 81.976132 334.542339 L 83.978039 328.224119 L 102.126031 317.413706 L 104.065766 317.332543 L 116.810005 314.312867 L 129.976984 306.483334 L 134.188313 296.654986 L 154.295982 311.325175 L 153.686225 316.243456 L 151.680008 322.136177 L 155.282984 329.913123 L 149.048686 333.940880 L 161.240713 336.742195 L 179.595321 331.719713 L 183.122216 317.426143 L 173.777110 299.420070 L 197.198767 295.762586 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 152.448640 480.661917 L 148.616503 492.817313 L 152.748143 492.930742 L 158.429872 504.370247 L 136.846693 523.613010 L 144.765167 532.129571 L 161.077951 527.323112 L 161.984035 527.247554 L 167.852012 531.171058 L 171.062351 536.389692 L 174.250226 549.346724 L 177.056722 556.000257 L 176.929817 556.267090 L 172.784938 560.307140 L 174.729432 569.003232 L 175.175336 570.111423 L 175.173023 570.977042 L 175.131147 574.024421 L 177.970793 583.341266 L 179.433077 586.400170 L 178.239361 590.612378 L 178.584886 597.805892 L 177.322207 598.443638 L 173.935415 601.493917 L 169.076226 617.361447 L 165.008603 625.761487 L 163.993609 626.587061 L 162.186408 627.894685 L 152.086444 624.557904 L 142.435610 619.977285 L 125.445928 618.635809 L 116.255219 608.691284 L 109.292007 607.961615 L 106.398458 605.215754 L 105.898539 600.462403 L 111.387627 593.445444 L 112.021936 588.629106 L 111.656493 588.208517 L 105.432130 584.575610 L 103.055669 582.297689 L 104.932707 571.329720 L 90.050998 562.195894 L 81.607314 564.297944 L 64.016211 571.537522 L 49.098525 569.771943 L 57.081852 553.094237 L 57.076542 543.598165 L 50.522399 540.595018 L 39.733845 529.450062 L 38.064824 513.535119 L 41.412321 504.915907 L 52.662226 496.925750 L 55.109502 496.169032 L 56.328400 496.256655 L 67.194838 491.336387 L 79.093411 493.654286 L 77.447015 490.254857 L 77.911087 484.371746 L 85.010348 482.242468 L 87.517697 475.460041 L 104.800269 470.045279 L 118.759249 462.258620 L 132.245738 452.445396 L 140.031267 441.422668 L 143.894041 442.864726 L 154.518629 464.687755 L 159.638315 465.911052 L 160.978443 474.088583 L 152.448640 480.661917 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 104.932707 571.329720 L 103.055669 582.297689 L 105.432130 584.575610 L 111.656493 588.208517 L 112.021936 588.629106 L 111.387627 593.445444 L 105.898539 600.462403 L 106.398458 605.215754 L 109.292007 607.961615 L 101.595901 611.787077 L 92.752902 607.854300 L 82.139672 601.976418 L 73.237595 606.587252 L 69.711193 600.966767 L 60.321125 581.652653 L 48.732419 577.289374 L 49.098525 569.771943 L 64.016211 571.537522 L 81.607314 564.297944 L 90.050998 562.195894 L 104.932707 571.329720 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 458.184008 380.612974 L 460.800340 395.482945 L 471.536474 391.477830 L 489.251146 397.035003 L 497.716837 396.336395 L 508.955494 391.337751 L 516.138423 379.828663 L 532.805777 378.747336 L 549.094160 373.972979 L 551.675403 379.724091 L 561.723888 384.149393 L 564.788856 393.497293 L 568.217847 401.590193 L 567.602980 414.686453 L 558.969751 440.477800 L 555.950830 445.462519 L 546.883389 442.462295 L 543.967800 430.962614 L 538.227810 425.471660 L 527.895302 425.040937 L 526.064464 430.356236 L 531.431709 439.106107 L 500.546410 456.930581 L 489.962774 457.706892 L 481.421634 467.245154 L 455.284994 480.892767 L 449.154741 490.286419 L 440.983699 486.318733 L 427.232481 490.853431 L 412.094158 510.148433 L 398.424916 500.164640 L 387.220047 490.420330 L 385.576147 479.304317 L 388.299857 474.702169 L 399.728728 475.347391 L 410.505310 466.023023 L 406.227602 460.911489 L 406.025196 452.802919 L 429.638635 442.082564 L 427.335026 436.782573 L 416.572996 427.905016 L 407.176534 426.985257 L 399.987677 409.904568 L 401.163791 404.497149 L 400.919471 385.769981 L 422.992188 376.117515 L 450.481739 373.018933 L 458.184008 380.612974 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 407.176534 426.985257 L 404.081147 441.120098 L 400.431435 439.753523 L 391.931312 439.005263 L 372.408475 428.349566 L 359.782923 426.933613 L 353.650544 413.823130 L 358.793409 409.090268 L 353.904183 403.115808 L 329.351780 397.166190 L 325.474747 379.366876 L 312.863633 377.075037 L 304.388522 343.059962 L 318.310204 338.791421 L 327.761246 337.862412 L 331.821766 327.760692 L 332.364468 308.269376 L 325.523215 298.780155 L 329.760962 296.372720 L 315.122640 268.373202 L 319.756965 263.010952 L 357.416665 254.033493 L 362.496544 244.982880 L 380.835322 257.782624 L 392.935522 257.936165 L 400.195033 266.986450 L 396.570636 294.008928 L 405.094678 298.669911 L 401.248532 325.040325 L 403.802283 331.707276 L 409.745940 337.068852 L 432.830461 342.460420 L 455.466807 352.823274 L 456.077478 366.945325 L 450.481739 373.018933 L 422.992188 376.117515 L 400.919471 385.769981 L 401.163791 404.497149 L 399.987677 409.904568 L 407.176534 426.985257 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 240.204931 76.649888 L 240.349640 77.473847 L 244.105895 77.557425 L 267.726810 81.922080 L 273.465585 95.182919 L 270.140006 107.413744 L 281.021618 114.365872 L 281.363485 122.518541 L 290.527687 114.793458 L 311.103957 126.220039 L 323.357802 119.723829 L 330.890655 125.002464 L 330.722085 136.612572 L 315.090241 148.713203 L 318.459949 155.647835 L 321.987862 158.909782 L 314.314772 172.722759 L 315.462465 179.213783 L 325.057981 188.003238 L 305.299755 214.942695 L 298.192372 212.930007 L 289.090492 208.517182 L 285.060016 202.582557 L 281.787170 198.954178 L 281.185033 185.125352 L 275.831600 182.509004 L 268.703085 187.852219 L 256.617525 196.807895 L 243.016675 182.594640 L 231.252636 167.419648 L 227.200888 166.204670 L 217.649630 166.085170 L 206.979838 152.378576 L 213.875053 148.022368 L 206.987091 139.087373 L 208.027967 129.555334 L 199.771431 123.796521 L 210.117034 113.321558 L 209.051055 101.566006 L 198.510576 77.989507 L 197.675374 68.565609 L 218.939161 71.834000 L 223.544599 72.557100 L 233.322573 78.607973 L 240.204931 76.649888 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 155.190359 131.207776 L 157.987070 134.170785 L 156.423294 142.243982 L 150.291127 133.413196 L 155.190359 131.207776 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 328.046369 106.934738 L 329.912040 104.806220 L 338.166487 106.778117 L 341.708575 115.469947 L 333.780903 115.972278 L 328.224951 112.338772 L 328.046369 106.934738 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 192.584938 103.691242 L 200.766180 102.097096 L 199.473346 109.609906 L 192.476511 107.079405 L 192.584938 103.691242 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 182.220084 84.632780 L 183.394545 93.187747 L 180.586187 96.911901 L 176.901056 91.130574 L 182.220084 84.632780 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 186.206856 83.436403 L 195.245955 84.360334 L 193.878658 90.587115 L 189.009204 90.530522 L 183.639099 86.815131 L 186.206856 83.436403 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 183.647665 63.812399 L 183.434643 72.464652 L 177.797218 72.483420 L 181.249046 61.583554 L 183.647665 63.812399 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 325.474747 379.366876 L 329.351780 397.166190 L 353.904183 403.115808 L 358.793409 409.090268 L 353.650544 413.823130 L 359.782923 426.933613 L 372.408475 428.349566 L 391.931312 439.005263 L 400.431435 439.753523 L 404.081147 441.120098 L 407.176534 426.985257 L 416.572996 427.905016 L 427.335026 436.782573 L 429.638635 442.082564 L 406.025196 452.802919 L 406.227602 460.911489 L 410.505310 466.023023 L 399.728728 475.347391 L 388.299857 474.702169 L 385.576147 479.304317 L 387.220047 490.420330 L 368.344245 493.478928 L 360.878175 490.382326 L 354.239049 482.921883 L 347.832483 486.124904 L 347.906855 493.879046 L 343.581619 505.807643 L 328.703566 495.167831 L 316.489192 497.571213 L 321.867541 507.085819 L 315.812572 510.048941 L 308.620239 510.303934 L 307.311532 501.664509 L 299.101682 494.451426 L 284.784885 481.801130 L 274.243399 483.292571 L 276.406144 471.881759 L 265.833632 470.243413 L 267.351888 459.661608 L 273.950819 450.296622 L 273.042544 438.421219 L 281.403956 436.765355 L 284.203277 424.169678 L 284.008972 419.784498 L 270.944499 410.161597 L 267.536889 402.408493 L 287.390159 392.086408 L 294.064912 383.484401 L 300.434403 383.525911 L 311.455322 377.447368 L 312.863633 377.075037 L 325.474747 379.366876 Z ' fill='#104E8B' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 307.311532 501.664509 L 308.620239 510.303934 L 315.812572 510.048941 L 321.867541 507.085819 L 316.489192 497.571213 L 328.703566 495.167831 L 343.581619 505.807643 L 347.906855 493.879046 L 347.832483 486.124904 L 354.239049 482.921883 L 360.878175 490.382326 L 368.344245 493.478928 L 387.220047 490.420330 L 398.424916 500.164640 L 402.297365 509.301252 L 408.807787 524.337577 L 426.885651 538.165577 L 418.246254 552.279143 L 430.675529 572.222066 L 433.438282 574.265089 L 433.343180 578.344534 L 443.490067 589.113273 L 455.428259 591.952244 L 467.482466 605.508168 L 479.939544 614.987894 L 483.468078 623.030558 L 491.875789 623.786726 L 510.645277 641.335020 L 508.222945 646.927965 L 509.477238 656.509053 L 504.860944 666.003948 L 491.164809 659.330460 L 486.669414 663.507802 L 484.594236 680.252785 L 471.351154 688.171381 L 457.083998 697.023033 L 445.256878 706.320126 L 452.514410 716.983205 L 453.621229 720.144661 L 460.784904 729.274417 L 457.834928 741.497873 L 467.570066 747.388121 L 466.046297 761.274240 L 458.253588 763.332871 L 443.179928 746.936704 L 437.081588 748.558662 L 435.662846 751.902575 L 430.903621 752.206791 L 427.764224 748.876886 L 420.397928 746.312917 L 411.623163 745.747619 L 410.586025 749.415146 L 409.876119 753.789787 L 402.968721 754.204437 L 375.789667 757.357357 L 371.328104 764.148904 L 361.775108 766.783093 L 362.578845 771.516002 L 336.770217 776.501735 L 335.152715 776.545953 L 328.284029 763.396312 L 300.735797 761.863331 L 299.568973 776.719539 L 283.195596 788.808446 L 284.418509 779.638394 L 279.076033 779.020595 L 271.730876 768.797967 L 269.708562 762.850725 L 243.617945 763.176220 L 252.153647 756.773154 L 275.980635 751.460751 L 280.129777 737.083558 L 278.731483 726.073004 L 278.351412 722.572980 L 280.368273 709.952977 L 277.769315 704.729962 L 271.610856 687.222909 L 273.809195 677.146512 L 280.149026 677.358140 L 286.202303 672.107383 L 289.170750 671.571055 L 288.989128 655.532449 L 296.412550 657.811559 L 302.138201 654.511552 L 298.149856 650.034382 L 297.168412 628.116102 L 287.651990 620.435464 L 279.965483 604.605585 L 278.644872 589.826788 L 279.022795 581.517805 L 276.891751 574.894145 L 268.108495 579.157241 L 259.604169 560.579187 L 250.116070 558.292538 L 250.345586 551.506011 L 239.532193 552.547603 L 233.233171 554.099929 L 235.751669 563.460682 L 220.638431 571.532942 L 216.832883 571.371017 L 218.490668 555.893368 L 213.062511 545.991307 L 213.938776 544.137342 L 212.025590 532.339576 L 210.572770 525.184174 L 221.197981 521.651487 L 227.636927 518.330501 L 235.708292 523.517784 L 242.190292 520.305186 L 242.700880 511.302350 L 248.994739 510.300360 L 255.668946 498.360635 L 267.889470 492.412843 L 274.243399 483.292571 L 284.784885 481.801130 L 299.101682 494.451426 L 307.311532 501.664509 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 479.051436 287.155903 L 482.606156 293.588201 L 486.021065 296.960398 L 484.950829 302.553072 L 468.909782 303.492761 L 462.531187 301.624488 L 454.146316 302.460960 L 450.756806 299.392785 L 452.158321 292.382612 L 453.209919 283.204236 L 466.414968 277.958780 L 479.051436 287.155903 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 507.459053 217.309841 L 520.467459 210.745995 L 521.927476 217.185026 L 519.265021 222.921452 L 518.042812 236.018113 L 507.350301 246.283915 L 508.447616 252.429597 L 508.623334 257.772626 L 525.602685 271.774596 L 533.280694 276.529509 L 537.597561 285.922727 L 532.878068 298.222405 L 537.437861 309.544908 L 543.171817 313.275148 L 547.580621 327.968685 L 545.770707 334.586668 L 540.864645 351.404948 L 549.215356 366.112721 L 549.094160 373.972979 L 532.805777 378.747336 L 516.138423 379.828663 L 508.955494 391.337751 L 497.716837 396.336395 L 489.251146 397.035003 L 471.536474 391.477830 L 460.800340 395.482945 L 458.184008 380.612974 L 450.481739 373.018933 L 456.077478 366.945325 L 455.466807 352.823274 L 432.830461 342.460420 L 409.745940 337.068852 L 403.802283 331.707276 L 401.248532 325.040325 L 405.094678 298.669911 L 396.570636 294.008928 L 400.195033 266.986450 L 392.935522 257.936165 L 380.835322 257.782624 L 362.496544 244.982880 L 343.499798 237.248871 L 357.468704 235.700859 L 359.967247 229.440344 L 364.974031 225.567725 L 372.337158 226.672224 L 388.497647 215.716554 L 402.916524 216.994550 L 403.301558 217.292372 L 426.846913 227.458327 L 428.884213 228.576180 L 432.645044 227.505330 L 434.684311 228.928997 L 436.952430 227.792102 L 440.712460 230.348991 L 454.947348 223.380146 L 465.579156 219.405431 L 480.207610 198.900046 L 487.594723 195.919953 L 495.229022 203.097581 L 508.312761 202.511284 L 507.459053 217.309841 Z M 454.146316 302.460960 L 462.531187 301.624488 L 468.909782 303.492761 L 484.950829 302.553072 L 486.021065 296.960398 L 482.606156 293.588201 L 479.051436 287.155903 L 466.414968 277.958780 L 453.209919 283.204236 L 452.158321 292.382612 L 450.756806 299.392785 L 454.146316 302.460960 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 210.154415 247.867396 L 198.597434 244.511943 L 195.501493 238.403222 L 186.124128 227.075292 L 191.716786 229.607560 L 214.191451 237.085837 L 210.154415 247.867396 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <path d='M 187.023308 203.978545 L 190.622141 199.084698 L 188.843849 191.408993 L 193.792633 193.445677 L 195.684473 199.079124 L 187.023308 203.978545 Z ' fill='#7F7F7F' fill-opacity='1' fill-rule='evenodd' stroke='#FFFFFF' stroke-opacity='1' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='butt'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_43f3f848_a04e_4f7c_9527_2b336494a59b\",\"ratio\":0.70000169333672,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { padding:5px;background:black;color:white;border-radius:2px;text-align:left; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":0.9,\"offx\":10,\"offy\":10,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}]},{"name":"div","attribs":{"style":{"font-family":"Source Sans Pro","font-size":"1.25rem"}},"children":[{"name":"span","attribs":{},"children":[{"name":"a","attribs":{"href":"https://en.wikipedia.org/wiki/Thuringia","style":{"color":"#104E8B","text-decoration":"none","font-weight":"600"}},"children":["From Wikipedia: "]},"Thuringia, officially the Free State of Thuringia, is one of Germany's 16 states with 2.1 million people, its 12th-largest by population, and with 16,171 square kilometers, its 11th-largest in area."]}]}]}],"width":100},{"id":"state","name":"state","type":"character","header":"State","footer":"Deutschland","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":125},{"id":"capital","name":"capital","type":"character","header":"Capital","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":115},{"id":"most_populous_city","name":"most_populous_city","type":"character","header":"Most Populous City","footer":"Berlin","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"width":160},{"id":"federal_assembly_votes","name":"federal_assembly_votes","type":"numeric","header":"Bundesrat Votes","footer":"69","align":"center","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#5682B1FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"44.4444444444444px","width":"44.4444444444444px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["5"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#104E8BFF","color":"white","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"55.5555555555556px","width":"55.5555555555556px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["6"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#E4ECFFFF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"22.2222222222222px","width":"22.2222222222222px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["3"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]},{"name":"div","attribs":{"style":{"background":"#9DB7D8FF","color":"black","display":"inline-flex","justifyContent":"center","alignItems":"center","textAlign":"center","height":"33.3333333333333px","width":"33.3333333333333px","borderRadius":"50%","boxShadow":null,"fontWeight":"normal","fontSize":null,"transition":"background 1s ease"}},"children":["4"]}],"width":140},{"id":"area_km2","name":"area_km2","type":"numeric","header":"Area","footer":"357,588 km²","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["35,748 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.99697976442162%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["70,542 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"19.7271720527534%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["891 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.249169435215947%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["29,654 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"8.29278387417922%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["420 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.117453605825699%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["755 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.211136839043816%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["21,116 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.90511985860823%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["23,295 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"6.51448035168965%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["47,710 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"13.3421703189145%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["34,112 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.53947000458628%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["19,858 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.55331834401602%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2,571 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.718983858518742%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["18,450 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.15956911305748%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["20,459 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.72138886092374%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["15,804 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.41961139635558%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["16,202 km²"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.53091267044755%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"pop_million","name":"pop_million","type":"numeric","header":"in millions","footer":"84.36","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["11.28"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"13.3714245071658%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["13.37"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"15.8477459429344%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["3.76"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.4512144525184%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.57"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.05005986320369%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["0.68"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"0.812005832217072%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1.89"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.24279567088277%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["6.39"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.57595514408658%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1.63"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.92984743773634%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["8.14"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.64923718868171%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["18.14"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"21.5021515191029%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4.16"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.93012008203037%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["0.99"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.17711210422124%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4.09"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.84358515392549%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.19"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.59249161322443%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.95"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.50051565333871%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2.13"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.52136701478206%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"pop_per_km2","name":"pop_per_km2","type":"numeric","header":"per km²","footer":"236","align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["316"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.50593824228029%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["190"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.51306413301663%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["4,210"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"100%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["87"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.06650831353919%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["1,633"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"38.7885985748219%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["2,506"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"59.5249406175772%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["303"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"7.19714964370546%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["70"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"1.66270783847981%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["171"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.06175771971497%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["532"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"12.6365795724466%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["209"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.96437054631829%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["386"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"9.1686460807601%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["221"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"5.24940617577197%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["107"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"2.541567695962%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["187"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"4.44180522565321%","height":20,"transition":"width 1s ease"}},"children":[]}]}]},{"name":"div","attribs":{},"children":[{"name":"div","attribs":{"style":{"display":"flex","alignItems":"center","justifyContent":"flex-start","textAlign":"left","color":"black","fontWeight":"normal","fontSize":null}},"children":["132"]},{"name":"div","attribs":{"style":{"flexGrow":1,"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","background":"#EEEEEE"}},"children":[{"name":"div","attribs":{"style":{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","boxShadow":null,"border":"  ","background":"#104E8BFF","backgroundImage":null,"width":"3.1353919239905%","height":20,"transition":"width 1s ease"}},"children":[]}]}]}],"width":110},{"id":"gdp","name":"gdp","type":"list","header":{"name":"div","attribs":{},"children":["GDP ",{"name":"span","attribs":{"style":{"font-size":"0.75rem"}},"children":["(Index 2015 = 100)"]}]},"footer":{"name":"WidgetContainer","attribs":{"key":"d69cc73c5603f69b36d9cf463d587443"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-a02858c8c699488064b6","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-a02858c8c699488064b6"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_3be4f835_6ef5_4e1c_ae96_91af4934e0eb' viewBox='0 0 1152 648'>\\n <defs id='svg_3be4f835_6ef5_4e1c_ae96_91af4934e0eb_defs'>\\n  <clipPath id='svg_3be4f835_6ef5_4e1c_ae96_91af4934e0eb_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_3be4f835_6ef5_4e1c_ae96_91af4934e0eb_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_3be4f835_6ef5_4e1c_ae96_91af4934e0eb_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,393.32 501.19,375.08 650.81,355.01 800.42,426.16 950.03,376.91 1099.64,342.24 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,393.32 501.19,375.08 650.81,355.01 800.42,426.16 950.03,376.91 1099.64,342.24' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,393.32 501.19,375.08 650.81,355.01 800.42,426.16 950.03,376.91 1099.64,342.24' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_3be4f835_6ef5_4e1c_ae96_91af4934e0eb_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3be4f835_6ef5_4e1c_ae96_91af4934e0eb_e2' cx='351.58' cy='393.32' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3be4f835_6ef5_4e1c_ae96_91af4934e0eb_e3' cx='501.19' cy='375.08' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.95%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3be4f835_6ef5_4e1c_ae96_91af4934e0eb_e4' cx='650.81' cy='355.01' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.04%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3be4f835_6ef5_4e1c_ae96_91af4934e0eb_e5' cx='800.42' cy='426.16' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.64%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3be4f835_6ef5_4e1c_ae96_91af4934e0eb_e6' cx='950.03' cy='376.91' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.62%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_3be4f835_6ef5_4e1c_ae96_91af4934e0eb_e7' cx='1099.64' cy='342.24' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.79%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_3be4f835_6ef5_4e1c_ae96_91af4934e0eb\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},"align":"left","vAlign":"center","headerStyle":{"font-weight":"600","border-bottom":"2px solid black"},"footerStyle":{"font-weight":"600","border-top":"2px solid black"},"cell":[{"name":"WidgetContainer","attribs":{"key":"9854608611e2c912732fc5d4599ecefe"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-76d5f88c97d59f8d25fb","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-76d5f88c97d59f8d25fb"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_a3e0040d_747b_47bf_9466_785fa7ecd62c' viewBox='0 0 1152 648'>\\n <defs id='svg_a3e0040d_747b_47bf_9466_785fa7ecd62c_defs'>\\n  <clipPath id='svg_a3e0040d_747b_47bf_9466_785fa7ecd62c_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_a3e0040d_747b_47bf_9466_785fa7ecd62c_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_a3e0040d_747b_47bf_9466_785fa7ecd62c_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,398.80 501.19,356.84 650.81,364.14 800.42,457.18 950.03,396.97 1099.64,371.43' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_a3e0040d_747b_47bf_9466_785fa7ecd62c_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_a3e0040d_747b_47bf_9466_785fa7ecd62c_e2' cx='351.58' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104.7&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_a3e0040d_747b_47bf_9466_785fa7ecd62c_e3' cx='501.19' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.20%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_a3e0040d_747b_47bf_9466_785fa7ecd62c_e4' cx='650.81' cy='364.14' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.37%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_a3e0040d_747b_47bf_9466_785fa7ecd62c_e5' cx='800.42' cy='457.18' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.78%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_a3e0040d_747b_47bf_9466_785fa7ecd62c_e6' cx='950.03' cy='396.97' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.25%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_a3e0040d_747b_47bf_9466_785fa7ecd62c_e7' cx='1099.64' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.34%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_a3e0040d_747b_47bf_9466_785fa7ecd62c\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"d6be0210c1351c9b7fd9297f30096abf"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-8942f2cbb6734b0cbb36","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-8942f2cbb6734b0cbb36"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_5367359a_40c4_4dbd_a230_81d98305e729' viewBox='0 0 1152 648'>\\n <defs id='svg_5367359a_40c4_4dbd_a230_81d98305e729_defs'>\\n  <clipPath id='svg_5367359a_40c4_4dbd_a230_81d98305e729_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_5367359a_40c4_4dbd_a230_81d98305e729_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_5367359a_40c4_4dbd_a230_81d98305e729_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,369.61 501.19,362.31 650.81,327.65 800.42,400.62 950.03,347.72 1099.64,305.76 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,369.61 501.19,362.31 650.81,327.65 800.42,400.62 950.03,347.72 1099.64,305.76' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,369.61 501.19,362.31 650.81,327.65 800.42,400.62 950.03,347.72 1099.64,305.76' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_5367359a_40c4_4dbd_a230_81d98305e729_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5367359a_40c4_4dbd_a230_81d98305e729_e2' cx='351.58' cy='369.61' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;106.3&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5367359a_40c4_4dbd_a230_81d98305e729_e3' cx='501.19' cy='362.31' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.38%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5367359a_40c4_4dbd_a230_81d98305e729_e4' cx='650.81' cy='327.65' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.78%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5367359a_40c4_4dbd_a230_81d98305e729_e5' cx='800.42' cy='400.62' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.68%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5367359a_40c4_4dbd_a230_81d98305e729_e6' cx='950.03' cy='347.72' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.77%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_5367359a_40c4_4dbd_a230_81d98305e729_e7' cx='1099.64' cy='305.76' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    109.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.14%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_5367359a_40c4_4dbd_a230_81d98305e729\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"9e4de9fcf2e620753ba38f653490a283"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-4d84e6cba6bd6f408489","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-4d84e6cba6bd6f408489"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_ba4c728d_9d1a_4ed5_b360_70e8ef742ba1' viewBox='0 0 1152 648'>\\n <defs id='svg_ba4c728d_9d1a_4ed5_b360_70e8ef742ba1_defs'>\\n  <clipPath id='svg_ba4c728d_9d1a_4ed5_b360_70e8ef742ba1_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_ba4c728d_9d1a_4ed5_b360_70e8ef742ba1_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_ba4c728d_9d1a_4ed5_b360_70e8ef742ba1_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,309.41 501.19,238.26 650.81,178.05 800.42,225.49 950.03,159.81 1099.64,54.00 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,309.41 501.19,238.26 650.81,178.05 800.42,225.49 950.03,159.81 1099.64,54.00' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,309.41 501.19,238.26 650.81,178.05 800.42,225.49 950.03,159.81 1099.64,54.00' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_ba4c728d_9d1a_4ed5_b360_70e8ef742ba1_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_ba4c728d_9d1a_4ed5_b360_70e8ef742ba1_e2' cx='351.58' cy='309.41' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;109.6&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_ba4c728d_9d1a_4ed5_b360_70e8ef742ba1_e3' cx='501.19' cy='238.26' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    113.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.56%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_ba4c728d_9d1a_4ed5_b360_70e8ef742ba1_e4' cx='650.81' cy='178.05' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    116.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.91%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_ba4c728d_9d1a_4ed5_b360_70e8ef742ba1_e5' cx='800.42' cy='225.49' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    114.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-2.23%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_ba4c728d_9d1a_4ed5_b360_70e8ef742ba1_e6' cx='950.03' cy='159.81' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    117.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.15%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_ba4c728d_9d1a_4ed5_b360_70e8ef742ba1_e7' cx='1099.64' cy='54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    123.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;4.92%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_ba4c728d_9d1a_4ed5_b360_70e8ef742ba1\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"ba4e81e62798bb55554f042fed62f089"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-b91390fc00148174c2a3","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-b91390fc00148174c2a3"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_29310ae5_b13f_4f00_9f2c_896f15f8eb76' viewBox='0 0 1152 648'>\\n <defs id='svg_29310ae5_b13f_4f00_9f2c_896f15f8eb76_defs'>\\n  <clipPath id='svg_29310ae5_b13f_4f00_9f2c_896f15f8eb76_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_29310ae5_b13f_4f00_9f2c_896f15f8eb76_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_29310ae5_b13f_4f00_9f2c_896f15f8eb76_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,398.80 501.19,389.68 650.81,356.84 800.42,400.62 950.03,353.19 1099.64,289.34 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,398.80 501.19,389.68 650.81,356.84 800.42,400.62 950.03,353.19 1099.64,289.34' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,398.80 501.19,389.68 650.81,356.84 800.42,400.62 950.03,353.19 1099.64,289.34' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_29310ae5_b13f_4f00_9f2c_896f15f8eb76_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_29310ae5_b13f_4f00_9f2c_896f15f8eb76_e2' cx='351.58' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104.7&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_29310ae5_b13f_4f00_9f2c_896f15f8eb76_e3' cx='501.19' cy='389.68' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_29310ae5_b13f_4f00_9f2c_896f15f8eb76_e4' cx='650.81' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.71%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_29310ae5_b13f_4f00_9f2c_896f15f8eb76_e5' cx='800.42' cy='400.62' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-2.24%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_29310ae5_b13f_4f00_9f2c_896f15f8eb76_e6' cx='950.03' cy='353.19' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_29310ae5_b13f_4f00_9f2c_896f15f8eb76_e7' cx='1099.64' cy='289.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    110.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.26%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_29310ae5_b13f_4f00_9f2c_896f15f8eb76\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"0c47d9873c5ce569fc9b0f08ee77f000"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-202c7645700dbf363c46","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-202c7645700dbf363c46"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_a18d36d8_57eb_476f_8c74_f8c55d89ed98' viewBox='0 0 1152 648'>\\n <defs id='svg_a18d36d8_57eb_476f_8c74_f8c55d89ed98_defs'>\\n  <clipPath id='svg_a18d36d8_57eb_476f_8c74_f8c55d89ed98_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_a18d36d8_57eb_476f_8c74_f8c55d89ed98_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_a18d36d8_57eb_476f_8c74_f8c55d89ed98_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,457.18 800.42,550.22 950.03,442.58 1099.64,347.72 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,457.18 800.42,550.22 950.03,442.58 1099.64,347.72' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,424.34 501.19,429.81 650.81,457.18 800.42,550.22 950.03,442.58 1099.64,347.72' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_a18d36d8_57eb_476f_8c74_f8c55d89ed98_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_a18d36d8_57eb_476f_8c74_f8c55d89ed98_e2' cx='351.58' cy='424.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;103.3&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_a18d36d8_57eb_476f_8c74_f8c55d89ed98_e3' cx='501.19' cy='429.81' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.29%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_a18d36d8_57eb_476f_8c74_f8c55d89ed98_e4' cx='650.81' cy='457.18' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.46%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_a18d36d8_57eb_476f_8c74_f8c55d89ed98_e5' cx='800.42' cy='550.22' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    96.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-5.02%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_a18d36d8_57eb_476f_8c74_f8c55d89ed98_e6' cx='950.03' cy='442.58' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;6.12%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_a18d36d8_57eb_476f_8c74_f8c55d89ed98_e7' cx='1099.64' cy='347.72' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;5.08%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_a18d36d8_57eb_476f_8c74_f8c55d89ed98\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"7703f0e12d41425a3e7e138420f5bf7f"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-ee9cdb2021e2f8b893f0","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-ee9cdb2021e2f8b893f0"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_7fffef19_c606_4a8e_abfa_9238c548b377' viewBox='0 0 1152 648'>\\n <defs id='svg_7fffef19_c606_4a8e_abfa_9238c548b377_defs'>\\n  <clipPath id='svg_7fffef19_c606_4a8e_abfa_9238c548b377_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_7fffef19_c606_4a8e_abfa_9238c548b377_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_7fffef19_c606_4a8e_abfa_9238c548b377_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,411.57 501.19,415.22 650.81,355.01 800.42,448.05 950.03,378.73 1099.64,292.99 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,411.57 501.19,415.22 650.81,355.01 800.42,448.05 950.03,378.73 1099.64,292.99' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,411.57 501.19,415.22 650.81,355.01 800.42,448.05 950.03,378.73 1099.64,292.99' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_7fffef19_c606_4a8e_abfa_9238c548b377_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_7fffef19_c606_4a8e_abfa_9238c548b377_e2' cx='351.58' cy='411.57' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_7fffef19_c606_4a8e_abfa_9238c548b377_e3' cx='501.19' cy='415.22' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.19%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_7fffef19_c606_4a8e_abfa_9238c548b377_e4' cx='650.81' cy='355.01' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.18%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_7fffef19_c606_4a8e_abfa_9238c548b377_e5' cx='800.42' cy='448.05' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.76%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_7fffef19_c606_4a8e_abfa_9238c548b377_e6' cx='950.03' cy='378.73' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;3.73%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_7fffef19_c606_4a8e_abfa_9238c548b377_e7' cx='1099.64' cy='292.99' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    110.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;4.44%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_7fffef19_c606_4a8e_abfa_9238c548b377\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"9178efef0eceb94db047b281ea458ff4"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-a610978454a2cd79a568","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-a610978454a2cd79a568"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_0cad5bc6_3d2e_452f_92a1_1c6adf42387a' viewBox='0 0 1152 648'>\\n <defs id='svg_0cad5bc6_3d2e_452f_92a1_1c6adf42387a_defs'>\\n  <clipPath id='svg_0cad5bc6_3d2e_452f_92a1_1c6adf42387a_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_0cad5bc6_3d2e_452f_92a1_1c6adf42387a_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_0cad5bc6_3d2e_452f_92a1_1c6adf42387a_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,393.32 501.19,384.20 650.81,355.01 800.42,448.05 950.03,402.45 1099.64,371.43 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,393.32 501.19,384.20 650.81,355.01 800.42,448.05 950.03,402.45 1099.64,371.43' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,393.32 501.19,384.20 650.81,355.01 800.42,448.05 950.03,402.45 1099.64,371.43' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_0cad5bc6_3d2e_452f_92a1_1c6adf42387a_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_0cad5bc6_3d2e_452f_92a1_1c6adf42387a_e2' cx='351.58' cy='393.32' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_0cad5bc6_3d2e_452f_92a1_1c6adf42387a_e3' cx='501.19' cy='384.2' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_0cad5bc6_3d2e_452f_92a1_1c6adf42387a_e4' cx='650.81' cy='355.01' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.52%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_0cad5bc6_3d2e_452f_92a1_1c6adf42387a_e5' cx='800.42' cy='448.05' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.76%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_0cad5bc6_3d2e_452f_92a1_1c6adf42387a_e6' cx='950.03' cy='402.45' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.45%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_0cad5bc6_3d2e_452f_92a1_1c6adf42387a_e7' cx='1099.64' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.63%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_0cad5bc6_3d2e_452f_92a1_1c6adf42387a\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"53c0f10c192a2798c2954c9a4f9accdb"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-d389752e6618def78aa9","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-d389752e6618def78aa9"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_d088a5ec_2d26_4e2c_b5b3_47fb6e73113f' viewBox='0 0 1152 648'>\\n <defs id='svg_d088a5ec_2d26_4e2c_b5b3_47fb6e73113f_defs'>\\n  <clipPath id='svg_d088a5ec_2d26_4e2c_b5b3_47fb6e73113f_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_d088a5ec_2d26_4e2c_b5b3_47fb6e73113f_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_d088a5ec_2d26_4e2c_b5b3_47fb6e73113f_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,378.73 501.19,415.22 650.81,333.12 800.42,398.80 950.03,353.19 1099.64,349.54 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,378.73 501.19,415.22 650.81,333.12 800.42,398.80 950.03,353.19 1099.64,349.54' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,378.73 501.19,415.22 650.81,333.12 800.42,398.80 950.03,353.19 1099.64,349.54' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_d088a5ec_2d26_4e2c_b5b3_47fb6e73113f_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d088a5ec_2d26_4e2c_b5b3_47fb6e73113f_e2' cx='351.58' cy='378.73' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105.8&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d088a5ec_2d26_4e2c_b5b3_47fb6e73113f_e3' cx='501.19' cy='415.22' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.89%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d088a5ec_2d26_4e2c_b5b3_47fb6e73113f_e4' cx='650.81' cy='333.12' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;4.34%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d088a5ec_2d26_4e2c_b5b3_47fb6e73113f_e5' cx='800.42' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.32%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d088a5ec_2d26_4e2c_b5b3_47fb6e73113f_e6' cx='950.03' cy='353.19' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.39%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d088a5ec_2d26_4e2c_b5b3_47fb6e73113f_e7' cx='1099.64' cy='349.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.19%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_d088a5ec_2d26_4e2c_b5b3_47fb6e73113f\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"55a98a499c6f6e672950d198fc6ccdea"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-0bff23e004f2a36d3b7b","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-0bff23e004f2a36d3b7b"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_c36e3ee6_0325_42b9_a727_e9a6e914dfbb' viewBox='0 0 1152 648'>\\n <defs id='svg_c36e3ee6_0325_42b9_a727_e9a6e914dfbb_defs'>\\n  <clipPath id='svg_c36e3ee6_0325_42b9_a727_e9a6e914dfbb_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_c36e3ee6_0325_42b9_a727_e9a6e914dfbb_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_c36e3ee6_0325_42b9_a727_e9a6e914dfbb_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,358.66 501.19,333.12 650.81,291.16 800.42,371.43 950.03,356.84 1099.64,334.95 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,358.66 501.19,333.12 650.81,291.16 800.42,371.43 950.03,356.84 1099.64,334.95' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,358.66 501.19,333.12 650.81,291.16 800.42,371.43 950.03,356.84 1099.64,334.95' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_c36e3ee6_0325_42b9_a727_e9a6e914dfbb_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c36e3ee6_0325_42b9_a727_e9a6e914dfbb_e2' cx='351.58' cy='358.66' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;106.9&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c36e3ee6_0325_42b9_a727_e9a6e914dfbb_e3' cx='501.19' cy='333.12' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.31%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c36e3ee6_0325_42b9_a727_e9a6e914dfbb_e4' cx='650.81' cy='291.16' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    110.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.12%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c36e3ee6_0325_42b9_a727_e9a6e914dfbb_e5' cx='800.42' cy='371.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.98%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c36e3ee6_0325_42b9_a727_e9a6e914dfbb_e6' cx='950.03' cy='356.84' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.75%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_c36e3ee6_0325_42b9_a727_e9a6e914dfbb_e7' cx='1099.64' cy='334.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.12%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_c36e3ee6_0325_42b9_a727_e9a6e914dfbb\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"659f7e09d61a7584160a6014fa114713"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-382cd5a040f895fdc256","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-382cd5a040f895fdc256"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_90949e04_8bbc_40ab_b330_a2e03a8ed392' viewBox='0 0 1152 648'>\\n <defs id='svg_90949e04_8bbc_40ab_b330_a2e03a8ed392_defs'>\\n  <clipPath id='svg_90949e04_8bbc_40ab_b330_a2e03a8ed392_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_90949e04_8bbc_40ab_b330_a2e03a8ed392_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_90949e04_8bbc_40ab_b330_a2e03a8ed392_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,417.04 501.19,391.50 650.81,391.50 800.42,451.70 950.03,418.86 1099.64,398.80 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,417.04 501.19,391.50 650.81,391.50 800.42,451.70 950.03,418.86 1099.64,398.80' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,417.04 501.19,391.50 650.81,391.50 800.42,451.70 950.03,418.86 1099.64,398.80' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_90949e04_8bbc_40ab_b330_a2e03a8ed392_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_90949e04_8bbc_40ab_b330_a2e03a8ed392_e2' cx='351.58' cy='417.04' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;103.7&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_90949e04_8bbc_40ab_b330_a2e03a8ed392_e3' cx='501.19' cy='391.5' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.35%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_90949e04_8bbc_40ab_b330_a2e03a8ed392_e4' cx='650.81' cy='391.5' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.00%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_90949e04_8bbc_40ab_b330_a2e03a8ed392_e5' cx='800.42' cy='451.7' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.14%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_90949e04_8bbc_40ab_b330_a2e03a8ed392_e6' cx='950.03' cy='418.86' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.77%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_90949e04_8bbc_40ab_b330_a2e03a8ed392_e7' cx='1099.64' cy='398.8' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.06%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_90949e04_8bbc_40ab_b330_a2e03a8ed392\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"6a4fe106dbfd9473eb54a591066309b7"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-38deebe659ec25d9c10a","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-38deebe659ec25d9c10a"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_f238c7c4_1092_491c_8df0_79ea8f2b6437' viewBox='0 0 1152 648'>\\n <defs id='svg_f238c7c4_1092_491c_8df0_79ea8f2b6437_defs'>\\n  <clipPath id='svg_f238c7c4_1092_491c_8df0_79ea8f2b6437_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_f238c7c4_1092_491c_8df0_79ea8f2b6437_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_f238c7c4_1092_491c_8df0_79ea8f2b6437_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,438.93 501.19,437.11 650.81,427.99 800.42,493.66 950.03,334.95 1099.64,340.42 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,438.93 501.19,437.11 650.81,427.99 800.42,493.66 950.03,334.95 1099.64,340.42' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,438.93 501.19,437.11 650.81,427.99 800.42,493.66 950.03,334.95 1099.64,340.42' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_f238c7c4_1092_491c_8df0_79ea8f2b6437_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_f238c7c4_1092_491c_8df0_79ea8f2b6437_e2' cx='351.58' cy='438.93' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;102.5&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_f238c7c4_1092_491c_8df0_79ea8f2b6437_e3' cx='501.19' cy='437.11' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.10%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_f238c7c4_1092_491c_8df0_79ea8f2b6437_e4' cx='650.81' cy='427.99' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_f238c7c4_1092_491c_8df0_79ea8f2b6437_e5' cx='800.42' cy='493.66' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    99.5&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_f238c7c4_1092_491c_8df0_79ea8f2b6437_e6' cx='950.03' cy='334.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;8.74%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_f238c7c4_1092_491c_8df0_79ea8f2b6437_e7' cx='1099.64' cy='340.42' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.28%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_f238c7c4_1092_491c_8df0_79ea8f2b6437\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"3ce429a5bcceaf830b5edc594b00ca73"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-242c3b6a1f48e20f5850","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-242c3b6a1f48e20f5850"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_01d1b707_d7d0_4a49_b6ca_ed22388647db' viewBox='0 0 1152 648'>\\n <defs id='svg_01d1b707_d7d0_4a49_b6ca_ed22388647db_defs'>\\n  <clipPath id='svg_01d1b707_d7d0_4a49_b6ca_ed22388647db_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_01d1b707_d7d0_4a49_b6ca_ed22388647db_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_01d1b707_d7d0_4a49_b6ca_ed22388647db_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,459.00 501.19,469.95 650.81,506.43 800.42,594.00 950.03,572.11 1099.64,542.92 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,459.00 501.19,469.95 650.81,506.43 800.42,594.00 950.03,572.11 1099.64,542.92' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,459.00 501.19,469.95 650.81,506.43 800.42,594.00 950.03,572.11 1099.64,542.92' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_01d1b707_d7d0_4a49_b6ca_ed22388647db_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_01d1b707_d7d0_4a49_b6ca_ed22388647db_e2' cx='351.58' cy='459' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;101.4&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_01d1b707_d7d0_4a49_b6ca_ed22388647db_e3' cx='501.19' cy='469.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    100.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.59%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_01d1b707_d7d0_4a49_b6ca_ed22388647db_e4' cx='650.81' cy='506.43' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    98.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.98%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_01d1b707_d7d0_4a49_b6ca_ed22388647db_e5' cx='800.42' cy='594' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    94&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-4.86%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_01d1b707_d7d0_4a49_b6ca_ed22388647db_e6' cx='950.03' cy='572.11' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    95.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.28%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_01d1b707_d7d0_4a49_b6ca_ed22388647db_e7' cx='1099.64' cy='542.92' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    96.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.68%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_01d1b707_d7d0_4a49_b6ca_ed22388647db\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"729432cd1ee6eb352b5f0560549f1f2f"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-bd5861ddc684d9479f69","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-bd5861ddc684d9479f69"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_560e3233_5ecf_4ff9_b58c_c0b093d2e113' viewBox='0 0 1152 648'>\\n <defs id='svg_560e3233_5ecf_4ff9_b58c_c0b093d2e113_defs'>\\n  <clipPath id='svg_560e3233_5ecf_4ff9_b58c_c0b093d2e113_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_560e3233_5ecf_4ff9_b58c_c0b093d2e113_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_560e3233_5ecf_4ff9_b58c_c0b093d2e113_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,409.74 501.19,395.15 650.81,367.78 800.42,435.28 950.03,400.62 1099.64,349.54 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,409.74 501.19,395.15 650.81,367.78 800.42,435.28 950.03,400.62 1099.64,349.54' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,409.74 501.19,395.15 650.81,367.78 800.42,435.28 950.03,400.62 1099.64,349.54' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_560e3233_5ecf_4ff9_b58c_c0b093d2e113_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_560e3233_5ecf_4ff9_b58c_c0b093d2e113_e2' cx='351.58' cy='409.74' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;104.1&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_560e3233_5ecf_4ff9_b58c_c0b093d2e113_e3' cx='501.19' cy='395.15' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.77%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_560e3233_5ecf_4ff9_b58c_c0b093d2e113_e4' cx='650.81' cy='367.78' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.43%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_560e3233_5ecf_4ff9_b58c_c0b093d2e113_e5' cx='800.42' cy='435.28' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_560e3233_5ecf_4ff9_b58c_c0b093d2e113_e6' cx='950.03' cy='400.62' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    104.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.85%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_560e3233_5ecf_4ff9_b58c_c0b093d2e113_e7' cx='1099.64' cy='349.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.68%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_560e3233_5ecf_4ff9_b58c_c0b093d2e113\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"206f0fc6024652994123b21daf7bcabf"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-d1a1adce234b34a5e0f0","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-d1a1adce234b34a5e0f0"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_6a817e03_14ae_417e_81a5_36f190969316' viewBox='0 0 1152 648'>\\n <defs id='svg_6a817e03_14ae_417e_81a5_36f190969316_defs'>\\n  <clipPath id='svg_6a817e03_14ae_417e_81a5_36f190969316_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_6a817e03_14ae_417e_81a5_36f190969316_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_6a817e03_14ae_417e_81a5_36f190969316_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,437.11 501.19,446.23 650.81,417.04 800.42,460.82 950.03,418.86 1099.64,369.61 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,437.11 501.19,446.23 650.81,417.04 800.42,460.82 950.03,418.86 1099.64,369.61' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,437.11 501.19,446.23 650.81,417.04 800.42,460.82 950.03,418.86 1099.64,369.61' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_6a817e03_14ae_417e_81a5_36f190969316_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_6a817e03_14ae_417e_81a5_36f190969316_e2' cx='351.58' cy='437.11' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;102.6&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_6a817e03_14ae_417e_81a5_36f190969316_e3' cx='501.19' cy='446.23' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.49%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_6a817e03_14ae_417e_81a5_36f190969316_e4' cx='650.81' cy='417.04' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.57%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_6a817e03_14ae_417e_81a5_36f190969316_e5' cx='800.42' cy='460.82' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-2.31%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_6a817e03_14ae_417e_81a5_36f190969316_e6' cx='950.03' cy='418.86' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.6&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.27%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_6a817e03_14ae_417e_81a5_36f190969316_e7' cx='1099.64' cy='369.61' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.61%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_6a817e03_14ae_417e_81a5_36f190969316\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"83ef0649fa49a450f4cf2ee9667b3276"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-f41f80e3eebc6a4d795d","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-f41f80e3eebc6a4d795d"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_d1d01e0b_e15b_45ab_b73e_8170d91eb725' viewBox='0 0 1152 648'>\\n <defs id='svg_d1d01e0b_e15b_45ab_b73e_8170d91eb725_defs'>\\n  <clipPath id='svg_d1d01e0b_e15b_45ab_b73e_8170d91eb725_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_d1d01e0b_e15b_45ab_b73e_8170d91eb725_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_d1d01e0b_e15b_45ab_b73e_8170d91eb725_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,389.68 501.19,380.55 650.81,334.95 800.42,367.78 950.03,344.07 1099.64,318.53 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,389.68 501.19,380.55 650.81,334.95 800.42,367.78 950.03,344.07 1099.64,318.53' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,389.68 501.19,380.55 650.81,334.95 800.42,367.78 950.03,344.07 1099.64,318.53' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_d1d01e0b_e15b_45ab_b73e_8170d91eb725_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d1d01e0b_e15b_45ab_b73e_8170d91eb725_e2' cx='351.58' cy='389.68' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;105.2&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d1d01e0b_e15b_45ab_b73e_8170d91eb725_e3' cx='501.19' cy='380.55' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    105.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;0.48%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d1d01e0b_e15b_45ab_b73e_8170d91eb725_e4' cx='650.81' cy='334.95' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    108.2&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.37%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d1d01e0b_e15b_45ab_b73e_8170d91eb725_e5' cx='800.42' cy='367.78' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    106.4&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-1.66%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d1d01e0b_e15b_45ab_b73e_8170d91eb725_e6' cx='950.03' cy='344.07' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    107.7&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.22%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_d1d01e0b_e15b_45ab_b73e_8170d91eb725_e7' cx='1099.64' cy='318.53' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    109.1&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.30%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_d1d01e0b_e15b_45ab_b73e_8170d91eb725\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]},{"name":"WidgetContainer","attribs":{"key":"37bf973c865fe8e953d201fbdcc5b7e0"},"children":[{"name":"Fragment","attribs":[],"children":[{"name":"div","attribs":{"id":"htmlwidget-c9766c31ccf1f6c34f5f","style":{"width":"100%","height":"338px"},"className":"girafe html-widget html-fill-item"},"children":[]},{"name":"script","attribs":{"type":"application/json","data-for":"htmlwidget-c9766c31ccf1f6c34f5f"},"children":["{\"x\":{\"html\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='ggiraph-svg' role='graphics-document' id='svg_192d0be2_eeef_4103_92d4_1db0b43fd50a' viewBox='0 0 1152 648'>\\n <defs id='svg_192d0be2_eeef_4103_92d4_1db0b43fd50a_defs'>\\n  <clipPath id='svg_192d0be2_eeef_4103_92d4_1db0b43fd50a_c1'>\\n   <rect x='0' y='0' width='1152' height='648'/>\\n  <\\/clipPath>\\n <\\/defs>\\n <g id='svg_192d0be2_eeef_4103_92d4_1db0b43fd50a_rootg' class='ggiraph-svg-rootg'>\\n  <g clip-path='url(#svg_192d0be2_eeef_4103_92d4_1db0b43fd50a_c1)'>\\n   <rect x='0' y='0' width='1152' height='648' fill='#FFFFFF' fill-opacity='1' stroke='#FFFFFF' stroke-opacity='1' stroke-width='0.75' stroke-linejoin='round' stroke-linecap='round' class='ggiraph-svg-bg'/>\\n   <polygon points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,431.64 800.42,488.19 950.03,451.70 1099.64,424.34 1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='#104E8B' fill-opacity='0.1' stroke='none'/>\\n   <polyline points='52.36,484.54 351.58,424.34 501.19,429.81 650.81,431.64 800.42,488.19 950.03,451.70 1099.64,424.34' fill='none' stroke='none'/>\\n   <polyline points='1099.64,484.54 950.03,484.54 800.42,484.54 650.81,484.54 501.19,484.54 351.58,484.54 52.36,484.54' fill='none' stroke='none'/>\\n   <polyline points='351.58,424.34 501.19,429.81 650.81,431.64 800.42,488.19 950.03,451.70 1099.64,424.34' fill='none' stroke='#104E8B' stroke-opacity='1' stroke-width='4.27' stroke-linejoin='round' stroke-linecap='butt'/>\\n   <circle id='svg_192d0be2_eeef_4103_92d4_1db0b43fd50a_e1' cx='52.36' cy='484.54' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2015:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;100&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_192d0be2_eeef_4103_92d4_1db0b43fd50a_e2' cx='351.58' cy='424.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2017:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;103.3&amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_192d0be2_eeef_4103_92d4_1db0b43fd50a_e3' cx='501.19' cy='429.81' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2018:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.29%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_192d0be2_eeef_4103_92d4_1db0b43fd50a_e4' cx='650.81' cy='431.64' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2019:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    102.9&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-0.10%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_192d0be2_eeef_4103_92d4_1db0b43fd50a_e5' cx='800.42' cy='488.19' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2020:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    99.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#BF1363;font-weight:600;&amp;quot;&amp;gt;-3.01%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_192d0be2_eeef_4103_92d4_1db0b43fd50a_e6' cx='950.03' cy='451.7' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2021:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    101.8&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;2.00%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n   <circle id='svg_192d0be2_eeef_4103_92d4_1db0b43fd50a_e7' cx='1099.64' cy='424.34' r='20.27pt' fill='#104E8B' fill-opacity='1' stroke='#104E8B' stroke-opacity='1' stroke-width='0.71' stroke-linejoin='round' stroke-linecap='round' title='&amp;lt;div style=&amp;quot;width:250px;&amp;quot;&amp;gt;&amp;#10;  &amp;lt;div style=&amp;quot;font-weight:600;&amp;quot;&amp;gt;GPD in 2022:&amp;lt;/div&amp;gt;&amp;#10;  &amp;lt;div&amp;gt;&amp;#10;    103.3&amp;#10;    &amp;lt;span style=&amp;quot;font-size:1rem;&amp;quot;&amp;gt;&amp;#10;      (&amp;#10;      &amp;lt;span style=&amp;quot;color:#06A77D;font-weight:600;&amp;quot;&amp;gt;1.47%&amp;lt;/span&amp;gt;&amp;#10;      &amp;lt;span&amp;gt;, year-on-year)&amp;lt;/span&amp;gt;&amp;#10;    &amp;lt;/span&amp;gt;&amp;#10;  &amp;lt;/div&amp;gt;&amp;#10;&amp;lt;/div&amp;gt;'/>\\n  <\\/g>\\n <\\/g>\\n<\\/svg>\",\"js\":null,\"uid\":\"svg_192d0be2_eeef_4103_92d4_1db0b43fd50a\",\"ratio\":1.777777777777778,\"settings\":{\"tooltip\":{\"css\":\".tooltip_SVGID_ { color:black;background:white;padding:15px;font-size:1.25rem;font-family:\\\"Source Sans Pro\\\", Courier;border:2px solid #104E8B;border-radius:5px; ; position:absolute;pointer-events:none;z-index:999;}\",\"placement\":\"doc\",\"opacity\":1,\"offx\":10,\"offy\":0,\"use_cursor_pos\":true,\"use_fill\":false,\"use_stroke\":false,\"delay_over\":200,\"delay_out\":500},\"hover\":{\"css\":\".hover_data_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_data_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_data_SVGID_ { fill:orange;stroke:black; }\\nline.hover_data_SVGID_, polyline.hover_data_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_data_SVGID_, polygon.hover_data_SVGID_, path.hover_data_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_data_SVGID_ { stroke:orange; }\",\"reactive\":true,\"nearest_distance\":null},\"hover_inv\":{\"css\":\"\"},\"hover_key\":{\"css\":\".hover_key_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_key_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_key_SVGID_ { fill:orange;stroke:black; }\\nline.hover_key_SVGID_, polyline.hover_key_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_key_SVGID_, polygon.hover_key_SVGID_, path.hover_key_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_key_SVGID_ { stroke:orange; }\",\"reactive\":true},\"hover_theme\":{\"css\":\".hover_theme_SVGID_ { fill:orange;stroke:black;cursor:pointer; }\\ntext.hover_theme_SVGID_ { stroke:none;fill:orange; }\\ncircle.hover_theme_SVGID_ { fill:orange;stroke:black; }\\nline.hover_theme_SVGID_, polyline.hover_theme_SVGID_ { fill:none;stroke:orange; }\\nrect.hover_theme_SVGID_, polygon.hover_theme_SVGID_, path.hover_theme_SVGID_ { fill:orange;stroke:none; }\\nimage.hover_theme_SVGID_ { stroke:orange; }\",\"reactive\":true},\"select\":{\"css\":\".select_data_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_data_SVGID_ { stroke:none;fill:red; }\\ncircle.select_data_SVGID_ { fill:red;stroke:black; }\\nline.select_data_SVGID_, polyline.select_data_SVGID_ { fill:none;stroke:red; }\\nrect.select_data_SVGID_, polygon.select_data_SVGID_, path.select_data_SVGID_ { fill:red;stroke:none; }\\nimage.select_data_SVGID_ { stroke:red; }\",\"type\":\"multiple\",\"only_shiny\":true,\"selected\":[]},\"select_inv\":{\"css\":\"\"},\"select_key\":{\"css\":\".select_key_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_key_SVGID_ { stroke:none;fill:red; }\\ncircle.select_key_SVGID_ { fill:red;stroke:black; }\\nline.select_key_SVGID_, polyline.select_key_SVGID_ { fill:none;stroke:red; }\\nrect.select_key_SVGID_, polygon.select_key_SVGID_, path.select_key_SVGID_ { fill:red;stroke:none; }\\nimage.select_key_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"select_theme\":{\"css\":\".select_theme_SVGID_ { fill:red;stroke:black;cursor:pointer; }\\ntext.select_theme_SVGID_ { stroke:none;fill:red; }\\ncircle.select_theme_SVGID_ { fill:red;stroke:black; }\\nline.select_theme_SVGID_, polyline.select_theme_SVGID_ { fill:none;stroke:red; }\\nrect.select_theme_SVGID_, polygon.select_theme_SVGID_, path.select_theme_SVGID_ { fill:red;stroke:none; }\\nimage.select_theme_SVGID_ { stroke:red; }\",\"type\":\"single\",\"only_shiny\":true,\"selected\":[]},\"zoom\":{\"min\":1,\"max\":1,\"duration\":300},\"toolbar\":{\"position\":\"topright\",\"pngname\":\"diagram\",\"tooltips\":null,\"hidden\":\"saveaspng\",\"delay_over\":200,\"delay_out\":500},\"sizing\":{\"rescale\":true,\"width\":1}}},\"evals\":[],\"jsHooks\":[]}"]}]}]}],"width":160}],"columnGroups":[{"name":"Population","columns":["pop_million","pop_per_km2"]}],"pagination":false,"style":{"font-family":"\"Source Sans Pro\", sans-serif"},"dataKey":"5908ac76bec56c318ca5937dee41ff36"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
</div>
<p>Hoooooray! We’ve made it. This was quite a long blog post. So congrats if you’ve made it all the way to the end. If you’ve made it this far, don’t forget to check out my other content 👇</p>


</section>
</section>

 ]]></description>
  <guid>https://albert-rapp.de/posts/29_reactable_germany/29_reactable_germany.html</guid>
  <pubDate>Sat, 31 Aug 2024 22:00:00 GMT</pubDate>
</item>
<item>
  <title>Creating interactive tables with reactable</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/28_reactable_intro/28_reactable_intro.html</link>
  <description><![CDATA[ 




<p><link rel="stylesheet" href="../../../new_code_theme.css"></p>
<p>The R programming language has a rich ecosystem of packages that are fantastic for creating beautiful production-grade tables from within R. Today, I’m showing you that one package that makes it really easy (mostly) to create interactive tables. Namely, I’m going to show you <code>{reactable}</code>. 🥳</p>
<p>If you want to see a video version of this blog post, you can find it on YouTube:</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/E3ubwU5Uyqw" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<section id="fake-data" class="level2">
<h2 class="anchored" data-anchor-id="fake-data">Fake data</h2>
<p>Let’s first create a dummy data set using one of <code>{gt}</code>’s built-in data sets. <code>{gt}</code> has a lot of those so we might as well use it even if we don’t use <code>{gt}</code> to create the table in the end.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb1" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb1-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(tidyverse)</span>
<span id="cb1-2"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(reactable)</span>
<span id="cb1-3">hawaiian_sales <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> gt<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>pizzaplace <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb1-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(name <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'hawaiian'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb1-5">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb1-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">month =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">month</span>(</span>
<span id="cb1-7">      date, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">abbr =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>,</span>
<span id="cb1-8">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">locale =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'en_US.UTF-8'</span> <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># English month names</span></span>
<span id="cb1-9">    ),</span>
<span id="cb1-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">quarter =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">paste0</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Q'</span>, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">quarter</span>(date))</span>
<span id="cb1-11">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb1-12">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarise</span>(</span>
<span id="cb1-13">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sales =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">n</span>(),</span>
<span id="cb1-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">revenue =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sum</span>(price),</span>
<span id="cb1-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(month, quarter)</span>
<span id="cb1-16">  )</span>
<span id="cb1-17">hawaiian_sales</span>
<span id="cb1-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 12 × 4</span></span>
<span id="cb1-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    month     quarter sales revenue</span></span>
<span id="cb1-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;ord&gt;     &lt;chr&gt;   &lt;int&gt;   &lt;dbl&gt;</span></span>
<span id="cb1-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 January   Q1        185   2443.</span></span>
<span id="cb1-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 February  Q1        198   2633 </span></span>
<span id="cb1-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 March     Q1        217   2878.</span></span>
<span id="cb1-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 April     Q2        219   2868.</span></span>
<span id="cb1-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 May       Q2        198   2688 </span></span>
<span id="cb1-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 June      Q2        189   2564.</span></span>
<span id="cb1-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 July      Q3        195   2620.</span></span>
<span id="cb1-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 August    Q3        201   2679.</span></span>
<span id="cb1-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 September Q3        196   2616.</span></span>
<span id="cb1-30"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 October   Q4        188   2515.</span></span>
<span id="cb1-31"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 11 November  Q4        227   2953.</span></span>
<span id="cb1-32"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 12 December  Q4        209   2817.</span></span></code></pre></div>
</div>
</section>
<section id="base-layer" class="level2">
<h2 class="anchored" data-anchor-id="base-layer">Base Layer</h2>
<p>To create a table all we have to to is to pass the data to the reactable function.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb2" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb2-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(hawaiian_sales)</span></code></pre></div>
<div class="cell-output-display">
<div class="reactable html-widget html-fill-item" id="htmlwidget-462345761852ec97ec4f" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-462345761852ec97ec4f">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"month":["January","February","March","April","May","June","July","August","September","October","November","December"],"quarter":["Q1","Q1","Q1","Q2","Q2","Q2","Q3","Q3","Q3","Q4","Q4","Q4"],"sales":[185,198,217,219,198,189,195,201,196,188,227,209],"revenue":[2442.75,2633,2878.5,2867.75,2688,2563.75,2620.25,2678.75,2616.25,2514.75,2952.75,2816.75]},"columns":[{"id":"month","name":"month","type":["ordered","factor"]},{"id":"quarter","name":"quarter","type":"character"},{"id":"sales","name":"sales","type":"numeric"},{"id":"revenue","name":"revenue","type":"numeric"}],"dataKey":"257d9e3521a9221159ea6d332a98c345"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
<p>The nice thing is that this is interactive out of the box. By clicking onto the column names, you can sort the rows.</p>
</section>
<section id="use-better-column-names" class="level2">
<h2 class="anchored" data-anchor-id="use-better-column-names">Use better column names</h2>
<p>Unlike <code>{gt}</code>, the <code>{reactable}</code> package doesn’t allow to change the table step by step by chaining pipes. Instead, you will have to use one of the many arguments of <code>reactable()</code> and helper functions to get things done. For example, to set nicer column names you can use the <code>columns</code> argument with a list of column definitions (using the <code>colDef()</code> helper)</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb3" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb3-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb3-2">  hawaiian_sales,</span>
<span id="cb3-3">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb3-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">quarter =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Quarter'</span>),</span>
<span id="cb3-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">month =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Month'</span>),</span>
<span id="cb3-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sales =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Sales'</span>),</span>
<span id="cb3-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">revenue =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Revenue'</span>)</span>
<span id="cb3-8">  )</span>
<span id="cb3-9">)</span></code></pre></div>
<div class="cell-output-display">
<div class="reactable html-widget html-fill-item" id="htmlwidget-b4ca4a769cd66a58fe7e" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-b4ca4a769cd66a58fe7e">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"month":["January","February","March","April","May","June","July","August","September","October","November","December"],"quarter":["Q1","Q1","Q1","Q2","Q2","Q2","Q3","Q3","Q3","Q4","Q4","Q4"],"sales":[185,198,217,219,198,189,195,201,196,188,227,209],"revenue":[2442.75,2633,2878.5,2867.75,2688,2563.75,2620.25,2678.75,2616.25,2514.75,2952.75,2816.75]},"columns":[{"id":"month","name":"Month","type":["ordered","factor"]},{"id":"quarter","name":"Quarter","type":"character"},{"id":"sales","name":"Sales","type":"numeric"},{"id":"revenue","name":"Revenue","type":"numeric"}],"dataKey":"ebae8a3af6efcc1090258dd74fdd730d"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
</section>
<section id="title-subtitle" class="level2">
<h2 class="anchored" data-anchor-id="title-subtitle">Title &amp; Subtitle</h2>
<p>For adding a nice title and subtitle to your plot, you can either use some custom HTML &amp; CSS tricks or you just use the <code>{reactablefmtr}</code> package.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb4" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb4-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb4-2">  hawaiian_sales,</span>
<span id="cb4-3">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb4-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">quarter =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Quarter'</span>),</span>
<span id="cb4-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">month =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Month'</span>),</span>
<span id="cb4-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sales =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Sales'</span>),</span>
<span id="cb4-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">revenue =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Revenue'</span>)</span>
<span id="cb4-8">  )</span>
<span id="cb4-9">) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb4-10">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_title</span>(</span>
<span id="cb4-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Hawaiian Pizza Sales in 2015'</span></span>
<span id="cb4-12">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb4-13">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_subtitle</span>(</span>
<span id="cb4-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">subtitle =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Based on the fake pizzaplace data from `{gt}`'</span>,</span>
<span id="cb4-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'normal'</span></span>
<span id="cb4-16">  )</span></code></pre></div>
<div class="cell-output-display">
<h1 style="color:#000;background:#FFFFFF;text-align:left;font-size:32px;font-style:normal;font-weight:bold;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">Hawaiian Pizza Sales in 2015</h1>
<h2 style="color:#000;background:#FFFFFF;text-align:left;font-size:24px;font-style:normal;font-weight:normal;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px" class="anchored">Based on the fake pizzaplace data from `{gt}`</h2>
<div class="reactable html-widget html-fill-item" id="htmlwidget-cfbf48eb5dca6cea4c56" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-cfbf48eb5dca6cea4c56">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"month":["January","February","March","April","May","June","July","August","September","October","November","December"],"quarter":["Q1","Q1","Q1","Q2","Q2","Q2","Q3","Q3","Q3","Q4","Q4","Q4"],"sales":[185,198,217,219,198,189,195,201,196,188,227,209],"revenue":[2442.75,2633,2878.5,2867.75,2688,2563.75,2620.25,2678.75,2616.25,2514.75,2952.75,2816.75]},"columns":[{"id":"month","name":"Month","type":["ordered","factor"]},{"id":"quarter","name":"Quarter","type":"character"},{"id":"sales","name":"Sales","type":"numeric"},{"id":"revenue","name":"Revenue","type":"numeric"}],"dataKey":"ebae8a3af6efcc1090258dd74fdd730d"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
</section>
<section id="format-numbers" class="level2">
<h2 class="anchored" data-anchor-id="format-numbers">Format numbers</h2>
<p>The numbers in the revenue column correspond to dollar amounts. We can format them by specifying a column format inside of <code>colDef()</code> with help from the <code>colFormat()</code> helper function.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb5" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb5-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb5-2">  hawaiian_sales,</span>
<span id="cb5-3">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb5-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">quarter =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Quarter'</span>),</span>
<span id="cb5-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">month =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Month'</span>),</span>
<span id="cb5-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sales =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Sales'</span>),</span>
<span id="cb5-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">revenue =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb5-8">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Revenue'</span>,</span>
<span id="cb5-9">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">format =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colFormat</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">currency =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'USD'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">separators =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>)</span>
<span id="cb5-10">    )</span>
<span id="cb5-11">  )</span>
<span id="cb5-12">) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb5-13">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_title</span>(</span>
<span id="cb5-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Hawaiian Pizza Sales in 2015'</span></span>
<span id="cb5-15">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb5-16">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_subtitle</span>(</span>
<span id="cb5-17">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">subtitle =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Based on the fake pizzaplace data from `{gt}`'</span>,</span>
<span id="cb5-18">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'normal'</span></span>
<span id="cb5-19">  )</span></code></pre></div>
<div class="cell-output-display">
<h1 style="color:#000;background:#FFFFFF;text-align:left;font-size:32px;font-style:normal;font-weight:bold;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">Hawaiian Pizza Sales in 2015</h1>
<h2 style="color:#000;background:#FFFFFF;text-align:left;font-size:24px;font-style:normal;font-weight:normal;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px" class="anchored">Based on the fake pizzaplace data from `{gt}`</h2>
<div class="reactable html-widget html-fill-item" id="htmlwidget-fc324a1934f0e55f204e" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-fc324a1934f0e55f204e">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"month":["January","February","March","April","May","June","July","August","September","October","November","December"],"quarter":["Q1","Q1","Q1","Q2","Q2","Q2","Q3","Q3","Q3","Q4","Q4","Q4"],"sales":[185,198,217,219,198,189,195,201,196,188,227,209],"revenue":[2442.75,2633,2878.5,2867.75,2688,2563.75,2620.25,2678.75,2616.25,2514.75,2952.75,2816.75]},"columns":[{"id":"month","name":"Month","type":["ordered","factor"]},{"id":"quarter","name":"Quarter","type":"character"},{"id":"sales","name":"Sales","type":"numeric"},{"id":"revenue","name":"Revenue","type":"numeric","format":{"cell":{"separators":true,"currency":"USD"},"aggregated":{"separators":true,"currency":"USD"}}}],"dataKey":"73fc369206f3125751fa1b6248d97195"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
</section>
<section id="add-groups" class="level2">
<h2 class="anchored" data-anchor-id="add-groups">Add groups</h2>
<p>Now, I want to structure my tables into quarters. The easiest way to do that is to use the quarter column in our data set for grouping. The cool thing about <code>{reactable}</code> is that it’s really easy and the output becomes nicely interactive out of the box. All you have to do is set the <code>groupBy</code> argument.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb6" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb6-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb6-2">  hawaiian_sales,</span>
<span id="cb6-3">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">groupBy =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'quarter'</span>,</span>
<span id="cb6-4">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb6-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">quarter =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Quarter'</span>),</span>
<span id="cb6-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">month =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Month'</span>),</span>
<span id="cb6-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sales =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Sales'</span>),</span>
<span id="cb6-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">revenue =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb6-9">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Revenue'</span>,</span>
<span id="cb6-10">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">format =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colFormat</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">currency =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'USD'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">separators =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>)</span>
<span id="cb6-11">    )</span>
<span id="cb6-12">  )</span>
<span id="cb6-13">) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb6-14">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_title</span>(</span>
<span id="cb6-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Hawaiian Pizza Sales in 2015'</span></span>
<span id="cb6-16">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb6-17">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_subtitle</span>(</span>
<span id="cb6-18">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">subtitle =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Based on the fake pizzaplace data from `{gt}`'</span>,</span>
<span id="cb6-19">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'normal'</span></span>
<span id="cb6-20">  )</span></code></pre></div>
<div class="cell-output-display">
<h1 style="color:#000;background:#FFFFFF;text-align:left;font-size:32px;font-style:normal;font-weight:bold;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">Hawaiian Pizza Sales in 2015</h1>
<h2 style="color:#000;background:#FFFFFF;text-align:left;font-size:24px;font-style:normal;font-weight:normal;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px" class="anchored">Based on the fake pizzaplace data from `{gt}`</h2>
<div class="reactable html-widget html-fill-item" id="htmlwidget-b520d61f83c6a05360e1" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-b520d61f83c6a05360e1">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"month":["January","February","March","April","May","June","July","August","September","October","November","December"],"quarter":["Q1","Q1","Q1","Q2","Q2","Q2","Q3","Q3","Q3","Q4","Q4","Q4"],"sales":[185,198,217,219,198,189,195,201,196,188,227,209],"revenue":[2442.75,2633,2878.5,2867.75,2688,2563.75,2620.25,2678.75,2616.25,2514.75,2952.75,2816.75]},"columns":[{"id":"month","name":"Month","type":["ordered","factor"]},{"id":"quarter","name":"Quarter","type":"character"},{"id":"sales","name":"Sales","type":"numeric"},{"id":"revenue","name":"Revenue","type":"numeric","format":{"cell":{"separators":true,"currency":"USD"},"aggregated":{"separators":true,"currency":"USD"}}}],"groupBy":["quarter"],"dataKey":"73fc369206f3125751fa1b6248d97195"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
</section>
<section id="add-summaries" class="level2">
<h2 class="anchored" data-anchor-id="add-summaries">Add summaries</h2>
<p>You can add group summaries by using the <code>aggregate</code> argument inside of <code>colDef()</code> and setting it to one of the built-in aggregate functions like <code>"mean"</code> or <code>"sum"</code>. If you want to do something custom, you can do that, but then you will have to write a custom JavaScript function for that.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb7" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb7-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb7-2">  hawaiian_sales,</span>
<span id="cb7-3">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">groupBy =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'quarter'</span>,</span>
<span id="cb7-4">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb7-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">quarter =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Quarter'</span>),</span>
<span id="cb7-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">month =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Month'</span>),</span>
<span id="cb7-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sales =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb7-8">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Sales'</span>,</span>
<span id="cb7-9">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">aggregate =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'sum'</span></span>
<span id="cb7-10">    ),</span>
<span id="cb7-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">revenue =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb7-12">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Revenue'</span>,</span>
<span id="cb7-13">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">format =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colFormat</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">currency =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'USD'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">separators =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb7-14">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">aggregate =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'sum'</span></span>
<span id="cb7-15">    )</span>
<span id="cb7-16">  )</span>
<span id="cb7-17">) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb7-18">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_title</span>(</span>
<span id="cb7-19">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Hawaiian Pizza Sales in 2015'</span></span>
<span id="cb7-20">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb7-21">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_subtitle</span>(</span>
<span id="cb7-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">subtitle =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Based on the fake pizzaplace data from `{gt}`'</span>,</span>
<span id="cb7-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'normal'</span></span>
<span id="cb7-24">  )</span></code></pre></div>
<div class="cell-output-display">
<h1 style="color:#000;background:#FFFFFF;text-align:left;font-size:32px;font-style:normal;font-weight:bold;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">Hawaiian Pizza Sales in 2015</h1>
<h2 style="color:#000;background:#FFFFFF;text-align:left;font-size:24px;font-style:normal;font-weight:normal;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px" class="anchored">Based on the fake pizzaplace data from `{gt}`</h2>
<div class="reactable html-widget html-fill-item" id="htmlwidget-9fc02f339b71045ca44b" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-9fc02f339b71045ca44b">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"month":["January","February","March","April","May","June","July","August","September","October","November","December"],"quarter":["Q1","Q1","Q1","Q2","Q2","Q2","Q3","Q3","Q3","Q4","Q4","Q4"],"sales":[185,198,217,219,198,189,195,201,196,188,227,209],"revenue":[2442.75,2633,2878.5,2867.75,2688,2563.75,2620.25,2678.75,2616.25,2514.75,2952.75,2816.75]},"columns":[{"id":"month","name":"Month","type":["ordered","factor"]},{"id":"quarter","name":"Quarter","type":"character"},{"id":"sales","name":"Sales","type":"numeric","aggregate":"sum"},{"id":"revenue","name":"Revenue","type":"numeric","aggregate":"sum","format":{"cell":{"separators":true,"currency":"USD"},"aggregated":{"separators":true,"currency":"USD"}}}],"groupBy":["quarter"],"dataKey":"f77053f2d85c3b12c9412f1c43555f79"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
</section>
<section id="make-table-searchable" class="level2">
<h2 class="anchored" data-anchor-id="make-table-searchable">Make table searchable</h2>
<p>If we wanted to make our table more interactive, we could make the <code>month</code> column filterable. That way, we can look for particular columns. In that case, it probably makes sense to have the groups unfolded by default.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb8" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb8-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb8-2">  hawaiian_sales,</span>
<span id="cb8-3">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">groupBy =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'quarter'</span>,</span>
<span id="cb8-4">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">defaultExpanded =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>, <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Expand rows by default</span></span>
<span id="cb8-5">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb8-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">quarter =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Quarter'</span>),</span>
<span id="cb8-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">month =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb8-8">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Month'</span>,</span>
<span id="cb8-9">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">filterable =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>  <span class="co" style="color: #5E5E5E;
background-color: null;
font-style: inherit;"># Make column filterable</span></span>
<span id="cb8-10">    ),</span>
<span id="cb8-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sales =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb8-12">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Sales'</span>,</span>
<span id="cb8-13">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">aggregate =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'sum'</span></span>
<span id="cb8-14">    ),</span>
<span id="cb8-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">revenue =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb8-16">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Revenue'</span>,</span>
<span id="cb8-17">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">format =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colFormat</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">currency =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'USD'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">separators =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb8-18">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">aggregate =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'sum'</span></span>
<span id="cb8-19">    )</span>
<span id="cb8-20">  )</span>
<span id="cb8-21">) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb8-22">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_title</span>(</span>
<span id="cb8-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Hawaiian Pizza Sales in 2015'</span></span>
<span id="cb8-24">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb8-25">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_subtitle</span>(</span>
<span id="cb8-26">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">subtitle =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Based on the fake pizzaplace data from `{gt}`'</span>,</span>
<span id="cb8-27">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'normal'</span></span>
<span id="cb8-28">  )</span></code></pre></div>
<div class="cell-output-display">
<h1 style="color:#000;background:#FFFFFF;text-align:left;font-size:32px;font-style:normal;font-weight:bold;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">Hawaiian Pizza Sales in 2015</h1>
<h2 style="color:#000;background:#FFFFFF;text-align:left;font-size:24px;font-style:normal;font-weight:normal;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px" class="anchored">Based on the fake pizzaplace data from `{gt}`</h2>
<div class="reactable html-widget html-fill-item" id="htmlwidget-a4f2fb3e31f6d390d8d0" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-a4f2fb3e31f6d390d8d0">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"month":["January","February","March","April","May","June","July","August","September","October","November","December"],"quarter":["Q1","Q1","Q1","Q2","Q2","Q2","Q3","Q3","Q3","Q4","Q4","Q4"],"sales":[185,198,217,219,198,189,195,201,196,188,227,209],"revenue":[2442.75,2633,2878.5,2867.75,2688,2563.75,2620.25,2678.75,2616.25,2514.75,2952.75,2816.75]},"columns":[{"id":"month","name":"Month","type":["ordered","factor"],"filterable":true},{"id":"quarter","name":"Quarter","type":"character"},{"id":"sales","name":"Sales","type":"numeric","aggregate":"sum"},{"id":"revenue","name":"Revenue","type":"numeric","aggregate":"sum","format":{"cell":{"separators":true,"currency":"USD"},"aggregated":{"separators":true,"currency":"USD"}}}],"groupBy":["quarter"],"defaultExpanded":true,"dataKey":"d5427e6cf72966531457c9558e069541"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
</section>
<section id="add-a-total-footer" class="level2">
<h2 class="anchored" data-anchor-id="add-a-total-footer">Add a total footer</h2>
<p>There are two ways to add a total footer to a column. One, you can use an R function that takes the values and column name as an argument and calculates the result from that. Or two, you can use a JavaScript function to the same thing but dynamically. Let’s first start with the R-approach and then see its drawback.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb9" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb9-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb9-2">  hawaiian_sales,</span>
<span id="cb9-3">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">groupBy =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'quarter'</span>,</span>
<span id="cb9-4">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">defaultExpanded =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>, </span>
<span id="cb9-5">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb9-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">quarter =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Quarter'</span>),</span>
<span id="cb9-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">month =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb9-8">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Month'</span>,</span>
<span id="cb9-9">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">filterable =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>  </span>
<span id="cb9-10">    ),</span>
<span id="cb9-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sales =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb9-12">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Sales'</span>,</span>
<span id="cb9-13">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">aggregate =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'sum'</span>,</span>
<span id="cb9-14">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(values, name) {</span>
<span id="cb9-15">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sum</span>(values)</span>
<span id="cb9-16">      }</span>
<span id="cb9-17">    ),</span>
<span id="cb9-18">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">revenue =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb9-19">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Revenue'</span>,</span>
<span id="cb9-20">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">format =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colFormat</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">currency =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'USD'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">separators =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb9-21">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">aggregate =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'sum'</span>,</span>
<span id="cb9-22">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(values, name) {</span>
<span id="cb9-23">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sum</span>(values) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">dollar</span>()</span>
<span id="cb9-24">      }</span>
<span id="cb9-25">    )</span>
<span id="cb9-26">  )</span>
<span id="cb9-27">) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb9-28">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_title</span>(</span>
<span id="cb9-29">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Hawaiian Pizza Sales in 2015'</span></span>
<span id="cb9-30">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb9-31">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_subtitle</span>(</span>
<span id="cb9-32">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">subtitle =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Based on the fake pizzaplace data from `{gt}`'</span>,</span>
<span id="cb9-33">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'normal'</span></span>
<span id="cb9-34">  )</span></code></pre></div>
<div class="cell-output-display">
<h1 style="color:#000;background:#FFFFFF;text-align:left;font-size:32px;font-style:normal;font-weight:bold;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">Hawaiian Pizza Sales in 2015</h1>
<h2 style="color:#000;background:#FFFFFF;text-align:left;font-size:24px;font-style:normal;font-weight:normal;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px" class="anchored">Based on the fake pizzaplace data from `{gt}`</h2>
<div class="reactable html-widget html-fill-item" id="htmlwidget-3c92a55d19caefbff542" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-3c92a55d19caefbff542">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"month":["January","February","March","April","May","June","July","August","September","October","November","December"],"quarter":["Q1","Q1","Q1","Q2","Q2","Q2","Q3","Q3","Q3","Q4","Q4","Q4"],"sales":[185,198,217,219,198,189,195,201,196,188,227,209],"revenue":[2442.75,2633,2878.5,2867.75,2688,2563.75,2620.25,2678.75,2616.25,2514.75,2952.75,2816.75]},"columns":[{"id":"month","name":"Month","type":["ordered","factor"],"filterable":true},{"id":"quarter","name":"Quarter","type":"character"},{"id":"sales","name":"Sales","type":"numeric","aggregate":"sum","footer":"2422"},{"id":"revenue","name":"Revenue","type":"numeric","aggregate":"sum","format":{"cell":{"separators":true,"currency":"USD"},"aggregated":{"separators":true,"currency":"USD"}},"footer":"$32,273.25"}],"groupBy":["quarter"],"defaultExpanded":true,"dataKey":"a54a7dac0658c9b06fc2fd6ba5fe1b63"},"children":[]},"class":"reactR_markup"},"evals":[],"jsHooks":[]}</script>
</div>
</div>
<p>But if you filter for January now, you will see that the overall total doesn’t update. That’s not something that R can do for you. That’s where JavaScript comes in. Thankfully, the <a href="https://glin.github.io/reactable/articles/cookbook/cookbook.html#total-rows">reactable cookbook</a> gives you the JS code you need.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb10" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb10-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb10-2">  hawaiian_sales,</span>
<span id="cb10-3">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">groupBy =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'quarter'</span>,</span>
<span id="cb10-4">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">defaultExpanded =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>,</span>
<span id="cb10-5">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb10-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">quarter =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Quarter'</span>),</span>
<span id="cb10-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">month =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb10-8">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Month'</span>,</span>
<span id="cb10-9">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">filterable =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span> </span>
<span id="cb10-10">    ),</span>
<span id="cb10-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sales =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb10-12">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Sales'</span>,</span>
<span id="cb10-13">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">aggregate =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'sum'</span>,</span>
<span id="cb10-14">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span>  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">JS</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"function(column, state) {</span></span>
<span id="cb10-15"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        let total = 0</span></span>
<span id="cb10-16"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        state.sortedData.forEach(function(row) {</span></span>
<span id="cb10-17"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">          total += row[column.id]</span></span>
<span id="cb10-18"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        })</span></span>
<span id="cb10-19"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        return total</span></span>
<span id="cb10-20"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">      }"</span>),</span>
<span id="cb10-21">    ),</span>
<span id="cb10-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">revenue =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb10-23">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Revenue'</span>,</span>
<span id="cb10-24">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">format =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colFormat</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">currency =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'USD'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">separators =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb10-25">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">aggregate =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'sum'</span>,</span>
<span id="cb10-26">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span>  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">JS</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"function(column, state) {</span></span>
<span id="cb10-27"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        let total = 0</span></span>
<span id="cb10-28"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        state.sortedData.forEach(function(row) {</span></span>
<span id="cb10-29"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">          total += row[column.id]</span></span>
<span id="cb10-30"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        })</span></span>
<span id="cb10-31"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        return total.toLocaleString('en-US', { style: 'currency', currency: 'USD' })</span></span>
<span id="cb10-32"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">      }"</span>)</span>
<span id="cb10-33">    )</span>
<span id="cb10-34">  )</span>
<span id="cb10-35">) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb10-36">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_title</span>(</span>
<span id="cb10-37">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Hawaiian Pizza Sales in 2015'</span></span>
<span id="cb10-38">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb10-39">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_subtitle</span>(</span>
<span id="cb10-40">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">subtitle =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Based on the fake pizzaplace data from `{gt}`'</span>,</span>
<span id="cb10-41">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'normal'</span></span>
<span id="cb10-42">  )</span></code></pre></div>
<div class="cell-output-display">
<h1 style="color:#000;background:#FFFFFF;text-align:left;font-size:32px;font-style:normal;font-weight:bold;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">Hawaiian Pizza Sales in 2015</h1>
<h2 style="color:#000;background:#FFFFFF;text-align:left;font-size:24px;font-style:normal;font-weight:normal;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px" class="anchored">Based on the fake pizzaplace data from `{gt}`</h2>
<div class="reactable html-widget html-fill-item" id="htmlwidget-521046900cec46bc3df5" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-521046900cec46bc3df5">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"month":["January","February","March","April","May","June","July","August","September","October","November","December"],"quarter":["Q1","Q1","Q1","Q2","Q2","Q2","Q3","Q3","Q3","Q4","Q4","Q4"],"sales":[185,198,217,219,198,189,195,201,196,188,227,209],"revenue":[2442.75,2633,2878.5,2867.75,2688,2563.75,2620.25,2678.75,2616.25,2514.75,2952.75,2816.75]},"columns":[{"id":"month","name":"Month","type":["ordered","factor"],"filterable":true},{"id":"quarter","name":"Quarter","type":"character"},{"id":"sales","name":"Sales","type":"numeric","aggregate":"sum","footer":"function(column, state) {\n        let total = 0\n        state.sortedData.forEach(function(row) {\n          total += row[column.id]\n        })\n        return total\n      }"},{"id":"revenue","name":"Revenue","type":"numeric","aggregate":"sum","format":{"cell":{"separators":true,"currency":"USD"},"aggregated":{"separators":true,"currency":"USD"}},"footer":"function(column, state) {\n        let total = 0\n        state.sortedData.forEach(function(row) {\n          total += row[column.id]\n        })\n        return total.toLocaleString('en-US', { style: 'currency', currency: 'USD' })\n      }"}],"groupBy":["quarter"],"defaultExpanded":true,"dataKey":"5c2288766fdbcd514fabd968450a3b7f"},"children":[]},"class":"reactR_markup"},"evals":["tag.attribs.columns.2.footer","tag.attribs.columns.3.footer"],"jsHooks":[]}</script>
</div>
</div>
</section>
<section id="change-row-styling" class="level2">
<h2 class="anchored" data-anchor-id="change-row-styling">Change row styling</h2>
<p>Finally, to add a little bit more style and visual structure let us make the group rows blue. Let’s first try to change the <code>theme()</code> argument with the <code>reactableTheme()</code> helper function.</p>
<p>With that we can inject a bit of CSS to our table. The <code>{htmltools}</code> package makes it easy to combine multiple style instructions.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb11" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb11-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb11-2">  hawaiian_sales,</span>
<span id="cb11-3">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">groupBy =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'quarter'</span>,</span>
<span id="cb11-4">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">defaultExpanded =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>,</span>
<span id="cb11-5">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb11-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">quarter =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Quarter'</span>),</span>
<span id="cb11-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">month =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb11-8">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Month'</span>,</span>
<span id="cb11-9">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">filterable =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span> </span>
<span id="cb11-10">    ),</span>
<span id="cb11-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sales =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb11-12">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Sales'</span>,</span>
<span id="cb11-13">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">aggregate =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'sum'</span>,</span>
<span id="cb11-14">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span>  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">JS</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"function(column, state) {</span></span>
<span id="cb11-15"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        let total = 0</span></span>
<span id="cb11-16"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        state.sortedData.forEach(function(row) {</span></span>
<span id="cb11-17"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">          total += row[column.id]</span></span>
<span id="cb11-18"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        })</span></span>
<span id="cb11-19"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        return total</span></span>
<span id="cb11-20"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">      }"</span>),</span>
<span id="cb11-21">    ),</span>
<span id="cb11-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">revenue =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb11-23">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Revenue'</span>,</span>
<span id="cb11-24">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">format =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colFormat</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">currency =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'USD'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">separators =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb11-25">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">aggregate =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'sum'</span>,</span>
<span id="cb11-26">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span>  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">JS</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"function(column, state) {</span></span>
<span id="cb11-27"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        let total = 0</span></span>
<span id="cb11-28"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        state.sortedData.forEach(function(row) {</span></span>
<span id="cb11-29"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">          total += row[column.id]</span></span>
<span id="cb11-30"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        })</span></span>
<span id="cb11-31"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        return total.toLocaleString('en-US', { style: 'currency', currency: 'USD' })</span></span>
<span id="cb11-32"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">      }"</span>)</span>
<span id="cb11-33">    )</span>
<span id="cb11-34">  ),</span>
<span id="cb11-35">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">theme =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactableTheme</span>(</span>
<span id="cb11-36">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">rowGroupStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb11-37">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">background =</span>  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#E7EDF3'</span>, </span>
<span id="cb11-38">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">borderLeft =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid #104E8B'</span> </span>
<span id="cb11-39">    )</span>
<span id="cb11-40">  )</span>
<span id="cb11-41">) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb11-42">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_title</span>(</span>
<span id="cb11-43">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Hawaiian Pizza Sales in 2015'</span></span>
<span id="cb11-44">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb11-45">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_subtitle</span>(</span>
<span id="cb11-46">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">subtitle =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Based on the fake pizzaplace data from `{gt}`'</span>,</span>
<span id="cb11-47">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'normal'</span></span>
<span id="cb11-48">  )</span></code></pre></div>
<div class="cell-output-display">
<h1 style="color:#000;background:#FFFFFF;text-align:left;font-size:32px;font-style:normal;font-weight:bold;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">Hawaiian Pizza Sales in 2015</h1>
<h2 style="color:#000;background:#FFFFFF;text-align:left;font-size:24px;font-style:normal;font-weight:normal;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px" class="anchored">Based on the fake pizzaplace data from `{gt}`</h2>
<div class="reactable html-widget html-fill-item" id="htmlwidget-53b7e26610d7893b2c08" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-53b7e26610d7893b2c08">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"month":["January","February","March","April","May","June","July","August","September","October","November","December"],"quarter":["Q1","Q1","Q1","Q2","Q2","Q2","Q3","Q3","Q3","Q4","Q4","Q4"],"sales":[185,198,217,219,198,189,195,201,196,188,227,209],"revenue":[2442.75,2633,2878.5,2867.75,2688,2563.75,2620.25,2678.75,2616.25,2514.75,2952.75,2816.75]},"columns":[{"id":"month","name":"Month","type":["ordered","factor"],"filterable":true},{"id":"quarter","name":"Quarter","type":"character"},{"id":"sales","name":"Sales","type":"numeric","aggregate":"sum","footer":"function(column, state) {\n        let total = 0\n        state.sortedData.forEach(function(row) {\n          total += row[column.id]\n        })\n        return total\n      }"},{"id":"revenue","name":"Revenue","type":"numeric","aggregate":"sum","format":{"cell":{"separators":true,"currency":"USD"},"aggregated":{"separators":true,"currency":"USD"}},"footer":"function(column, state) {\n        let total = 0\n        state.sortedData.forEach(function(row) {\n          total += row[column.id]\n        })\n        return total.toLocaleString('en-US', { style: 'currency', currency: 'USD' })\n      }"}],"groupBy":["quarter"],"defaultExpanded":true,"theme":{"rowGroupStyle":"background:#E7EDF3;border-left:2px solid #104E8B;"},"dataKey":"5c2288766fdbcd514fabd968450a3b7f"},"children":[]},"class":"reactR_markup"},"evals":["tag.attribs.columns.2.footer","tag.attribs.columns.3.footer"],"jsHooks":[]}</script>
</div>
</div>
<p>Unfortunately, this didn’t do what we want. This seems to target all cells in our table because they are all a row of some group. But to only highlight the header row of each group we will have to proceed differently.</p>
<p>For that, we need to write a JavaScript function that takes the <code>rowInfo</code> object as an argument and returns a JSON object with camelCased style properties. Thankfully, the <a href="https://glin.github.io/reactable/articles/cookbook/cookbook.html#style-nested-rows">reactable cookbook</a> shows you exactly what you need.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb12" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb12-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb12-2">  hawaiian_sales,</span>
<span id="cb12-3">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">groupBy =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'quarter'</span>,</span>
<span id="cb12-4">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">defaultExpanded =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>,</span>
<span id="cb12-5">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb12-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">quarter =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Quarter'</span>),</span>
<span id="cb12-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">month =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb12-8">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Month'</span>,</span>
<span id="cb12-9">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">filterable =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span> </span>
<span id="cb12-10">    ),</span>
<span id="cb12-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sales =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb12-12">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Sales'</span>,</span>
<span id="cb12-13">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">aggregate =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'sum'</span>,</span>
<span id="cb12-14">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span>  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">JS</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"function(column, state) {</span></span>
<span id="cb12-15"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        let total = 0</span></span>
<span id="cb12-16"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        state.sortedData.forEach(function(row) {</span></span>
<span id="cb12-17"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">          total += row[column.id]</span></span>
<span id="cb12-18"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        })</span></span>
<span id="cb12-19"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        return total</span></span>
<span id="cb12-20"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">      }"</span>),</span>
<span id="cb12-21">    ),</span>
<span id="cb12-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">revenue =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb12-23">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Revenue'</span>,</span>
<span id="cb12-24">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">format =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colFormat</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">currency =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'USD'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">separators =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb12-25">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">aggregate =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'sum'</span>,</span>
<span id="cb12-26">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span>  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">JS</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"function(column, state) {</span></span>
<span id="cb12-27"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        let total = 0</span></span>
<span id="cb12-28"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        state.sortedData.forEach(function(row) {</span></span>
<span id="cb12-29"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">          total += row[column.id]</span></span>
<span id="cb12-30"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        })</span></span>
<span id="cb12-31"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        return total.toLocaleString('en-US', { style: 'currency', currency: 'USD' })</span></span>
<span id="cb12-32"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">      }"</span>)</span>
<span id="cb12-33">    )</span>
<span id="cb12-34">  ),</span>
<span id="cb12-35">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">rowStyle =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">JS</span>(</span>
<span id="cb12-36">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"function(rowInfo) {</span></span>
<span id="cb12-37"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">      if (rowInfo.level == 0) { // corresponds to row group</span></span>
<span id="cb12-38"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        return { </span></span>
<span id="cb12-39"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">          background: '#E7EDF3', </span></span>
<span id="cb12-40"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">          borderLeft: '2px solid #104E8B',</span></span>
<span id="cb12-41"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">          fontWeight: 600</span></span>
<span id="cb12-42"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        }</span></span>
<span id="cb12-43"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">      } </span></span>
<span id="cb12-44"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">    }"</span></span>
<span id="cb12-45">  ),</span>
<span id="cb12-46">) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb12-47">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_title</span>(</span>
<span id="cb12-48">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Hawaiian Pizza Sales in 2015'</span></span>
<span id="cb12-49">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb12-50">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_subtitle</span>(</span>
<span id="cb12-51">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">subtitle =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Based on the fake pizzaplace data from `{gt}`'</span>,</span>
<span id="cb12-52">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'normal'</span></span>
<span id="cb12-53">  )</span></code></pre></div>
<div class="cell-output-display">
<h1 style="color:#000;background:#FFFFFF;text-align:left;font-size:32px;font-style:normal;font-weight:bold;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">Hawaiian Pizza Sales in 2015</h1>
<h2 style="color:#000;background:#FFFFFF;text-align:left;font-size:24px;font-style:normal;font-weight:normal;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px" class="anchored">Based on the fake pizzaplace data from `{gt}`</h2>
<div class="reactable html-widget html-fill-item" id="htmlwidget-907ced22c11f310dbeff" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-907ced22c11f310dbeff">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"month":["January","February","March","April","May","June","July","August","September","October","November","December"],"quarter":["Q1","Q1","Q1","Q2","Q2","Q2","Q3","Q3","Q3","Q4","Q4","Q4"],"sales":[185,198,217,219,198,189,195,201,196,188,227,209],"revenue":[2442.75,2633,2878.5,2867.75,2688,2563.75,2620.25,2678.75,2616.25,2514.75,2952.75,2816.75]},"columns":[{"id":"month","name":"Month","type":["ordered","factor"],"filterable":true},{"id":"quarter","name":"Quarter","type":"character"},{"id":"sales","name":"Sales","type":"numeric","aggregate":"sum","footer":"function(column, state) {\n        let total = 0\n        state.sortedData.forEach(function(row) {\n          total += row[column.id]\n        })\n        return total\n      }"},{"id":"revenue","name":"Revenue","type":"numeric","aggregate":"sum","format":{"cell":{"separators":true,"currency":"USD"},"aggregated":{"separators":true,"currency":"USD"}},"footer":"function(column, state) {\n        let total = 0\n        state.sortedData.forEach(function(row) {\n          total += row[column.id]\n        })\n        return total.toLocaleString('en-US', { style: 'currency', currency: 'USD' })\n      }"}],"groupBy":["quarter"],"defaultExpanded":true,"rowStyle":"function(rowInfo) {\n      if (rowInfo.level == 0) { // corresponds to row group\n        return { \n          background: '#E7EDF3', \n          borderLeft: '2px solid #104E8B',\n          fontWeight: 600\n        }\n      } \n    }","dataKey":"5c2288766fdbcd514fabd968450a3b7f"},"children":[]},"class":"reactR_markup"},"evals":["tag.attribs.columns.2.footer","tag.attribs.columns.3.footer","tag.attribs.rowStyle"],"jsHooks":[]}</script>
</div>
</div>
</section>
<section id="change-footer-style" class="level2">
<h2 class="anchored" data-anchor-id="change-footer-style">Change footer style</h2>
<p>But defining plain CSS without having to wrap it in JS code can still be useful. For example, you could make the footer a bit nicer.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb13" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb13-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">reactable</span>(</span>
<span id="cb13-2">  hawaiian_sales,</span>
<span id="cb13-3">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">groupBy =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'quarter'</span>,</span>
<span id="cb13-4">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">defaultExpanded =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>,</span>
<span id="cb13-5">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">columns =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">list</span>(</span>
<span id="cb13-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">quarter =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Quarter'</span>),</span>
<span id="cb13-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">month =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb13-8">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Month'</span>,</span>
<span id="cb13-9">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">filterable =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span> </span>
<span id="cb13-10">    ),</span>
<span id="cb13-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sales =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb13-12">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Sales'</span>,</span>
<span id="cb13-13">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">aggregate =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'sum'</span>,</span>
<span id="cb13-14">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span>  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">JS</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"function(column, state) {</span></span>
<span id="cb13-15"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        let total = 0</span></span>
<span id="cb13-16"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        state.sortedData.forEach(function(row) {</span></span>
<span id="cb13-17"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">          total += row[column.id]</span></span>
<span id="cb13-18"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        })</span></span>
<span id="cb13-19"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        return total</span></span>
<span id="cb13-20"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">      }"</span>),</span>
<span id="cb13-21">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footerStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb13-22">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb13-23">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_top =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid black'</span></span>
<span id="cb13-24">      )</span>
<span id="cb13-25">    ),</span>
<span id="cb13-26">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">revenue =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colDef</span>(</span>
<span id="cb13-27">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">name =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Revenue'</span>,</span>
<span id="cb13-28">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">format =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">colFormat</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">currency =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'USD'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">separators =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb13-29">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">aggregate =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'sum'</span>,</span>
<span id="cb13-30">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footer =</span>  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">JS</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"function(column, state) {</span></span>
<span id="cb13-31"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        let total = 0</span></span>
<span id="cb13-32"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        state.sortedData.forEach(function(row) {</span></span>
<span id="cb13-33"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">          total += row[column.id]</span></span>
<span id="cb13-34"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        })</span></span>
<span id="cb13-35"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        return total.toLocaleString('en-US', { style: 'currency', currency: 'USD' })</span></span>
<span id="cb13-36"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">      }"</span>),</span>
<span id="cb13-37">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">footerStyle =</span> htmltools<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">css</span>(</span>
<span id="cb13-38">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb13-39">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_top =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'2px solid black'</span></span>
<span id="cb13-40">      )</span>
<span id="cb13-41">    )</span>
<span id="cb13-42">  ),</span>
<span id="cb13-43">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">rowStyle =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">JS</span>(</span>
<span id="cb13-44">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">"function(rowInfo) {</span></span>
<span id="cb13-45"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">      if (rowInfo.level == 0) { // corresponds to row group</span></span>
<span id="cb13-46"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        return { </span></span>
<span id="cb13-47"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">          background: '#E7EDF3', </span></span>
<span id="cb13-48"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">          borderLeft: '2px solid #104E8B',</span></span>
<span id="cb13-49"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">          fontWeight: 600</span></span>
<span id="cb13-50"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">        }</span></span>
<span id="cb13-51"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">      } </span></span>
<span id="cb13-52"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">    }"</span></span>
<span id="cb13-53">  ),</span>
<span id="cb13-54">) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb13-55">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_title</span>(</span>
<span id="cb13-56">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Hawaiian Pizza Sales in 2015'</span></span>
<span id="cb13-57">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb13-58">  reactablefmtr<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">add_subtitle</span>(</span>
<span id="cb13-59">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">subtitle =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Based on the fake pizzaplace data from `{gt}`'</span>,</span>
<span id="cb13-60">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">font_weight =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'normal'</span></span>
<span id="cb13-61">  )</span></code></pre></div>
<div class="cell-output-display">
<h1 style="color:#000;background:#FFFFFF;text-align:left;font-size:32px;font-style:normal;font-weight:bold;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">Hawaiian Pizza Sales in 2015</h1>
<h2 style="color:#000;background:#FFFFFF;text-align:left;font-size:24px;font-style:normal;font-weight:normal;text-decoration:;letter-spacing:px;word-spacing:px;text-transform:;text-shadow:;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px" class="anchored">Based on the fake pizzaplace data from `{gt}`</h2>
<div class="reactable html-widget html-fill-item" id="htmlwidget-868cdd8f89589b5f7d42" style="width:auto;height:auto;"></div>
<script type="application/json" data-for="htmlwidget-868cdd8f89589b5f7d42">{"x":{"tag":{"name":"Reactable","attribs":{"data":{"month":["January","February","March","April","May","June","July","August","September","October","November","December"],"quarter":["Q1","Q1","Q1","Q2","Q2","Q2","Q3","Q3","Q3","Q4","Q4","Q4"],"sales":[185,198,217,219,198,189,195,201,196,188,227,209],"revenue":[2442.75,2633,2878.5,2867.75,2688,2563.75,2620.25,2678.75,2616.25,2514.75,2952.75,2816.75]},"columns":[{"id":"month","name":"Month","type":["ordered","factor"],"filterable":true},{"id":"quarter","name":"Quarter","type":"character"},{"id":"sales","name":"Sales","type":"numeric","aggregate":"sum","footer":"function(column, state) {\n        let total = 0\n        state.sortedData.forEach(function(row) {\n          total += row[column.id]\n        })\n        return total\n      }","footerStyle":{"font-weight":"600","border-top":"2px solid black"}},{"id":"revenue","name":"Revenue","type":"numeric","aggregate":"sum","format":{"cell":{"separators":true,"currency":"USD"},"aggregated":{"separators":true,"currency":"USD"}},"footer":"function(column, state) {\n        let total = 0\n        state.sortedData.forEach(function(row) {\n          total += row[column.id]\n        })\n        return total.toLocaleString('en-US', { style: 'currency', currency: 'USD' })\n      }","footerStyle":{"font-weight":"600","border-top":"2px solid black"}}],"groupBy":["quarter"],"defaultExpanded":true,"rowStyle":"function(rowInfo) {\n      if (rowInfo.level == 0) { // corresponds to row group\n        return { \n          background: '#E7EDF3', \n          borderLeft: '2px solid #104E8B',\n          fontWeight: 600\n        }\n      } \n    }","dataKey":"df84bc24a88767b7a2398598b8c2d36e"},"children":[]},"class":"reactR_markup"},"evals":["tag.attribs.columns.2.footer","tag.attribs.columns.3.footer","tag.attribs.rowStyle"],"jsHooks":[]}</script>
</div>
</div>


</section>

 ]]></description>
  <guid>https://albert-rapp.de/posts/28_reactable_intro/28_reactable_intro.html</guid>
  <pubDate>Sat, 17 Aug 2024 22:00:00 GMT</pubDate>
</item>
<item>
  <title>An R User’s Guide to Other Programming Languages</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/27_language_r_guide/27_language_r_guide.html</link>
  <description><![CDATA[ 




<p>Real-world problem often happen at the intersection of many areas. For example, maybe you want to build a web app for easier data ingestion. As an R user that’s no problem. You can easily dabble into the world of web development using the fantastic Shiny package.</p>
<p>But if you’re in that world, you will soon reach the boundaries of where using only R code can get you out of trouble. You will soon find that any meaningful Shiny app will have to sooner rather than later deal with problems that happen at the intersection of R and traditional webdev languages like HTML, CSS &amp; JS. That’s where it helps to know a bit about these languages.</p>
<p>Similarly, you may want to incorporate a cool machine learning model into your app that’s only available in Python. In that case, knowing how to handle Python can be beneficial. Even if you do most of your scripting in R.</p>
<p>Or if some part of your R analysis is slow, it can be helpful to refactor some of your code in a compiled programming language like C++. That way, some of your bottle-neck functions can become blazingly fast all of a sudden.</p>
<p>And there are lots more examples where knowing your way around other programming languages can be really helpful. No one is saying that you need to give up R and become an expert in the other languages, though. You can make great progress by just knowing the basics of a language and combining that with your programming knowledge that you have already acquired through R programming.</p>
<p>In that spirit, this collection of resources is supposed to help you ease your way into other programming languages. The goal here is to highlight resources that will give you a gentle nudge towards these other languages when coming from R. Some of the resources I have created, some of them are things I’ve collected from the wider R community. If I forgot one of your favorite resources, don’t hesitate to put them into the comments.</p>
<section id="python" class="level2">
<h2 class="anchored" data-anchor-id="python">Python</h2>
<p>Probably the most popular data science programming language currently is Python. It’s particularly strong in the ML field.</p>
<ul>
<li><p>Emily Riederer put together a fantastic series on the “Rgonomics” of Python:</p>
<ul>
<li><p>The <a href="https://www.emilyriederer.com/post/py-rgo/">first installment</a> is a great way to learn about Python generally</p></li>
<li><p>The <a href="https://www.emilyriederer.com/post/py-rgo-polars/">second installment on <code>polars</code></a> is a great primer on <code>polars</code> which is a great framework for data wrangling.</p></li>
<li><p>The <a href="https://www.emilyriederer.com/post/py-rgo-base/">third installment</a> is a more general primer on Pythonic concepts like list comprehension.</p></li>
</ul></li>
<li><p><a href="https://blog.tidy-intelligence.com/">Christoph Scheuch’s TidyIntelligence Blog</a> put together a couple of great comparison blog posts:</p>
<ul>
<li><p>For data visualization: <a href="https://blog.tidy-intelligence.com/posts/ggplot2-vs-matplotlib/">ggplot2 vs matplotlib</a> and <a href="https://blog.tidy-intelligence.com/posts/ggplot2-vs-plotnine/">ggplot2 vs plotnins</a></p></li>
<li><p>For data wrangling: <a href="https://blog.tidy-intelligence.com/posts/dplyr-vs-pandas/">dplyr vs pandas</a>, <a href="https://blog.tidy-intelligence.com/posts/dplyr-vs-polars/">dplyr vs polars</a>, <a href="https://blog.tidy-intelligence.com/posts/dplyr-vs-siuba/">dplyr vs siuba</a> and <a href="https://blog.tidy-intelligence.com/posts/dplyr-vs-ibis/">dplyr vs ibis</a></p></li>
</ul></li>
</ul>
</section>
<section id="html-css" class="level2">
<h2 class="anchored" data-anchor-id="html-css">HTML &amp; CSS</h2>
<p>If you ever want to make your <code>{gt}</code>/<code>{flextable}</code>/<code>{reactable}</code> tables or your Shiny app or your Quarto documents look nice, then there’s no way around these two languages. A lot of the things that these languages can offer you, can be practiced from within R using the <code>{htmltools}</code> package.</p>
<ul>
<li><p>I have created a “Web Dev for R Users” video series, that will get you started:</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/CD-Gk5B6rz0" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div></li>
<li><p>Other than that, I found the <a href="https://unleash-shiny.rinterface.com/">Outstanding User Interfaces with Shiny book</a> by David Granjon fantastic.</p></li>
</ul>
</section>
<section id="javascript" class="level2">
<h2 class="anchored" data-anchor-id="javascript">Javascript</h2>
<p>Javascript (JS) is another language that is used everywhere within web development. If HTML &amp; CSS make your documents, tables and apps look nice, JS makes them interactive.</p>
<ul>
<li><p>A nice way to dip your toes into the JS waters comes via Observable plots. They give you a nice way to to create charts using the grammar of graphics (just like <code>{ggplot2}</code>). A nice side-by-side comparison can be found in this <a href="https://observablehq.com/@observablehq/plot-from-ggplot2">fantastic guide by Allison Horst</a></p></li>
<li><p>There is also a nice video series for Observable plots.</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/tHorkp-WCQY" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div></li>
<li><p>A nice and free resource is also the <a href="https://book.javascript-for-r.com/">JavaScript for R book</a> by John Coene</p></li>
<li><p>If you want to take a deeper dive into web development with Javascript, you may also enjoy the free <a href="https://fullstackopen.com/en/">“Deep Dive Into Modern Web Development”</a> course (even if it’s not R centered)</p></li>
</ul>


</section>

 ]]></description>
  <guid>https://albert-rapp.de/posts/27_language_r_guide/27_language_r_guide.html</guid>
  <pubDate>Mon, 12 Aug 2024 22:00:00 GMT</pubDate>
</item>
<item>
  <title>Calendar Plots With ggplot2</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/ggplot2-tips/35_calendar_plots/35_calendar_plots.html</link>
  <description><![CDATA[ 




<p><link rel="stylesheet" href="../../../new_code_theme.css"></p>
<p>Take a look at this chart:</p>
<div class="cell">
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="35_calendar_plots_files/figure-html/unnamed-chunk-2-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-1"><img src="https://albert-rapp.de/posts/ggplot2-tips/35_calendar_plots/35_calendar_plots_files/figure-html/unnamed-chunk-2-1.png" class="img-fluid figure-img" style="width:80.0%"></a></p>
</figure>
</div>
</div>
</div>
<p>Clearly, it shows a periodic behavior. At some point of the week there are always much less flights scheduled than on other days of the week. This begs the question: <em>“On what day are there less flights?”</em></p>
<p>It would be great if there’s a visualization that can show that more clearly. Thankfully, there is. Namely, there are calendar plots that can do just that. And with <code>{ggplot2}</code> it’s not that hard to create them.</p>
<p>In this blog post I show you how. All of the code can be found here. For more detailed explanations, check out the corresponding YT video:</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/PeqGCzvfCHs" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<section id="load-the-tidyverse-and-take-a-look-at-our-data" class="level2">
<h2 class="anchored" data-anchor-id="load-the-tidyverse-and-take-a-look-at-our-data">Load the tidyverse and take a look at our data</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb1" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb1-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(tidyverse)</span>
<span id="cb1-2">flights <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> nycflights13<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>flights</span>
<span id="cb1-3">flights</span>
<span id="cb1-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 336,776 × 19</span></span>
<span id="cb1-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##     year month   day dep_time sched_dep_time dep_delay arr_time sched_arr_time</span></span>
<span id="cb1-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;int&gt; &lt;int&gt; &lt;int&gt;    &lt;int&gt;          &lt;int&gt;     &lt;dbl&gt;    &lt;int&gt;          &lt;int&gt;</span></span>
<span id="cb1-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1  2013     1     1      517            515         2      830            819</span></span>
<span id="cb1-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2  2013     1     1      533            529         4      850            830</span></span>
<span id="cb1-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3  2013     1     1      542            540         2      923            850</span></span>
<span id="cb1-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4  2013     1     1      544            545        -1     1004           1022</span></span>
<span id="cb1-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5  2013     1     1      554            600        -6      812            837</span></span>
<span id="cb1-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6  2013     1     1      554            558        -4      740            728</span></span>
<span id="cb1-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7  2013     1     1      555            600        -5      913            854</span></span>
<span id="cb1-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8  2013     1     1      557            600        -3      709            723</span></span>
<span id="cb1-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9  2013     1     1      557            600        -3      838            846</span></span>
<span id="cb1-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10  2013     1     1      558            600        -2      753            745</span></span>
<span id="cb1-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 336,766 more rows</span></span>
<span id="cb1-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 11 more variables: arr_delay &lt;dbl&gt;, carrier &lt;chr&gt;, flight &lt;int&gt;,</span></span>
<span id="cb1-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   tailnum &lt;chr&gt;, origin &lt;chr&gt;, dest &lt;chr&gt;, air_time &lt;dbl&gt;, distance &lt;dbl&gt;,</span></span>
<span id="cb1-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## #   hour &lt;dbl&gt;, minute &lt;dbl&gt;, time_hour &lt;dttm&gt;</span></span></code></pre></div>
</div>
</section>
<section id="count-flights-per-date" class="level2">
<h2 class="anchored" data-anchor-id="count-flights-per-date">Count flights per date</h2>
<p>From the first three columns we can easily create a date and then count how often each date appears</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb2" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb2-1">date_counts <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> flights <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb2-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb2-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">date =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">make_date</span>(</span>
<span id="cb2-4">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">year =</span> year, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">month =</span> month, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">day =</span> day</span>
<span id="cb2-5">    )</span>
<span id="cb2-6">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb2-7">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">count</span>(date) </span>
<span id="cb2-8">date_counts</span>
<span id="cb2-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 365 × 2</span></span>
<span id="cb2-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    date           n</span></span>
<span id="cb2-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;date&gt;     &lt;int&gt;</span></span>
<span id="cb2-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 2013-01-01   842</span></span>
<span id="cb2-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 2013-01-02   943</span></span>
<span id="cb2-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 2013-01-03   914</span></span>
<span id="cb2-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 2013-01-04   915</span></span>
<span id="cb2-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 2013-01-05   720</span></span>
<span id="cb2-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 2013-01-06   832</span></span>
<span id="cb2-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 2013-01-07   933</span></span>
<span id="cb2-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 2013-01-08   899</span></span>
<span id="cb2-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 2013-01-09   902</span></span>
<span id="cb2-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 2013-01-10   932</span></span>
<span id="cb2-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 355 more rows</span></span></code></pre></div>
</div>
</section>
<section id="get-days-of-the-month-week-day-week-of-month" class="level2">
<h2 class="anchored" data-anchor-id="get-days-of-the-month-week-day-week-of-month">Get days of the month, week day, week of month</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb3" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb3-1">date_counts_w_labels <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> date_counts <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb3-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb3-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">day =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mday</span>(date),</span>
<span id="cb3-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">month =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">month</span>(</span>
<span id="cb3-5">      date, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> T, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">abbr =</span> F, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">locale =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'en_US.UTF-8'</span></span>
<span id="cb3-6">    ),</span>
<span id="cb3-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">wday =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">wday</span>(date, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> T, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">locale =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'en_US.UTF-8'</span>),</span>
<span id="cb3-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">week =</span> stringi<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">stri_datetime_fields</span>(date)<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>WeekOfMonth</span>
<span id="cb3-9">  )</span>
<span id="cb3-10">date_counts_w_labels</span>
<span id="cb3-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 365 × 6</span></span>
<span id="cb3-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    date           n   day month   wday   week</span></span>
<span id="cb3-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;date&gt;     &lt;int&gt; &lt;int&gt; &lt;ord&gt;   &lt;ord&gt; &lt;int&gt;</span></span>
<span id="cb3-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 2013-01-01   842     1 January Tue       1</span></span>
<span id="cb3-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 2013-01-02   943     2 January Wed       1</span></span>
<span id="cb3-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 2013-01-03   914     3 January Thu       1</span></span>
<span id="cb3-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 2013-01-04   915     4 January Fri       1</span></span>
<span id="cb3-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 2013-01-05   720     5 January Sat       1</span></span>
<span id="cb3-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 2013-01-06   832     6 January Sun       2</span></span>
<span id="cb3-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 2013-01-07   933     7 January Mon       2</span></span>
<span id="cb3-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 2013-01-08   899     8 January Tue       2</span></span>
<span id="cb3-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 2013-01-09   902     9 January Wed       2</span></span>
<span id="cb3-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 2013-01-10   932    10 January Thu       2</span></span>
<span id="cb3-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 355 more rows</span></span></code></pre></div>
</div>
</section>
<section id="create-first-faceted-plot" class="level2">
<h2 class="anchored" data-anchor-id="create-first-faceted-plot">Create first faceted plot</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb4" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb4-1">labels_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'grey30'</span></span>
<span id="cb4-2"></span>
<span id="cb4-3">date_counts_w_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb4-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(wday, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span> week)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb4-5">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_tile</span>(</span>
<span id="cb4-6">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> n), </span>
<span id="cb4-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> labels_color</span>
<span id="cb4-8">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb4-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">facet_wrap</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">vars</span>(month), <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ncol =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>)</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="35_calendar_plots_files/figure-html/unnamed-chunk-6-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-2"><img src="https://albert-rapp.de/posts/ggplot2-tips/35_calendar_plots/35_calendar_plots_files/figure-html/unnamed-chunk-6-1.png" class="img-fluid figure-img" style="width:80.0%"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="make-shapes-square-ish" class="level2">
<h2 class="anchored" data-anchor-id="make-shapes-square-ish">Make shapes square-ish</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb5" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb5-1">labels_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'grey30'</span></span>
<span id="cb5-2"></span>
<span id="cb5-3">date_counts_w_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb5-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(wday, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span> week)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb5-5">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_tile</span>(</span>
<span id="cb5-6">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> n), </span>
<span id="cb5-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> labels_color</span>
<span id="cb5-8">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb5-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">facet_wrap</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">vars</span>(month), <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ncol =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb5-10">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_equal</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">expand =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>) </span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="35_calendar_plots_files/figure-html/unnamed-chunk-7-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-3"><img src="https://albert-rapp.de/posts/ggplot2-tips/35_calendar_plots/35_calendar_plots_files/figure-html/unnamed-chunk-7-1.png" class="img-fluid figure-img" style="width:80.0%"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="make-nicer-color" class="level2">
<h2 class="anchored" data-anchor-id="make-nicer-color">Make nicer color</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb6" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb6-1">labels_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'grey30'</span></span>
<span id="cb6-2">schedueled_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#009E73'</span></span>
<span id="cb6-3"></span>
<span id="cb6-4">date_counts_w_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb6-5">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(wday, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span> week)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb6-6">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_tile</span>(</span>
<span id="cb6-7">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> n), </span>
<span id="cb6-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> labels_color</span>
<span id="cb6-9">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb6-10">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">facet_wrap</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">vars</span>(month), <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ncol =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb6-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_equal</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">expand =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb6-12">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_fill_gradient</span>(</span>
<span id="cb6-13">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">high =</span> schedueled_color, </span>
<span id="cb6-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">low =</span> colorspace<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lighten</span>(schedueled_color, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.9</span>),</span>
<span id="cb6-15">  )</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="35_calendar_plots_files/figure-html/unnamed-chunk-8-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-4"><img src="https://albert-rapp.de/posts/ggplot2-tips/35_calendar_plots/35_calendar_plots_files/figure-html/unnamed-chunk-8-1.png" class="img-fluid figure-img" style="width:80.0%"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="remove-grid-lines" class="level2">
<h2 class="anchored" data-anchor-id="remove-grid-lines">Remove grid lines</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb7" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb7-1">labels_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'grey30'</span></span>
<span id="cb7-2">schedueled_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#009E73'</span></span>
<span id="cb7-3"></span>
<span id="cb7-4">date_counts_w_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb7-5">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(wday, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span> week)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb7-6">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_tile</span>(</span>
<span id="cb7-7">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> n), </span>
<span id="cb7-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> labels_color</span>
<span id="cb7-9">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb7-10">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">facet_wrap</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">vars</span>(month), <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ncol =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb7-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_equal</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">expand =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb7-12">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_fill_gradient</span>(</span>
<span id="cb7-13">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">high =</span> schedueled_color, </span>
<span id="cb7-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">low =</span> colorspace<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lighten</span>(schedueled_color, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.9</span>),</span>
<span id="cb7-15">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb7-16">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_void</span>() </span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="35_calendar_plots_files/figure-html/unnamed-chunk-9-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-5"><img src="https://albert-rapp.de/posts/ggplot2-tips/35_calendar_plots/35_calendar_plots_files/figure-html/unnamed-chunk-9-1.png" class="img-fluid figure-img" style="width:80.0%"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="add-titles-caption-and-subtitle" class="level2">
<h2 class="anchored" data-anchor-id="add-titles-caption-and-subtitle">Add titles, caption, and subtitle</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb8" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb8-1">labels_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'grey30'</span></span>
<span id="cb8-2">schedueled_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#009E73'</span></span>
<span id="cb8-3"></span>
<span id="cb8-4">date_counts_w_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb8-5">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(wday, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span> week)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-6">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_tile</span>(</span>
<span id="cb8-7">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> n), </span>
<span id="cb8-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> labels_color</span>
<span id="cb8-9">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-10">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">facet_wrap</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">vars</span>(month), <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ncol =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_equal</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">expand =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-12">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_fill_gradient</span>(</span>
<span id="cb8-13">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">high =</span> schedueled_color, </span>
<span id="cb8-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">low =</span> colorspace<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lighten</span>(schedueled_color, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.9</span>),</span>
<span id="cb8-15">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-16">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_void</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-17">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb8-18">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'On Saturdays, less flights leave NYC'</span>,</span>
<span id="cb8-19">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">subtitle =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Based on 336,776 schedueled flights in 2013'</span>,</span>
<span id="cb8-20">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'No. of schedueled flights'</span>,</span>
<span id="cb8-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">caption =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Data: {nycflights13} R package | Graphic: Dr. Albert Rapp'</span></span>
<span id="cb8-22">  )</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="35_calendar_plots_files/figure-html/unnamed-chunk-10-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-6"><img src="https://albert-rapp.de/posts/ggplot2-tips/35_calendar_plots/35_calendar_plots_files/figure-html/unnamed-chunk-10-1.png" class="img-fluid figure-img" style="width:80.0%"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="move-legend-to-top" class="level2">
<h2 class="anchored" data-anchor-id="move-legend-to-top">Move legend to top</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb9" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb9-1">labels_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'grey30'</span></span>
<span id="cb9-2">schedueled_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#009E73'</span></span>
<span id="cb9-3"></span>
<span id="cb9-4">date_counts_w_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb9-5">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(wday, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span> week)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-6">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_tile</span>(</span>
<span id="cb9-7">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> n), </span>
<span id="cb9-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> labels_color</span>
<span id="cb9-9">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-10">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">facet_wrap</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">vars</span>(month), <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ncol =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_equal</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">expand =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-12">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_fill_gradient</span>(</span>
<span id="cb9-13">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">high =</span> schedueled_color, </span>
<span id="cb9-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">low =</span> colorspace<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lighten</span>(schedueled_color, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.9</span>),</span>
<span id="cb9-15">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-16">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_void</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-17">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb9-18">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'On Saturdays, less flights leave NYC'</span>,</span>
<span id="cb9-19">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">subtitle =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Based on 336,776 schedueled flights in 2013'</span>,</span>
<span id="cb9-20">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'No. of schedueled flights'</span>,</span>
<span id="cb9-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">caption =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Data: {nycflights13} R package | Graphic: Dr. Albert Rapp'</span></span>
<span id="cb9-22">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-23">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb9-24">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'top'</span></span>
<span id="cb9-25">  )</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="35_calendar_plots_files/figure-html/unnamed-chunk-11-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-7"><img src="https://albert-rapp.de/posts/ggplot2-tips/35_calendar_plots/35_calendar_plots_files/figure-html/unnamed-chunk-11-1.png" class="img-fluid figure-img" style="width:80.0%"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="style-legend" class="level2">
<h2 class="anchored" data-anchor-id="style-legend">Style legend</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb10" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb10-1">labels_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'grey30'</span></span>
<span id="cb10-2">schedueled_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#009E73'</span></span>
<span id="cb10-3">bar_width_cm <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">15</span></span>
<span id="cb10-4">bar_height_cm <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.3</span></span>
<span id="cb10-5"></span>
<span id="cb10-6">date_counts_w_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb10-7">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(wday, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span> week)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_tile</span>(</span>
<span id="cb10-9">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> n), </span>
<span id="cb10-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> labels_color</span>
<span id="cb10-11">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-12">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">facet_wrap</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">vars</span>(month), <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ncol =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-13">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_equal</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">expand =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-14">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_fill_gradient</span>(</span>
<span id="cb10-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">high =</span> schedueled_color, </span>
<span id="cb10-16">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">low =</span> colorspace<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lighten</span>(schedueled_color, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.9</span>),</span>
<span id="cb10-17">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-18">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_void</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-19">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb10-20">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'On Saturdays, less flights leave NYC'</span>,</span>
<span id="cb10-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">subtitle =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Based on 336,776 schedueled flights in 2013'</span>,</span>
<span id="cb10-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'No. of schedueled flights'</span>,</span>
<span id="cb10-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">caption =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Data: {nycflights13} R package | Graphic: Dr. Albert Rapp'</span></span>
<span id="cb10-24">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-25">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb10-26">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'top'</span></span>
<span id="cb10-27">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-28">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">guides</span>(</span>
<span id="cb10-29">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">guide_colorbar</span>(</span>
<span id="cb10-30">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">barwidth =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">unit</span>(bar_width_cm, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>),</span>
<span id="cb10-31">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">barheight =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">unit</span>(bar_height_cm, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>),</span>
<span id="cb10-32">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'top'</span>,</span>
<span id="cb10-33">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title.hjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb10-34">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title.vjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb10-35">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">frame.colour =</span> labels_color</span>
<span id="cb10-36">    )</span>
<span id="cb10-37">  ) </span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="35_calendar_plots_files/figure-html/unnamed-chunk-12-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-8"><img src="https://albert-rapp.de/posts/ggplot2-tips/35_calendar_plots/35_calendar_plots_files/figure-html/unnamed-chunk-12-1.png" class="img-fluid figure-img" style="width:80.0%"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="style-texts-spacing" class="level2">
<h2 class="anchored" data-anchor-id="style-texts-spacing">Style texts &amp; spacing</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb11" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb11-1">labels_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'grey30'</span></span>
<span id="cb11-2">schedueled_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#009E73'</span></span>
<span id="cb11-3">bar_width_cm <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">15</span></span>
<span id="cb11-4">bar_height_cm <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.3</span></span>
<span id="cb11-5">font_family <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Fira Sans'</span></span>
<span id="cb11-6">bar_labels_size <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">11</span></span>
<span id="cb11-7">month_size <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">12</span></span>
<span id="cb11-8"></span>
<span id="cb11-9">date_counts_w_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb11-10">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(wday, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span> week)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_tile</span>(</span>
<span id="cb11-12">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> n), </span>
<span id="cb11-13">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> labels_color</span>
<span id="cb11-14">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-15">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">facet_wrap</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">vars</span>(month), <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ncol =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-16">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_equal</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">expand =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-17">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_fill_gradient</span>(</span>
<span id="cb11-18">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">high =</span> schedueled_color, </span>
<span id="cb11-19">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">low =</span> colorspace<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lighten</span>(schedueled_color, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.9</span>),</span>
<span id="cb11-20">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-21">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_void</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-22">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb11-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'On Saturdays, less flights leave NYC'</span>,</span>
<span id="cb11-24">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">subtitle =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Based on 336,776 schedueled flights in 2013'</span>,</span>
<span id="cb11-25">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'No. of schedueled flights'</span>,</span>
<span id="cb11-26">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">caption =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Data: {nycflights13} R package | Graphic: Dr. Albert Rapp'</span></span>
<span id="cb11-27">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-28">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb11-29">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'top'</span>,</span>
<span id="cb11-30">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">text =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb11-31">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> labels_color, </span>
<span id="cb11-32">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> font_family</span>
<span id="cb11-33">    ),</span>
<span id="cb11-34">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.title =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb11-35">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">24</span>, </span>
<span id="cb11-36">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">margin =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">margin</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">t =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">b =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">unit =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>)</span>
<span id="cb11-37">    ),</span>
<span id="cb11-38">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.subtitle =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb11-39">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">16</span>, </span>
<span id="cb11-40">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">margin =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">margin</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">b =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.5</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">unit =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>)</span>
<span id="cb11-41">    ),</span>
<span id="cb11-42">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.caption =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb11-43">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>, </span>
<span id="cb11-44">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">margin =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">margin</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">b =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">unit =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>)</span>
<span id="cb11-45">    ),</span>
<span id="cb11-46">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.text =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> bar_labels_size),</span>
<span id="cb11-47">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.title =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">14</span>),</span>
<span id="cb11-48">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">strip.text =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb11-49">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">hjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>, </span>
<span id="cb11-50">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> month_size,</span>
<span id="cb11-51">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">margin =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">margin</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">b =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">unit =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>)</span>
<span id="cb11-52">    )</span>
<span id="cb11-53">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-54">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">guides</span>(</span>
<span id="cb11-55">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">guide_colorbar</span>(</span>
<span id="cb11-56">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">barwidth =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">unit</span>(bar_width_cm, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>),</span>
<span id="cb11-57">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">barheight =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">unit</span>(bar_height_cm, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>),</span>
<span id="cb11-58">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'top'</span>,</span>
<span id="cb11-59">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title.hjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb11-60">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title.vjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb11-61">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">frame.colour =</span> labels_color</span>
<span id="cb11-62">    )</span>
<span id="cb11-63">  ) </span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="35_calendar_plots_files/figure-html/unnamed-chunk-13-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-9"><img src="https://albert-rapp.de/posts/ggplot2-tips/35_calendar_plots/35_calendar_plots_files/figure-html/unnamed-chunk-13-1.png" class="img-fluid figure-img" style="width:80.0%"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="add-text-labels-into-the-boxes" class="level2">
<h2 class="anchored" data-anchor-id="add-text-labels-into-the-boxes">Add text labels into the boxes</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb12" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb12-1">labels_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'grey30'</span></span>
<span id="cb12-2">schedueled_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#009E73'</span></span>
<span id="cb12-3">bar_width_cm <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">15</span></span>
<span id="cb12-4">bar_height_cm <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.3</span></span>
<span id="cb12-5">font_family <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Fira Sans'</span></span>
<span id="cb12-6">bar_labels_size <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">11</span></span>
<span id="cb12-7">month_size <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">12</span></span>
<span id="cb12-8">nudge_labels <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span></span>
<span id="cb12-9">labels_size <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span></span>
<span id="cb12-10"></span>
<span id="cb12-11">date_counts_w_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb12-12">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(wday, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span> week)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-13">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_tile</span>(</span>
<span id="cb12-14">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> n), </span>
<span id="cb12-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> labels_color</span>
<span id="cb12-16">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-17">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_text</span>(</span>
<span id="cb12-18">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> day),</span>
<span id="cb12-19">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">nudge_x =</span> nudge_labels,</span>
<span id="cb12-20">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">nudge_y =</span> nudge_labels,</span>
<span id="cb12-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> labels_color,</span>
<span id="cb12-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> labels_size,</span>
<span id="cb12-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> font_family</span>
<span id="cb12-24">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-25">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">facet_wrap</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">vars</span>(month), <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ncol =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-26">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_equal</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">expand =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-27">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_fill_gradient</span>(</span>
<span id="cb12-28">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">high =</span> schedueled_color, </span>
<span id="cb12-29">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">low =</span> colorspace<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lighten</span>(schedueled_color, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.9</span>),</span>
<span id="cb12-30">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-31">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_void</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-32">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb12-33">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'On Saturdays, less flights leave NYC'</span>,</span>
<span id="cb12-34">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">subtitle =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Based on 336,776 schedueled flights in 2013'</span>,</span>
<span id="cb12-35">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'No. of schedueled flights'</span>,</span>
<span id="cb12-36">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">caption =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Data: {nycflights13} R package | Graphic: Dr. Albert Rapp'</span></span>
<span id="cb12-37">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-38">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb12-39">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'top'</span>,</span>
<span id="cb12-40">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">text =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb12-41">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> labels_color, </span>
<span id="cb12-42">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> font_family</span>
<span id="cb12-43">    ),</span>
<span id="cb12-44">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.title =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb12-45">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">24</span>, </span>
<span id="cb12-46">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">margin =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">margin</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">t =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">b =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">unit =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>)</span>
<span id="cb12-47">    ),</span>
<span id="cb12-48">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.subtitle =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb12-49">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">16</span>, </span>
<span id="cb12-50">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">margin =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">margin</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">b =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.5</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">unit =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>)</span>
<span id="cb12-51">    ),</span>
<span id="cb12-52">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.caption =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb12-53">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>, </span>
<span id="cb12-54">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">margin =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">margin</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">b =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">unit =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>)</span>
<span id="cb12-55">    ),</span>
<span id="cb12-56">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.text =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> bar_labels_size),</span>
<span id="cb12-57">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.title =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">14</span>),</span>
<span id="cb12-58">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">strip.text =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb12-59">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">hjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>, </span>
<span id="cb12-60">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> month_size,</span>
<span id="cb12-61">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">margin =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">margin</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">b =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">unit =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>)</span>
<span id="cb12-62">    )</span>
<span id="cb12-63">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-64">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">guides</span>(</span>
<span id="cb12-65">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">guide_colorbar</span>(</span>
<span id="cb12-66">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">barwidth =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">unit</span>(bar_width_cm, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>),</span>
<span id="cb12-67">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">barheight =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">unit</span>(bar_height_cm, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>),</span>
<span id="cb12-68">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'top'</span>,</span>
<span id="cb12-69">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title.hjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb12-70">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title.vjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb12-71">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">frame.colour =</span> labels_color</span>
<span id="cb12-72">    )</span>
<span id="cb12-73">  ) </span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="35_calendar_plots_files/figure-html/unnamed-chunk-14-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-10"><img src="https://albert-rapp.de/posts/ggplot2-tips/35_calendar_plots/35_calendar_plots_files/figure-html/unnamed-chunk-14-1.png" class="img-fluid figure-img" style="width:80.0%"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="add-weekday-labels-back-in" class="level2">
<h2 class="anchored" data-anchor-id="add-weekday-labels-back-in">Add Weekday labels back in</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb13" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb13-1">labels_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'grey30'</span></span>
<span id="cb13-2">schedueled_color <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#009E73'</span></span>
<span id="cb13-3">bar_width_cm <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">15</span></span>
<span id="cb13-4">bar_height_cm <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.3</span></span>
<span id="cb13-5">font_family <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Fira Sans'</span></span>
<span id="cb13-6">bar_labels_size <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">11</span></span>
<span id="cb13-7">month_size <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">12</span></span>
<span id="cb13-8">nudge_labels <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span></span>
<span id="cb13-9">labels_size <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span></span>
<span id="cb13-10"></span>
<span id="cb13-11">date_counts_w_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb13-12">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(wday, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span> week)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb13-13">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_tile</span>(</span>
<span id="cb13-14">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> n), </span>
<span id="cb13-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> labels_color</span>
<span id="cb13-16">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb13-17">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_text</span>(</span>
<span id="cb13-18">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> day),</span>
<span id="cb13-19">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">nudge_x =</span> nudge_labels,</span>
<span id="cb13-20">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">nudge_y =</span> nudge_labels,</span>
<span id="cb13-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> labels_color,</span>
<span id="cb13-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> labels_size,</span>
<span id="cb13-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> font_family</span>
<span id="cb13-24">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb13-25">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">facet_wrap</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">vars</span>(month), <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ncol =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb13-26">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_equal</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">expand =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">FALSE</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb13-27">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_fill_gradient</span>(</span>
<span id="cb13-28">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">high =</span> schedueled_color, </span>
<span id="cb13-29">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">low =</span> colorspace<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lighten</span>(schedueled_color, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.9</span>),</span>
<span id="cb13-30">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb13-31">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_void</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb13-32">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb13-33">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'On Saturdays, less flights leave NYC'</span>,</span>
<span id="cb13-34">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">subtitle =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Based on 336,776 schedueled flights in 2013'</span>,</span>
<span id="cb13-35">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'No. of schedueled flights'</span>,</span>
<span id="cb13-36">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">caption =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Data: {nycflights13} R package | Graphic: Dr. Albert Rapp'</span></span>
<span id="cb13-37">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb13-38">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb13-39">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'top'</span>,</span>
<span id="cb13-40">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">text =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb13-41">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> labels_color, </span>
<span id="cb13-42">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> font_family</span>
<span id="cb13-43">    ),</span>
<span id="cb13-44">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.title =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb13-45">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">24</span>, </span>
<span id="cb13-46">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">margin =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">margin</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">t =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">b =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">unit =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>)</span>
<span id="cb13-47">    ),</span>
<span id="cb13-48">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.subtitle =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb13-49">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">16</span>, </span>
<span id="cb13-50">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">margin =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">margin</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">b =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.5</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">unit =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>)</span>
<span id="cb13-51">    ),</span>
<span id="cb13-52">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.caption =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb13-53">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>, </span>
<span id="cb13-54">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">margin =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">margin</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">b =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">unit =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>)</span>
<span id="cb13-55">    ),</span>
<span id="cb13-56">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.text =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> bar_labels_size),</span>
<span id="cb13-57">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.title =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">14</span>),</span>
<span id="cb13-58">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">strip.text =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb13-59">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">hjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>, </span>
<span id="cb13-60">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> month_size,</span>
<span id="cb13-61">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">margin =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">margin</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">b =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">unit =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>)</span>
<span id="cb13-62">    ),</span>
<span id="cb13-63">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">axis.text.x =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb13-64">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">margin =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">margin</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">t =</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.6</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">b =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.3</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">unit =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>)</span>
<span id="cb13-65">    )</span>
<span id="cb13-66">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb13-67">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">guides</span>(</span>
<span id="cb13-68">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">guide_colorbar</span>(</span>
<span id="cb13-69">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">barwidth =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">unit</span>(bar_width_cm, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>),</span>
<span id="cb13-70">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">barheight =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">unit</span>(bar_height_cm, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'cm'</span>),</span>
<span id="cb13-71">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'top'</span>,</span>
<span id="cb13-72">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title.hjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb13-73">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title.vjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb13-74">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">frame.colour =</span> labels_color</span>
<span id="cb13-75">    )</span>
<span id="cb13-76">  ) </span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="35_calendar_plots_files/figure-html/unnamed-chunk-15-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-11"><img src="https://albert-rapp.de/posts/ggplot2-tips/35_calendar_plots/35_calendar_plots_files/figure-html/unnamed-chunk-15-1.png" class="img-fluid figure-img" style="width:80.0%"></a></p>
</figure>
</div>
</div>
</div>


</section>

 ]]></description>
  <guid>https://albert-rapp.de/posts/ggplot2-tips/35_calendar_plots/35_calendar_plots.html</guid>
  <pubDate>Sat, 03 Aug 2024 22:00:00 GMT</pubDate>
</item>
<item>
  <title>Text Styling With ggplot2</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/ggplot2-tips/34_dynamic_text_color/34_dynamic_text_color.html</link>
  <description><![CDATA[ 




<p><link rel="stylesheet" href="../../../new_code_theme.css"></p>
<p>In today’s blog post, we are figuring out how to fully control the text styling of the texts that we put into our ggplots. This means that we will learn</p>
<ul>
<li>how to dynamically adjust the text color depending on the background color, and</li>
<li>how to use the extensive styling capabilities that the brand-new <code>{marquee}</code> package gives you.</li>
</ul>
<p>Here, you will find all of the code chunks split into sections. For detailed explantions, check out the corresponding YT video:</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/a8a_kLaYRlg" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<section id="customize-the-text-color-based-on-the-background-color" class="level2">
<h2 class="anchored" data-anchor-id="customize-the-text-color-based-on-the-background-color">Customize the text color based on the background color</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb1" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb1-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(tidyverse)</span>
<span id="cb1-2">dat <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">value =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb1-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb1-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">text_color =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">if_else</span>(</span>
<span id="cb1-5">      value <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&lt;=</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>,</span>
<span id="cb1-6">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'black'</span>,</span>
<span id="cb1-7">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'white'</span></span>
<span id="cb1-8">    )</span>
<span id="cb1-9">  ) </span>
<span id="cb1-10"></span>
<span id="cb1-11">dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb1-12">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> value, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb1-13">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_tile</span>(</span>
<span id="cb1-14">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> value),</span>
<span id="cb1-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.5</span>, </span>
<span id="cb1-16">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">height =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.5</span>,</span>
<span id="cb1-17">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'black'</span></span>
<span id="cb1-18">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb1-19">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_text</span>(</span>
<span id="cb1-20">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> value),</span>
<span id="cb1-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>text_color,</span>
<span id="cb1-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">8</span>,</span>
<span id="cb1-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fontface =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'bold'</span>,</span>
<span id="cb1-24">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb1-25">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb1-26">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_fixed</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb1-27">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_fill_gradient</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">low =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'white'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">high =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'firebrick4'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb1-28">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_void</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb1-29">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'none'</span>)</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="34_dynamic_text_color_files/figure-html/unnamed-chunk-2-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-1"><img src="https://albert-rapp.de/posts/ggplot2-tips/34_dynamic_text_color/34_dynamic_text_color_files/figure-html/unnamed-chunk-2-1.png" class="img-fluid figure-img" width="2700"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="dynamic-text-color-with-categorical-labels" class="level2">
<h2 class="anchored" data-anchor-id="dynamic-text-color-with-categorical-labels">Dynamic text color with categorical labels</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb2" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb2-1">dat <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">letter =</span> letters[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span>]) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb2-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb2-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">text_color =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">if_else</span>(</span>
<span id="cb2-4">      letter <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">%in%</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'a'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'d'</span>),</span>
<span id="cb2-5">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'white'</span>,</span>
<span id="cb2-6">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'black'</span></span>
<span id="cb2-7">    )</span>
<span id="cb2-8">  )</span>
<span id="cb2-9"></span>
<span id="cb2-10">dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb2-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> x, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb2-12">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_tile</span>(</span>
<span id="cb2-13">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> letter),</span>
<span id="cb2-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.5</span>, </span>
<span id="cb2-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">height =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.5</span>,</span>
<span id="cb2-16">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'black'</span></span>
<span id="cb2-17">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb2-18">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_text</span>(</span>
<span id="cb2-19">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> letter),</span>
<span id="cb2-20">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">8</span>,</span>
<span id="cb2-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>text_color,</span>
<span id="cb2-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fontface =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'bold'</span>,</span>
<span id="cb2-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb2-24">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb2-25">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_fixed</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb2-26">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_void</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb2-27">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_fill_brewer</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">palette =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Set1'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb2-28">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'none'</span>)</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="34_dynamic_text_color_files/figure-html/unnamed-chunk-3-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-2"><img src="https://albert-rapp.de/posts/ggplot2-tips/34_dynamic_text_color/34_dynamic_text_color_files/figure-html/unnamed-chunk-3-1.png" class="img-fluid figure-img" width="2700"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="use-geom_marquee-instead-of-geom_text" class="level2">
<h2 class="anchored" data-anchor-id="use-geom_marquee-instead-of-geom_text">Use <code>geom_marquee()</code> instead of <code>geom_text()</code></h2>
<p><code>geom_marquee()</code> is a drop-in replacement for <code>geom_text()</code> and <code>geom_label()</code>. Important caveat: In order for everything to render properly, you might have to update your <code>ragg</code> package</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb3" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb3-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(marquee)</span>
<span id="cb3-2"></span>
<span id="cb3-3">md_text <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'This is a **bold word** written in _Markdown_.'</span></span>
<span id="cb3-4"></span>
<span id="cb3-5"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> md_text) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb3-6">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(x, y)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb3-7">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_marquee</span>(</span>
<span id="cb3-8">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> label),</span>
<span id="cb3-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">13</span>,</span>
<span id="cb3-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb3-11">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb3-12">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_void</span>()</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="34_dynamic_text_color_files/figure-html/unnamed-chunk-4-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-3"><img src="https://albert-rapp.de/posts/ggplot2-tips/34_dynamic_text_color/34_dynamic_text_color_files/figure-html/unnamed-chunk-4-1.png" class="img-fluid figure-img" width="2700"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="add-more-styles-using-the-style-aesthetic" class="level2">
<h2 class="anchored" data-anchor-id="add-more-styles-using-the-style-aesthetic">Add more styles using the <code>style</code> aesthetic</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb4" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb4-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> md_text) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb4-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(x, y)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb4-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_marquee</span>(</span>
<span id="cb4-4">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> label),</span>
<span id="cb4-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">13</span>,</span>
<span id="cb4-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span>,</span>
<span id="cb4-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">classic_style</span>(</span>
<span id="cb4-8">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">weight =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'thin'</span></span>
<span id="cb4-9">    )</span>
<span id="cb4-10">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb4-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_void</span>()</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="34_dynamic_text_color_files/figure-html/unnamed-chunk-5-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-4"><img src="https://albert-rapp.de/posts/ggplot2-tips/34_dynamic_text_color/34_dynamic_text_color_files/figure-html/unnamed-chunk-5-1.png" class="img-fluid figure-img" width="2700"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="modify-paragraph-styles" class="level2">
<h2 class="anchored" data-anchor-id="modify-paragraph-styles">Modify paragraph styles</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb5" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb5-1">my_own_style <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">classic_style</span>(</span>
<span id="cb5-2">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">weight =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'thin'</span></span>
<span id="cb5-3">) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb5-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">modify_style</span>(</span>
<span id="cb5-5">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'p'</span>, </span>
<span id="cb5-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">background =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'dodgerblue4'</span>,</span>
<span id="cb5-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">padding =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">trbl</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>),</span>
<span id="cb5-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'white'</span>,</span>
<span id="cb5-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_radius =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span></span>
<span id="cb5-10">  )</span>
<span id="cb5-11"></span>
<span id="cb5-12"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> md_text) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb5-13">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(x, y)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb5-14">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_marquee</span>(</span>
<span id="cb5-15">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> label),</span>
<span id="cb5-16">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">13</span>,</span>
<span id="cb5-17">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span>,</span>
<span id="cb5-18">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> my_own_style</span>
<span id="cb5-19">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb5-20">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_void</span>()</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="34_dynamic_text_color_files/figure-html/unnamed-chunk-6-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-5"><img src="https://albert-rapp.de/posts/ggplot2-tips/34_dynamic_text_color/34_dynamic_text_color_files/figure-html/unnamed-chunk-6-1.png" class="img-fluid figure-img" width="2700"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="modify-code-styles" class="level2">
<h2 class="anchored" data-anchor-id="modify-code-styles">Modify Code styles</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb6" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb6-1">md_text <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Now let</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\'</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">s try some `code` stuff and a [url]().'</span></span>
<span id="cb6-2"></span>
<span id="cb6-3"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> md_text) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb6-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(x, y)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb6-5">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_marquee</span>(</span>
<span id="cb6-6">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> label),</span>
<span id="cb6-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">13</span>,</span>
<span id="cb6-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span>,</span>
<span id="cb6-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">classic_style</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb6-10">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">modify_style</span>(</span>
<span id="cb6-11">        <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'code'</span>,</span>
<span id="cb6-12">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">weight =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'bold'</span>,</span>
<span id="cb6-13">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">background =</span> colorspace<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lighten</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'dodgerblue4'</span>, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.9</span>),</span>
<span id="cb6-14">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_radius =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>,</span>
<span id="cb6-15">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'dodgerblue4'</span>,</span>
<span id="cb6-16">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'IBM Plex Mono'</span>,</span>
<span id="cb6-17">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">padding =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">trbl</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>)</span>
<span id="cb6-18">      )</span>
<span id="cb6-19">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb6-20">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_void</span>()</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="34_dynamic_text_color_files/figure-html/unnamed-chunk-7-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-6"><img src="https://albert-rapp.de/posts/ggplot2-tips/34_dynamic_text_color/34_dynamic_text_color_files/figure-html/unnamed-chunk-7-1.png" class="img-fluid figure-img" width="2700"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="use-long-texts-as-part-of-plot-titles" class="level2">
<h2 class="anchored" data-anchor-id="use-long-texts-as-part-of-plot-titles">Use long texts as part of plot titles</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb7" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb7-1">md_text <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'# This is a headline</span></span>
<span id="cb7-2"></span>
<span id="cb7-3"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">And the rest is just a regular text, i.e. paragraph, that will contain long and lengthy but also **SUPER** important information. Isn</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\'</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">t that just great?'</span></span>
<span id="cb7-4"></span>
<span id="cb7-5"></span>
<span id="cb7-6">headline_style <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">classic_style</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb7-7">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">remove_style</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'h1'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb7-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">modify_style</span>(</span>
<span id="cb7-9">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'h1'</span>,</span>
<span id="cb7-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">weight =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'bold'</span>,</span>
<span id="cb7-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">32</span>,</span>
<span id="cb7-12">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">margin =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">trbl</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">b =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>),</span>
<span id="cb7-13">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Merriweather'</span></span>
<span id="cb7-14">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb7-15">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">modify_style</span>(</span>
<span id="cb7-16">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'p'</span>,</span>
<span id="cb7-17">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">lineheight =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span></span>
<span id="cb7-18">  )</span>
<span id="cb7-19"></span>
<span id="cb7-20"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb7-21">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(x, y)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb7-22">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_point</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb7-23">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> md_text) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb7-24">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb7-25">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">18</span>, </span>
<span id="cb7-26">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb7-27">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb7-28">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb7-29">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.title =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_marquee</span>(</span>
<span id="cb7-30">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>,</span>
<span id="cb7-31">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> headline_style</span>
<span id="cb7-32">    )</span>
<span id="cb7-33">  )</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="34_dynamic_text_color_files/figure-html/unnamed-chunk-8-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-7"><img src="https://albert-rapp.de/posts/ggplot2-tips/34_dynamic_text_color/34_dynamic_text_color_files/figure-html/unnamed-chunk-8-1.png" class="img-fluid figure-img" width="2700"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="create-text-boxes-using-the-width-argument" class="level2">
<h2 class="anchored" data-anchor-id="create-text-boxes-using-the-width-argument">Create text boxes using the <code>width</code> argument</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb8" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb8-1">text_box_style <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> headline_style <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb8-2">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">modify_style</span>(</span>
<span id="cb8-3">        <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'p'</span>, </span>
<span id="cb8-4">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">padding =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">trbl</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">l =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>),</span>
<span id="cb8-5">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">16</span></span>
<span id="cb8-6">      ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb8-7">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">modify_style</span>(</span>
<span id="cb8-8">        <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'body'</span>,</span>
<span id="cb8-9">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_radius =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>,</span>
<span id="cb8-10">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'dodgerblue4'</span>,</span>
<span id="cb8-11">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_size =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">trbl</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>),</span>
<span id="cb8-12">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">padding =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">trbl</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span>)</span>
<span id="cb8-13">      ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb8-14">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">modify_style</span>(</span>
<span id="cb8-15">        <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'h1'</span>,</span>
<span id="cb8-16">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">border_size =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">trbl</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>)</span>
<span id="cb8-17">      ) </span>
<span id="cb8-18"></span>
<span id="cb8-19"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb8-20">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(x, y)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-21">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_point</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-22">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">annotate</span>(</span>
<span id="cb8-23">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'marquee'</span>,</span>
<span id="cb8-24">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.2</span>,</span>
<span id="cb8-25">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.5</span>,</span>
<span id="cb8-26">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> md_text,</span>
<span id="cb8-27">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.4</span>,</span>
<span id="cb8-28">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">hjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb8-29">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> colorspace<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lighten</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'dodgerblue1'</span>, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.7</span>),</span>
<span id="cb8-30">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> text_box_style</span>
<span id="cb8-31">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-32">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> md_text) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-33">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb8-34">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">18</span>, </span>
<span id="cb8-35">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb8-36">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-37">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb8-38">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.title =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_marquee</span>(</span>
<span id="cb8-39">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>,</span>
<span id="cb8-40">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> headline_style</span>
<span id="cb8-41">    )</span>
<span id="cb8-42">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-43">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_cartesian</span>(</span>
<span id="cb8-44">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">xlim =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>),</span>
<span id="cb8-45">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ylim =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>)</span>
<span id="cb8-46">  )</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="34_dynamic_text_color_files/figure-html/unnamed-chunk-9-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-8"><img src="https://albert-rapp.de/posts/ggplot2-tips/34_dynamic_text_color/34_dynamic_text_color_files/figure-html/unnamed-chunk-9-1.png" class="img-fluid figure-img" width="3600"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="colorize-single-words-in-your-title" class="level2">
<h2 class="anchored" data-anchor-id="colorize-single-words-in-your-title">Colorize single words in your title</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb9" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb9-1">md_text <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'# This is a headline</span></span>
<span id="cb9-2"></span>
<span id="cb9-3"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">And the rest is just a regular text, i.e. paragraph, that will contain long and lengthy but also {.red **SUPER** important information}. Isn</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\'</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">t that just great?'</span></span>
<span id="cb9-4"></span>
<span id="cb9-5"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb9-6">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(x, y)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-7">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_point</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">annotate</span>(</span>
<span id="cb9-9">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'marquee'</span>,</span>
<span id="cb9-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.2</span>,</span>
<span id="cb9-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.5</span>,</span>
<span id="cb9-12">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> md_text,</span>
<span id="cb9-13">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.4</span>,</span>
<span id="cb9-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">hjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb9-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> colorspace<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lighten</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'dodgerblue1'</span>, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.7</span>),</span>
<span id="cb9-16">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> text_box_style</span>
<span id="cb9-17">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-18">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> md_text) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-19">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb9-20">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">18</span>, </span>
<span id="cb9-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb9-22">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-23">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb9-24">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.title =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_marquee</span>(</span>
<span id="cb9-25">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>,</span>
<span id="cb9-26">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> headline_style</span>
<span id="cb9-27">    )</span>
<span id="cb9-28">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-29">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_cartesian</span>(</span>
<span id="cb9-30">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">xlim =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>),</span>
<span id="cb9-31">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ylim =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>)</span>
<span id="cb9-32">  )</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="34_dynamic_text_color_files/figure-html/unnamed-chunk-10-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-9"><img src="https://albert-rapp.de/posts/ggplot2-tips/34_dynamic_text_color/34_dynamic_text_color_files/figure-html/unnamed-chunk-10-1.png" class="img-fluid figure-img" width="3600"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="define-your-own-inline-style" class="level2">
<h2 class="anchored" data-anchor-id="define-your-own-inline-style">Define your own inline style</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb10" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb10-1">md_text <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'# This is a headline</span></span>
<span id="cb10-2"></span>
<span id="cb10-3"><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">And the rest is just a regular text, i.e. paragraph, that will contain long and lengthy but also {.my_style **SUPER** important information}. Isn</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\'</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">t that just great?'</span></span>
<span id="cb10-4"></span>
<span id="cb10-5"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb10-6">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(x, y)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-7">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_point</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">annotate</span>(</span>
<span id="cb10-9">    <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'marquee'</span>,</span>
<span id="cb10-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.2</span>,</span>
<span id="cb10-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.5</span>,</span>
<span id="cb10-12">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> md_text,</span>
<span id="cb10-13">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.4</span>,</span>
<span id="cb10-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">hjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb10-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> colorspace<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">lighten</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'dodgerblue1'</span>, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.7</span>),</span>
<span id="cb10-16">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> text_box_style <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb10-17">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">modify_style</span>(</span>
<span id="cb10-18">        <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'my_style'</span>,</span>
<span id="cb10-19">        <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'seagreen'</span></span>
<span id="cb10-20">      )</span>
<span id="cb10-21">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-22">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> md_text) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-23">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb10-24">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">18</span>, </span>
<span id="cb10-25">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb10-26">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-27">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb10-28">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.title =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_marquee</span>(</span>
<span id="cb10-29">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>,</span>
<span id="cb10-30">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">style =</span> headline_style <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb10-31">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">modify_style</span>(</span>
<span id="cb10-32">          <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'my_style'</span>,</span>
<span id="cb10-33">          <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'seagreen'</span></span>
<span id="cb10-34">        )</span>
<span id="cb10-35">    )</span>
<span id="cb10-36">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-37">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_cartesian</span>(</span>
<span id="cb10-38">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">xlim =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>),</span>
<span id="cb10-39">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ylim =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>)</span>
<span id="cb10-40">  )</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="34_dynamic_text_color_files/figure-html/unnamed-chunk-11-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-10"><img src="https://albert-rapp.de/posts/ggplot2-tips/34_dynamic_text_color/34_dynamic_text_color_files/figure-html/unnamed-chunk-11-1.png" class="img-fluid figure-img" width="3600"></a></p>
</figure>
</div>
</div>
</div>


</section>

 ]]></description>
  <guid>https://albert-rapp.de/posts/ggplot2-tips/34_dynamic_text_color/34_dynamic_text_color.html</guid>
  <pubDate>Sat, 20 Jul 2024 22:00:00 GMT</pubDate>
</item>
<item>
  <title>Quick dataViz techniques for nicer line charts with ggplot</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/ggplot2-tips/32_viz_tips/32_viz_tips.html</link>
  <description><![CDATA[ 




<p><link rel="stylesheet" href="../../../new_code_theme.css"></p>
<p>Line charts are one of the most fundamental chart type out there. That’s why there’s a lot of tips for line charts out there. Today, I’m going to walk you through a couple of techniques that you can use to make your line chart nicer. Here, I’ll provide you with all the code chunks. All explanations can be found in my corresponding YT video:</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/e0_C6yoj5cg" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<section id="get-the-data" class="level2">
<h2 class="anchored" data-anchor-id="get-the-data">Get the data</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb1" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb1-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(tidyverse)</span>
<span id="cb1-2">sp500_data_wide <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> gt<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>sp500 <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span></span>
<span id="cb1-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(date, open, close) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb1-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">year</span>(date) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2014</span>, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">month</span>(date) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>)</span>
<span id="cb1-5">sp500_data_wide</span>
<span id="cb1-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 21 × 3</span></span>
<span id="cb1-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    date        open close</span></span>
<span id="cb1-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;date&gt;     &lt;dbl&gt; &lt;dbl&gt;</span></span>
<span id="cb1-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 2014-01-31 1791. 1783.</span></span>
<span id="cb1-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 2014-01-30 1777. 1794.</span></span>
<span id="cb1-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 2014-01-29 1790. 1774.</span></span>
<span id="cb1-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 2014-01-28 1783  1792.</span></span>
<span id="cb1-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 2014-01-27 1791. 1782.</span></span>
<span id="cb1-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 2014-01-24 1827. 1790.</span></span>
<span id="cb1-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 2014-01-23 1842. 1828.</span></span>
<span id="cb1-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 2014-01-22 1845. 1845.</span></span>
<span id="cb1-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 2014-01-21 1841. 1844.</span></span>
<span id="cb1-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 2014-01-17 1844. 1839.</span></span>
<span id="cb1-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 11 more rows</span></span></code></pre></div>
</div>
</section>
<section id="bring-into-a-nice-format-for-ggplot" class="level2">
<h2 class="anchored" data-anchor-id="bring-into-a-nice-format-for-ggplot">Bring into a nice format for ggplot</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb2" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb2-1">sp500_data <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> sp500_data_wide <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb2-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">pivot_longer</span>(</span>
<span id="cb2-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">cols =</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span>date,</span>
<span id="cb2-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">names_to =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'type'</span>,</span>
<span id="cb2-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">values_to =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'price'</span></span>
<span id="cb2-6">  )</span></code></pre></div>
</div>
</section>
<section id="create-a-basic-line-chart" class="level2">
<h2 class="anchored" data-anchor-id="create-a-basic-line-chart">Create a basic line chart</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb3" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb3-1">sp500_data <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb3-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(date, price, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> type)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb3-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.25</span>)</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="32_viz_tips_files/figure-html/unnamed-chunk-4-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-1"><img src="https://albert-rapp.de/posts/ggplot2-tips/32_viz_tips/32_viz_tips_files/figure-html/unnamed-chunk-4-1.png" class="img-fluid figure-img" width="2700"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="apply-a-theme" class="level2">
<h2 class="anchored" data-anchor-id="apply-a-theme">Apply a theme</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb4" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb4-1">sp500_data <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb4-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(date, price, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> type)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb4-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.25</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb4-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb4-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">20</span>, </span>
<span id="cb4-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb4-7">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb4-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb4-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>()</span>
<span id="cb4-10">  )</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="32_viz_tips_files/figure-html/unnamed-chunk-5-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-2"><img src="https://albert-rapp.de/posts/ggplot2-tips/32_viz_tips/32_viz_tips_files/figure-html/unnamed-chunk-5-1.png" class="img-fluid figure-img" width="2700"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="use-nicer-colors" class="level2">
<h2 class="anchored" data-anchor-id="use-nicer-colors">Use nicer colors</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb5" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb5-1">sp500_data <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb5-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(date, price, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> type)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb5-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.25</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb5-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb5-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">20</span>, </span>
<span id="cb5-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb5-7">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb5-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb5-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>()</span>
<span id="cb5-10">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb5-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_color_manual</span>(</span>
<span id="cb5-12">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">values =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#0072B2'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#D55E00'</span>)</span>
<span id="cb5-13">  ) </span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="32_viz_tips_files/figure-html/unnamed-chunk-6-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-3"><img src="https://albert-rapp.de/posts/ggplot2-tips/32_viz_tips/32_viz_tips_files/figure-html/unnamed-chunk-6-1.png" class="img-fluid figure-img" width="2700"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="use-meaningful-labels" class="level2">
<h2 class="anchored" data-anchor-id="use-meaningful-labels">Use meaningful labels</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb6" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb6-1">sp500_data <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb6-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(date, price, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> type)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb6-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.25</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb6-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb6-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">20</span>, </span>
<span id="cb6-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb6-7">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb6-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb6-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>()</span>
<span id="cb6-10">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb6-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_color_manual</span>(</span>
<span id="cb6-12">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">values =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#0072B2'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#D55E00'</span>)</span>
<span id="cb6-13">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb6-14">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb6-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(), </span>
<span id="cb6-16">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb6-17">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SP500 Prices in January 2014'</span></span>
<span id="cb6-18">  ) </span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="32_viz_tips_files/figure-html/unnamed-chunk-7-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-4"><img src="https://albert-rapp.de/posts/ggplot2-tips/32_viz_tips/32_viz_tips_files/figure-html/unnamed-chunk-7-1.png" class="img-fluid figure-img" width="2700"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="make-labels-into-currency" class="level2">
<h2 class="anchored" data-anchor-id="make-labels-into-currency">Make labels into currency</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb7" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb7-1">sp500_data <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb7-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(date, price, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> type)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb7-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.25</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb7-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb7-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">20</span>, </span>
<span id="cb7-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb7-7">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb7-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb7-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>()</span>
<span id="cb7-10">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb7-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_color_manual</span>(</span>
<span id="cb7-12">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">values =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#0072B2'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#D55E00'</span>)</span>
<span id="cb7-13">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb7-14">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb7-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(), </span>
<span id="cb7-16">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb7-17">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SP500 Prices in January 2014'</span></span>
<span id="cb7-18">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb7-19">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_y_continuous</span>(</span>
<span id="cb7-20">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">labels =</span> scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">label_dollar</span>()</span>
<span id="cb7-21">  )</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="32_viz_tips_files/figure-html/unnamed-chunk-8-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-5"><img src="https://albert-rapp.de/posts/ggplot2-tips/32_viz_tips/32_viz_tips_files/figure-html/unnamed-chunk-8-1.png" class="img-fluid figure-img" width="2700"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="use-direct-labels-instead-of-legend" class="level2">
<h2 class="anchored" data-anchor-id="use-direct-labels-instead-of-legend">Use direct labels instead of legend</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb8" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb8-1">sp500_data <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb8-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(date, price, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> type)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.25</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_text</span>(</span>
<span id="cb8-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">data =</span> sp500_data <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">slice_head</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">n =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">by =</span> type),</span>
<span id="cb8-6">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> type),</span>
<span id="cb8-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">hjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb8-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">vjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb8-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span>,</span>
<span id="cb8-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>,</span>
<span id="cb8-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">nudge_x =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.1</span></span>
<span id="cb8-12">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-13">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb8-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">20</span>, </span>
<span id="cb8-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb8-16">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-17">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb8-18">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb8-19">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'none'</span></span>
<span id="cb8-20">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-21">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_color_manual</span>(</span>
<span id="cb8-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">values =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#0072B2'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#D55E00'</span>)</span>
<span id="cb8-23">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-24">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb8-25">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(), </span>
<span id="cb8-26">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb8-27">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SP500 Prices in January 2014'</span></span>
<span id="cb8-28">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-29">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_y_continuous</span>(</span>
<span id="cb8-30">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">labels =</span> scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">label_dollar</span>()</span>
<span id="cb8-31">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-32">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_x_date</span>(</span>
<span id="cb8-33">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">limits =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb8-34">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">make_date</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2014</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>), </span>
<span id="cb8-35">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">make_date</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2014</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span> ,<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>)</span>
<span id="cb8-36">    )</span>
<span id="cb8-37">  )</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="32_viz_tips_files/figure-html/unnamed-chunk-9-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-6"><img src="https://albert-rapp.de/posts/ggplot2-tips/32_viz_tips/32_viz_tips_files/figure-html/unnamed-chunk-9-1.png" class="img-fluid figure-img" width="2700"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="make-nicer-labels" class="level2">
<h2 class="anchored" data-anchor-id="make-nicer-labels">Make nicer labels</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb9" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb9-1">sp500_data_with_nicer_labels <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> sp500_data <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb9-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb9-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">type =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">if_else</span>(</span>
<span id="cb9-4">      type <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'open'</span>,</span>
<span id="cb9-5">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Opening price'</span>,</span>
<span id="cb9-6">      <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Closing price'</span></span>
<span id="cb9-7">    )</span>
<span id="cb9-8">  ) </span>
<span id="cb9-9"></span>
<span id="cb9-10">sp500_data_with_nicer_labels<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb9-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(date, price, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> type)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-12">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.25</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-13">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_text</span>(</span>
<span id="cb9-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">data =</span> sp500_data_with_nicer_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb9-15">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">slice_head</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">n =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">by =</span> type),</span>
<span id="cb9-16">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> type),</span>
<span id="cb9-17">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">hjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb9-18">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">vjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb9-19">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span>,</span>
<span id="cb9-20">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10</span>,</span>
<span id="cb9-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">nudge_x =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.1</span></span>
<span id="cb9-22">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-23">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb9-24">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">20</span>, </span>
<span id="cb9-25">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb9-26">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-27">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb9-28">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb9-29">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'none'</span></span>
<span id="cb9-30">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-31">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_color_manual</span>(</span>
<span id="cb9-32">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">values =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#0072B2'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#D55E00'</span>)</span>
<span id="cb9-33">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-34">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb9-35">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(), </span>
<span id="cb9-36">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb9-37">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SP500 Prices in January 2014'</span></span>
<span id="cb9-38">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-39">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_y_continuous</span>(</span>
<span id="cb9-40">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">labels =</span> scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">label_dollar</span>()</span>
<span id="cb9-41">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-42">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_x_date</span>(</span>
<span id="cb9-43">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">limits =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb9-44">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">make_date</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2014</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>), </span>
<span id="cb9-45">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">make_date</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2014</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">8</span>)</span>
<span id="cb9-46">    )</span>
<span id="cb9-47">  )</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="32_viz_tips_files/figure-html/unnamed-chunk-10-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-7"><img src="https://albert-rapp.de/posts/ggplot2-tips/32_viz_tips/32_viz_tips_files/figure-html/unnamed-chunk-10-1.png" class="img-fluid figure-img" width="3600"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="place-labels-closer-to-the-lines" class="level2">
<h2 class="anchored" data-anchor-id="place-labels-closer-to-the-lines">Place labels closer to the lines</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb10" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb10-1">sp500_data_with_nicer_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb10-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(date, price, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> type)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.25</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-4">  geomtextpath<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_textline</span>(</span>
<span id="cb10-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">data =</span> sp500_data_with_nicer_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb10-6">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(type <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Opening price'</span>),</span>
<span id="cb10-7">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> type),</span>
<span id="cb10-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">hjust =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.76</span>,</span>
<span id="cb10-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">vjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb10-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span>,</span>
<span id="cb10-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">8</span></span>
<span id="cb10-12">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-13">  geomtextpath<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_textline</span>(</span>
<span id="cb10-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">data =</span> sp500_data_with_nicer_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb10-15">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(type <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Closing price'</span>),</span>
<span id="cb10-16">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> type),</span>
<span id="cb10-17">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">hjust =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.77</span>,</span>
<span id="cb10-18">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">vjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>,</span>
<span id="cb10-19">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span>,</span>
<span id="cb10-20">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">8</span>,</span>
<span id="cb10-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">text_smoothing =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">40</span>,</span>
<span id="cb10-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">offset =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">unit</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">14</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'mm'</span>)</span>
<span id="cb10-23">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-24">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb10-25">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">20</span>, </span>
<span id="cb10-26">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb10-27">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-28">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb10-29">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb10-30">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'none'</span></span>
<span id="cb10-31">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-32">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_color_manual</span>(</span>
<span id="cb10-33">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">values =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#0072B2'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#D55E00'</span>)</span>
<span id="cb10-34">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-35">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb10-36">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(), </span>
<span id="cb10-37">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb10-38">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SP500 Prices in January 2014'</span></span>
<span id="cb10-39">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-40">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_y_continuous</span>(</span>
<span id="cb10-41">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">labels =</span> scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">label_dollar</span>()</span>
<span id="cb10-42">  ) </span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="32_viz_tips_files/figure-html/unnamed-chunk-11-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-8"><img src="https://albert-rapp.de/posts/ggplot2-tips/32_viz_tips/32_viz_tips_files/figure-html/unnamed-chunk-11-1.png" class="img-fluid figure-img" width="2700"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="highlight-area-between-lines." class="level2">
<h2 class="anchored" data-anchor-id="highlight-area-between-lines.">Highlight area between lines.</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb11" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb11-1">sp500_data_with_nicer_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb11-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(date, price, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> type)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-3">  ggbraid<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_braid</span>(</span>
<span id="cb11-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">data =</span> sp500_data_wide, </span>
<span id="cb11-5">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(</span>
<span id="cb11-6">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NULL</span>, <span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Overwrite the inherited aes from ggplot()</span></span>
<span id="cb11-7">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NULL</span>, </span>
<span id="cb11-8">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ymin =</span> open, </span>
<span id="cb11-9">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ymax =</span> close, </span>
<span id="cb11-10">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> open <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&lt;</span> close</span>
<span id="cb11-11">    ), </span>
<span id="cb11-12">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">alpha =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.6</span></span>
<span id="cb11-13">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-14">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.25</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-15">  geomtextpath<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_textline</span>(</span>
<span id="cb11-16">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">data =</span> sp500_data_with_nicer_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb11-17">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(type <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Opening price'</span>),</span>
<span id="cb11-18">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> type),</span>
<span id="cb11-19">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">hjust =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.76</span>,</span>
<span id="cb11-20">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">vjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb11-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span>,</span>
<span id="cb11-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">8</span></span>
<span id="cb11-23">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-24">  geomtextpath<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_textline</span>(</span>
<span id="cb11-25">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">data =</span> sp500_data_with_nicer_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb11-26">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(type <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Closing price'</span>),</span>
<span id="cb11-27">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> type),</span>
<span id="cb11-28">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">hjust =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.77</span>,</span>
<span id="cb11-29">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">vjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>,</span>
<span id="cb11-30">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span>,</span>
<span id="cb11-31">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">8</span>,</span>
<span id="cb11-32">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">text_smoothing =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">40</span>,</span>
<span id="cb11-33">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">offset =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">unit</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">14</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'mm'</span>)</span>
<span id="cb11-34">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-35">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb11-36">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">20</span>, </span>
<span id="cb11-37">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb11-38">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-39">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb11-40">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb11-41">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'none'</span></span>
<span id="cb11-42">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-43">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_color_manual</span>(</span>
<span id="cb11-44">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">values =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#0072B2'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#D55E00'</span>)</span>
<span id="cb11-45">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-46">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_fill_manual</span>(</span>
<span id="cb11-47">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">values =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'TRUE'</span> <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#0072B2'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'FALSE'</span> <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#D55E00'</span>)</span>
<span id="cb11-48">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-49">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb11-50">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(), </span>
<span id="cb11-51">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb11-52">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SP500 Prices in January 2014'</span></span>
<span id="cb11-53">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-54">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_y_continuous</span>(</span>
<span id="cb11-55">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">labels =</span> scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">label_dollar</span>()</span>
<span id="cb11-56">  ) </span>
<span id="cb11-57"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## `geom_braid()` using method = 'line'</span></span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="32_viz_tips_files/figure-html/unnamed-chunk-12-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-9"><img src="https://albert-rapp.de/posts/ggplot2-tips/32_viz_tips/32_viz_tips_files/figure-html/unnamed-chunk-12-1.png" class="img-fluid figure-img" width="2700"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="add-a-callout-label-box" class="level2">
<h2 class="anchored" data-anchor-id="add-a-callout-label-box">Add a callout label box</h2>
<div class="cell">
<div class="sourceCode cell-code" id="cb12" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb12-1">sp500_data_with_nicer_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb12-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(date, price, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> type)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-3">  ggbraid<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_braid</span>(</span>
<span id="cb12-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">data =</span> sp500_data_wide, </span>
<span id="cb12-5">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(</span>
<span id="cb12-6">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NULL</span>, <span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Overwrite the inherited aes from ggplot()</span></span>
<span id="cb12-7">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NULL</span>, </span>
<span id="cb12-8">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ymin =</span> open, </span>
<span id="cb12-9">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ymax =</span> close, </span>
<span id="cb12-10">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> open <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&lt;</span> close</span>
<span id="cb12-11">    ), </span>
<span id="cb12-12">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">alpha =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.6</span></span>
<span id="cb12-13">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-14">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.25</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-15">  geomtextpath<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_textline</span>(</span>
<span id="cb12-16">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">data =</span> sp500_data_with_nicer_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb12-17">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(type <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Opening price'</span>),</span>
<span id="cb12-18">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> type),</span>
<span id="cb12-19">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">hjust =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.76</span>,</span>
<span id="cb12-20">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">vjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb12-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span>,</span>
<span id="cb12-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">8</span></span>
<span id="cb12-23">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-24">  geomtextpath<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_textline</span>(</span>
<span id="cb12-25">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">data =</span> sp500_data_with_nicer_labels <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb12-26">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(type <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">==</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Closing price'</span>),</span>
<span id="cb12-27">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> type),</span>
<span id="cb12-28">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">hjust =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.77</span>,</span>
<span id="cb12-29">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">vjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>,</span>
<span id="cb12-30">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span>,</span>
<span id="cb12-31">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">8</span>,</span>
<span id="cb12-32">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">text_smoothing =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">40</span>,</span>
<span id="cb12-33">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">offset =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">unit</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">14</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'mm'</span>)</span>
<span id="cb12-34">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-35">  ggforce<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_mark_circle</span>(</span>
<span id="cb12-36">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">data =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(</span>
<span id="cb12-37">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">date =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">make_date</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2014</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">24</span>),</span>
<span id="cb12-38">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">price =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1820</span></span>
<span id="cb12-39">    ),</span>
<span id="cb12-40">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(</span>
<span id="cb12-41">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">NULL</span>, </span>
<span id="cb12-42">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'This area signals whether the</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\n</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">closing price or opening price was</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">\n</span><span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">higher on a given day'</span></span>
<span id="cb12-43">    ),</span>
<span id="cb12-44">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'white'</span>,</span>
<span id="cb12-45">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'grey20'</span>,</span>
<span id="cb12-46">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">alpha =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>,</span>
<span id="cb12-47">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x0 =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">make_date</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2014</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">13</span>),</span>
<span id="cb12-48">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y0 =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1805</span>,</span>
<span id="cb12-49">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label.family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span>,</span>
<span id="cb12-50">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label.colour =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'grey20'</span>,</span>
<span id="cb12-51">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label.hjust =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb12-52">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label.fontsize =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">12</span>,</span>
<span id="cb12-53">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">label.fontface =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'plain'</span>,</span>
<span id="cb12-54">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">con.colour =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'grey20'</span>,</span>
<span id="cb12-55">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">con.cap =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">unit</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'mm'</span>),</span>
<span id="cb12-56">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">expand =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.011</span></span>
<span id="cb12-57">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-58">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb12-59">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">20</span>, </span>
<span id="cb12-60">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb12-61">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-62">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb12-63">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb12-64">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'none'</span></span>
<span id="cb12-65">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-66">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_color_manual</span>(</span>
<span id="cb12-67">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">values =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#0072B2'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#D55E00'</span>)</span>
<span id="cb12-68">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-69">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_fill_manual</span>(</span>
<span id="cb12-70">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">values =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'TRUE'</span> <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#0072B2'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'FALSE'</span> <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">=</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#D55E00'</span>)</span>
<span id="cb12-71">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-72">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb12-73">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(), </span>
<span id="cb12-74">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb12-75">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'SP500 Prices in January 2014'</span></span>
<span id="cb12-76">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-77">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_y_continuous</span>(</span>
<span id="cb12-78">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">labels =</span> scales<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">label_dollar</span>()</span>
<span id="cb12-79">  ) </span>
<span id="cb12-80"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## `geom_braid()` using method = 'line'</span></span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="32_viz_tips_files/figure-html/unnamed-chunk-13-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-10"><img src="https://albert-rapp.de/posts/ggplot2-tips/32_viz_tips/32_viz_tips_files/figure-html/unnamed-chunk-13-1.png" class="img-fluid figure-img" width="2700"></a></p>
</figure>
</div>
</div>
</div>


</section>

 ]]></description>
  <guid>https://albert-rapp.de/posts/ggplot2-tips/32_viz_tips/32_viz_tips.html</guid>
  <pubDate>Sat, 06 Jul 2024 22:00:00 GMT</pubDate>
</item>
<item>
  <title>How to avoid empty line charts</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/ggplot2-tips/31_grouped_lines/31_grouped_lines.html</link>
  <description><![CDATA[ 




<p><link rel="stylesheet" href="../../../new_code_theme.css"></p>
<p>Have you ever tried to create a line chart with ggplot only to find that the chart remains blank and a warning showing up that each group consists out of one observation? That’s a common struggle and I used to attempt a lot of trial and error to fix this. In today’s blog post we’re going to take a look what’s going on when this warning message occurs and how to fix that like a pro. Like always, you can find a video version of this blog post on YouTube:</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/cKTcwp_k24A" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<section id="generate-some-fake-data" class="level2">
<h2 class="anchored" data-anchor-id="generate-some-fake-data">Generate some fake data</h2>
<p>First, what we need is data to work with. Here, I’m just going to simulate a bit of random data. And at the end of the day, the exact data isn’t that important. Just know that all of the data sets I use in this blog post are simulated.</p>
<p>You can find the code for that simulation in this folded code chunk. Feel free to check that out if you’re curious.</p>
<div class="cell">
<details class="code-fold">
<summary>Code</summary>
<div class="sourceCode cell-code" id="cb1" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb1-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(tidyverse)</span>
<span id="cb1-2"></span>
<span id="cb1-3"></span>
<span id="cb1-4"></span>
<span id="cb1-5"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">set.seed</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">234</span>)</span>
<span id="cb1-6">dat <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(</span>
<span id="cb1-7">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">age =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">runif</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10000</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">round</span>(),</span>
<span id="cb1-8">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">age_group =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">case_when</span>(</span>
<span id="cb1-9">    age <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&lt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">18</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">~</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&lt;18'</span>,</span>
<span id="cb1-10">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">between</span>(age, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">18</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">30</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">~</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'18 - 30'</span>,</span>
<span id="cb1-11">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">between</span>(age, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">30</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">40</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">~</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'30 - 40'</span>,</span>
<span id="cb1-12">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">between</span>(age, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">40</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">~</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'40 - 50'</span>,</span>
<span id="cb1-13">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">between</span>(age, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">60</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">~</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'50 - 60'</span>,</span>
<span id="cb1-14">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">between</span>(age, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">60</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">70</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">~</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'60 - 70'</span>,</span>
<span id="cb1-15">    <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">~</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&gt;70'</span></span>
<span id="cb1-16">  ),</span>
<span id="cb1-17">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">value =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">^</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span> (age <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">^</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rnorm</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10000</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mean =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sd =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>),</span>
<span id="cb1-18">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">line =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sample</span>(LETTERS[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span>], <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10000</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">replace =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb1-19">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fruit =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">sample</span>(fruit[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span><span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">:</span><span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>], <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">10000</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">replace =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>)</span>
<span id="cb1-20">) </span>
<span id="cb1-21"></span>
<span id="cb1-22">mean_value_by_age <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb1-23">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarise</span>(</span>
<span id="cb1-24">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mean_value =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(value),</span>
<span id="cb1-25">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> age</span>
<span id="cb1-26">  )</span>
<span id="cb1-27"></span>
<span id="cb1-28">mean_value_by_age_group <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb1-29">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarise</span>(</span>
<span id="cb1-30">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mean_value =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(value),</span>
<span id="cb1-31">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> age_group</span>
<span id="cb1-32">  )</span>
<span id="cb1-33"></span>
<span id="cb1-34"></span>
<span id="cb1-35">mean_value_by_age_group_and_line <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb1-36">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarise</span>(</span>
<span id="cb1-37">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mean_value =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(value),</span>
<span id="cb1-38">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(age_group, line)</span>
<span id="cb1-39">  )</span>
<span id="cb1-40"></span>
<span id="cb1-41">mean_value_by_age_group_and_line_and_fruit <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb1-42">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarise</span>(</span>
<span id="cb1-43">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mean_value =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(value),</span>
<span id="cb1-44">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(age_group, line, fruit)</span>
<span id="cb1-45">  )</span></code></pre></div>
</details>
</div>
<p>Also let us set the stage for ggplot by setting a nicer default theme:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb2" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb2-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_set</span>(</span>
<span id="cb2-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb2-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span>,</span>
<span id="cb2-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">16</span></span>
<span id="cb2-5">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb2-6">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb2-7">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>()</span>
<span id="cb2-8">    )</span>
<span id="cb2-9">)</span></code></pre></div>
</div>
</section>
<section id="a-line-chart-where-everything-works" class="level2">
<h2 class="anchored" data-anchor-id="a-line-chart-where-everything-works">A line chart where everything works</h2>
<p>Let us first look at the <code>mean_value_by_age</code> data. It has a numeric column <code>age</code> and a numeric column <code>mean_value</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb3" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb3-1">mean_value_by_age</span>
<span id="cb3-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 100 × 2</span></span>
<span id="cb3-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##      age mean_value</span></span>
<span id="cb3-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;dbl&gt;      &lt;dbl&gt;</span></span>
<span id="cb3-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1    75      1874.</span></span>
<span id="cb3-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2    78      1719.</span></span>
<span id="cb3-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3     3       296.</span></span>
<span id="cb3-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4     8       715.</span></span>
<span id="cb3-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5    65      2297.</span></span>
<span id="cb3-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6    93       646.</span></span>
<span id="cb3-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7    72      1998.</span></span>
<span id="cb3-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8    29      2071.</span></span>
<span id="cb3-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9    56      2465.</span></span>
<span id="cb3-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10    55      2481.</span></span>
<span id="cb3-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 90 more rows</span></span></code></pre></div>
</div>
<p>In the following examples we want to create line charts with the <code>mean_value</code> as the thing that goes on the <code>y</code> axis. This works pretty smoothly when the <code>x</code>-axis uses something numeric.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb4" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb4-1">mean_value_by_age <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb4-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> age, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> mean_value)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb4-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>()</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="31_grouped_lines_files/figure-html/unnamed-chunk-4-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-1"><img src="https://albert-rapp.de/posts/ggplot2-tips/31_grouped_lines/31_grouped_lines_files/figure-html/unnamed-chunk-4-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="a-classical-example-where-the-plot-remains-blank" class="level2">
<h2 class="anchored" data-anchor-id="a-classical-example-where-the-plot-remains-blank">A classical example where the plot remains blank</h2>
<p>But now look at the data set <code>mean_value_by_age_group</code>. Instead of a numeric variable <code>age</code> it now uses a character vector <code>age_group</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb5" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb5-1">mean_value_by_age_group</span>
<span id="cb5-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 7 × 2</span></span>
<span id="cb5-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   age_group mean_value</span></span>
<span id="cb5-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;chr&gt;          &lt;dbl&gt;</span></span>
<span id="cb5-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1 &gt;70            1187.</span></span>
<span id="cb5-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2 &lt;18             811.</span></span>
<span id="cb5-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 3 60 - 70        2253.</span></span>
<span id="cb5-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 4 18 - 30        1812.</span></span>
<span id="cb5-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 5 50 - 60        2463.</span></span>
<span id="cb5-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 6 40 - 50        2469.</span></span>
<span id="cb5-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 7 30 - 40        2287.</span></span></code></pre></div>
</div>
<p>Typically, I’d try to create a bar chart from this.</p>
<div class="cell">
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="31_grouped_lines_files/figure-html/unnamed-chunk-6-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-2"><img src="https://albert-rapp.de/posts/ggplot2-tips/31_grouped_lines/31_grouped_lines_files/figure-html/unnamed-chunk-6-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
<p>But for this blog post let’s see what happens when we want to create a similar chart as before but with <code>age_group</code> instead of <code>age</code> on the x-axis.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb6" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb6-1">mean_value_by_age_group <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb6-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> age_group, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> mean_value)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb6-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>()</span>
<span id="cb6-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## `geom_line()`: Each group consists of only one observation.</span></span>
<span id="cb6-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ℹ Do you need to adjust the group aesthetic?</span></span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="31_grouped_lines_files/figure-html/unnamed-chunk-7-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-3"><img src="https://albert-rapp.de/posts/ggplot2-tips/31_grouped_lines/31_grouped_lines_files/figure-html/unnamed-chunk-7-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
<p>Oh no. That didn’t work particularly nice. Unfortunately, <code>geom_line()</code> needs you to be very specific when the <code>x</code>-axis is not a numeric variable. You will need to tell <code>geom_line()</code> what points belong together across the x-axis.</p>
</section>
<section id="setting-the-group-aesthetic" class="level2">
<h2 class="anchored" data-anchor-id="setting-the-group-aesthetic">Setting the group aesthetic</h2>
<p>With numeric variables like <code>age</code> there’s a natural order and <code>geom_line()</code> acts like all the numbers belong to the same continuum of numbers. But with other kind of data <code>geom_line()</code> will act like it doesn’t know anything. That’s why you can tell it that all of the points can be connected across the x-axis. That’s where group comes in. Just map it to the same string for all observations.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb7" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb7-1">mean_value_by_age_group <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb7-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> age_group, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> mean_value)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb7-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">group =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span>))</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="31_grouped_lines_files/figure-html/unnamed-chunk-8-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-4"><img src="https://albert-rapp.de/posts/ggplot2-tips/31_grouped_lines/31_grouped_lines_files/figure-html/unnamed-chunk-8-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
<p>Cool. That worked pretty nicely. But notice that the things on the <code>x</code>-axis are not in a natural order. Here, <code>geom_line()</code> just sorts things alphabetically. We can change that by hard-coding a new order with the <code>factor()</code> function.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb8" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb8-1">mean_value_by_age_group <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb8-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb8-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">age_group =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">factor</span>(</span>
<span id="cb8-4">      age_group,</span>
<span id="cb8-5">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&lt;18'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'18 - 30'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'30 - 40'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'40 - 50'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'50 - 60'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'60 - 70'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&gt;70'</span>)</span>
<span id="cb8-6">    )</span>
<span id="cb8-7">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb8-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> age_group, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> mean_value)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb8-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">group =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span>))</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="31_grouped_lines_files/figure-html/unnamed-chunk-9-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-5"><img src="https://albert-rapp.de/posts/ggplot2-tips/31_grouped_lines/31_grouped_lines_files/figure-html/unnamed-chunk-9-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="groupings-and-multiple-lines" class="level2">
<h2 class="anchored" data-anchor-id="groupings-and-multiple-lines">Groupings and multiple lines</h2>
<p>Now, what if you wanted to have multiple lines? Imagine you have a new data set that also has a column <code>line</code> in it.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb9" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb9-1">mean_value_by_age_group_and_line</span>
<span id="cb9-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 35 × 3</span></span>
<span id="cb9-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    age_group line  mean_value</span></span>
<span id="cb9-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;     &lt;chr&gt;      &lt;dbl&gt;</span></span>
<span id="cb9-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 &gt;70       E          1189.</span></span>
<span id="cb9-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 &gt;70       B          1191.</span></span>
<span id="cb9-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 &lt;18       B           827.</span></span>
<span id="cb9-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 &gt;70       D          1195.</span></span>
<span id="cb9-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 60 - 70   B          2256.</span></span>
<span id="cb9-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 &gt;70       C          1187.</span></span>
<span id="cb9-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 18 - 30   E          1829.</span></span>
<span id="cb9-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 50 - 60   E          2457.</span></span>
<span id="cb9-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 50 - 60   B          2468.</span></span>
<span id="cb9-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 &lt;18       A           821.</span></span>
<span id="cb9-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 25 more rows</span></span></code></pre></div>
</div>
<p>Here’s how our previous code would look if we just replaced the data set.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb10" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb10-1">mean_value_by_age_group_and_line <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb10-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb10-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">age_group =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">factor</span>(</span>
<span id="cb10-4">      age_group,</span>
<span id="cb10-5">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&lt;18'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'18 - 30'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'30 - 40'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'40 - 50'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'50 - 60'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'60 - 70'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&gt;70'</span>)</span>
<span id="cb10-6">    )</span>
<span id="cb10-7">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb10-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> age_group, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> mean_value)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">group =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span>))</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="31_grouped_lines_files/figure-html/unnamed-chunk-11-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-6"><img src="https://albert-rapp.de/posts/ggplot2-tips/31_grouped_lines/31_grouped_lines_files/figure-html/unnamed-chunk-11-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
<p>Notice how we only get one jagged line. The thing is, we didn’t tell <code>geom_line()</code> which of the things should form seperatea lines. Instead <code>group = ''</code> still makes sure that all the observations should belong to the same line.</p>
<p>So that’s why <code>geom_line()</code> tries to do its best and connect all the observations. In effect, we get a jagged line. Instead, we can tell <code>geom_line()</code> to map the <code>group</code> aesthetic to our new column <code>line</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb11" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb11-1">mean_value_by_age_group_and_line <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb11-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb11-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">age_group =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">factor</span>(</span>
<span id="cb11-4">      age_group,</span>
<span id="cb11-5">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&lt;18'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'18 - 30'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'30 - 40'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'40 - 50'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'50 - 60'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'60 - 70'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&gt;70'</span>)</span>
<span id="cb11-6">    )</span>
<span id="cb11-7">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb11-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> age_group, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> mean_value)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">group =</span> line))</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="31_grouped_lines_files/figure-html/unnamed-chunk-12-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-7"><img src="https://albert-rapp.de/posts/ggplot2-tips/31_grouped_lines/31_grouped_lines_files/figure-html/unnamed-chunk-12-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
<p>Nice, we got seperate lines know. Now, imagine that we had mapped <code>line</code> to the <code>color</code> aesthetic. It’s easy to think that <code>geom_line()</code> would understand that all the things that are mapped to the same color also correspond to the same line. This is not the case, though.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb12" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb12-1">mean_value_by_age_group_and_line <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb12-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb12-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">age_group =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">factor</span>(</span>
<span id="cb12-4">      age_group,</span>
<span id="cb12-5">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&lt;18'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'18 - 30'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'30 - 40'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'40 - 50'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'50 - 60'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'60 - 70'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&gt;70'</span>)</span>
<span id="cb12-6">    )</span>
<span id="cb12-7">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb12-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> age_group, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> mean_value)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> line))</span>
<span id="cb12-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## `geom_line()`: Each group consists of only one observation.</span></span>
<span id="cb12-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ℹ Do you need to adjust the group aesthetic?</span></span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="31_grouped_lines_files/figure-html/unnamed-chunk-13-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-8"><img src="https://albert-rapp.de/posts/ggplot2-tips/31_grouped_lines/31_grouped_lines_files/figure-html/unnamed-chunk-13-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
<p>Once again, we are left with an empty chart (albeit with a legend now) and a warning message. To get seperate lines <strong>and</strong> colors, we have to map to both the <code>color</code> and <code>group</code> aesthetic.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb13" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb13-1">mean_value_by_age_group_and_line <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb13-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb13-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">age_group =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">factor</span>(</span>
<span id="cb13-4">      age_group,</span>
<span id="cb13-5">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&lt;18'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'18 - 30'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'30 - 40'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'40 - 50'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'50 - 60'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'60 - 70'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&gt;70'</span>)</span>
<span id="cb13-6">    )</span>
<span id="cb13-7">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb13-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> age_group, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> mean_value)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb13-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">group =</span> line, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> line))</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="31_grouped_lines_files/figure-html/unnamed-chunk-14-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-9"><img src="https://albert-rapp.de/posts/ggplot2-tips/31_grouped_lines/31_grouped_lines_files/figure-html/unnamed-chunk-14-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
<p>Cool beans! That’s exactly what we want. Now what if we had another data set with yet another column that could be used to differentiate lines. Here’s such a data set.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb14" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb14-1">mean_value_by_age_group_and_line_and_fruit</span>
<span id="cb14-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 105 × 4</span></span>
<span id="cb14-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    age_group line  fruit   mean_value</span></span>
<span id="cb14-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;chr&gt;     &lt;chr&gt; &lt;chr&gt;        &lt;dbl&gt;</span></span>
<span id="cb14-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 &gt;70       E     apricot      1232.</span></span>
<span id="cb14-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 &gt;70       B     apricot      1177.</span></span>
<span id="cb14-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 &lt;18       B     apricot       871.</span></span>
<span id="cb14-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 &gt;70       D     apricot      1208.</span></span>
<span id="cb14-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 &lt;18       B     apple         799.</span></span>
<span id="cb14-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 60 - 70   B     apricot      2249.</span></span>
<span id="cb14-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 &gt;70       D     avocado      1147.</span></span>
<span id="cb14-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 &gt;70       C     apricot      1192.</span></span>
<span id="cb14-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 &gt;70       C     avocado      1194.</span></span>
<span id="cb14-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 18 - 30   E     avocado      1806.</span></span>
<span id="cb14-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 95 more rows</span></span></code></pre></div>
</div>
<p>Notice that there is another column <code>fruit</code> now. If we were to just use our previous code and throw the same ggplot code as before at it, you can probably guess what will happen.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb15" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb15-1">mean_value_by_age_group_and_line_and_fruit <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb15-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb15-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">age_group =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">factor</span>(</span>
<span id="cb15-4">      age_group,</span>
<span id="cb15-5">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&lt;18'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'18 - 30'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'30 - 40'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'40 - 50'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'50 - 60'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'60 - 70'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&gt;70'</span>)</span>
<span id="cb15-6">    )</span>
<span id="cb15-7">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb15-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> age_group, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> mean_value)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb15-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">group =</span> line, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> line))</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="31_grouped_lines_files/figure-html/unnamed-chunk-16-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-10"><img src="https://albert-rapp.de/posts/ggplot2-tips/31_grouped_lines/31_grouped_lines_files/figure-html/unnamed-chunk-16-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
<p>That’s right. We get jagged lines again. Once again, we haven’t told <code>geom_line()</code> how all the groups should be separated and it does its thing to connect all the dots. The same thing happens when we map <code>fruit</code> to the <code>group</code> aesthetic now.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb16" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb16-1">mean_value_by_age_group_and_line_and_fruit <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb16-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb16-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">age_group =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">factor</span>(</span>
<span id="cb16-4">      age_group,</span>
<span id="cb16-5">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&lt;18'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'18 - 30'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'30 - 40'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'40 - 50'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'50 - 60'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'60 - 70'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&gt;70'</span>)</span>
<span id="cb16-6">    )</span>
<span id="cb16-7">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb16-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> age_group, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> mean_value)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb16-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">group =</span> fruit, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> line))</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="31_grouped_lines_files/figure-html/unnamed-chunk-17-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-11"><img src="https://albert-rapp.de/posts/ggplot2-tips/31_grouped_lines/31_grouped_lines_files/figure-html/unnamed-chunk-17-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="using-interaction-to-get-the-grouping-right" class="level2">
<h2 class="anchored" data-anchor-id="using-interaction-to-get-the-grouping-right">Using <code>interaction()</code> to get the grouping right</h2>
<p>In this code, we have not carefully separated all the grouping variables and told <code>geom_line()</code> about it. We can do that with help of the <code>interaction()</code> function. If we want to get only one color per letter in the column <code>line</code> we have to leave the <code>color</code> aesthetic as is and tell <code>geom_line()</code> that there is an interaction between the two columns <code>fruit</code> and <code>line</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb17" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb17-1">mean_value_by_age_group_and_line_and_fruit <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb17-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb17-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">age_group =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">factor</span>(</span>
<span id="cb17-4">      age_group,</span>
<span id="cb17-5">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&lt;18'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'18 - 30'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'30 - 40'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'40 - 50'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'50 - 60'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'60 - 70'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&gt;70'</span>)</span>
<span id="cb17-6">    )</span>
<span id="cb17-7">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb17-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> age_group, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> mean_value)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb17-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">group =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">interaction</span>(fruit, line), <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> line))</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="31_grouped_lines_files/figure-html/unnamed-chunk-18-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-12"><img src="https://albert-rapp.de/posts/ggplot2-tips/31_grouped_lines/31_grouped_lines_files/figure-html/unnamed-chunk-18-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
<p>Beautiful! This leaves us still with 5 colors but a separate line for each fruit. In case you’re wondering what <code>interaction</code> does, it’s instructive to just create a new column in the data set. That way, we can look at exactly what <code>interaction()</code> calculates.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb18" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb18-1">mean_value_by_age_group_and_line_and_fruit <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb18-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb18-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">age_group =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">factor</span>(</span>
<span id="cb18-4">      age_group,</span>
<span id="cb18-5">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&lt;18'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'18 - 30'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'30 - 40'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'40 - 50'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'50 - 60'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'60 - 70'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&gt;70'</span>)</span>
<span id="cb18-6">    ),</span>
<span id="cb18-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">interaction =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">interaction</span>(fruit, line)</span>
<span id="cb18-8">  )</span>
<span id="cb18-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 105 × 5</span></span>
<span id="cb18-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    age_group line  fruit   mean_value interaction</span></span>
<span id="cb18-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;fct&gt;     &lt;chr&gt; &lt;chr&gt;        &lt;dbl&gt; &lt;fct&gt;      </span></span>
<span id="cb18-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 &gt;70       E     apricot      1232. apricot.E  </span></span>
<span id="cb18-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 &gt;70       B     apricot      1177. apricot.B  </span></span>
<span id="cb18-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 &lt;18       B     apricot       871. apricot.B  </span></span>
<span id="cb18-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 &gt;70       D     apricot      1208. apricot.D  </span></span>
<span id="cb18-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 &lt;18       B     apple         799. apple.B    </span></span>
<span id="cb18-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 60 - 70   B     apricot      2249. apricot.B  </span></span>
<span id="cb18-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 &gt;70       D     avocado      1147. avocado.D  </span></span>
<span id="cb18-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 &gt;70       C     apricot      1192. apricot.C  </span></span>
<span id="cb18-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 &gt;70       C     avocado      1194. avocado.C  </span></span>
<span id="cb18-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 18 - 30   E     avocado      1806. avocado.E  </span></span>
<span id="cb18-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 95 more rows</span></span></code></pre></div>
</div>
<p>As you can see <code>interaction()</code> does nothing too fancy. All it does is that it creates a string that combines the things from the two columns <code>fruit</code> and <code>line</code>. If we wanted to, we could use these strings as <code>color</code> aesthetic. That way we will get one color for each of the combinations.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb19" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb19-1">mean_value_by_age_group_and_line_and_fruit <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb19-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb19-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">age_group =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">factor</span>(</span>
<span id="cb19-4">      age_group,</span>
<span id="cb19-5">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&lt;18'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'18 - 30'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'30 - 40'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'40 - 50'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'50 - 60'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'60 - 70'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&gt;70'</span>)</span>
<span id="cb19-6">    ),</span>
<span id="cb19-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">interaction =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">interaction</span>(fruit, line)</span>
<span id="cb19-8">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb19-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> age_group, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> mean_value)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb19-10">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> interaction))</span>
<span id="cb19-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## `geom_line()`: Each group consists of only one observation.</span></span>
<span id="cb19-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## ℹ Do you need to adjust the group aesthetic?</span></span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="31_grouped_lines_files/figure-html/unnamed-chunk-20-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-13"><img src="https://albert-rapp.de/posts/ggplot2-tips/31_grouped_lines/31_grouped_lines_files/figure-html/unnamed-chunk-20-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
<p>But as always we have to tell <code>geom_line()</code> how to connect points to form a line. In this example, we’d had to additionally map <code>interaction</code> to the <code>group</code> aesthetic.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb20" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb20-1">mean_value_by_age_group_and_line_and_fruit <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb20-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb20-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">age_group =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">factor</span>(</span>
<span id="cb20-4">      age_group,</span>
<span id="cb20-5">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&lt;18'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'18 - 30'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'30 - 40'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'40 - 50'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'50 - 60'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'60 - 70'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&gt;70'</span>)</span>
<span id="cb20-6">    ),</span>
<span id="cb20-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">interaction =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">interaction</span>(fruit, line)</span>
<span id="cb20-8">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb20-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> age_group, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> mean_value)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb20-10">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> interaction, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">group =</span> interaction))</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="31_grouped_lines_files/figure-html/unnamed-chunk-21-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-14"><img src="https://albert-rapp.de/posts/ggplot2-tips/31_grouped_lines/31_grouped_lines_files/figure-html/unnamed-chunk-21-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="why-groups-are-useful" class="level2">
<h2 class="anchored" data-anchor-id="why-groups-are-useful">Why groups are useful</h2>
<p>Now, you may wonder why <code>geom_line()</code> is so complicated for this simple thing. The reason is probably best explained with an example. Let’s go back to our first data set with only the columns <code>age_group</code> and <code>mean_value</code>.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb21" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb21-1">mean_value_by_age_group <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb21-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb21-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">age_group =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">factor</span>(</span>
<span id="cb21-4">      age_group,</span>
<span id="cb21-5">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&lt;18'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'18 - 30'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'30 - 40'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'40 - 50'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'50 - 60'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'60 - 70'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&gt;70'</span>)</span>
<span id="cb21-6">    )</span>
<span id="cb21-7">  )</span>
<span id="cb21-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 7 × 2</span></span>
<span id="cb21-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   age_group mean_value</span></span>
<span id="cb21-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;fct&gt;          &lt;dbl&gt;</span></span>
<span id="cb21-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1 &gt;70            1187.</span></span>
<span id="cb21-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2 &lt;18             811.</span></span>
<span id="cb21-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 3 60 - 70        2253.</span></span>
<span id="cb21-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 4 18 - 30        1812.</span></span>
<span id="cb21-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 5 50 - 60        2463.</span></span>
<span id="cb21-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 6 40 - 50        2469.</span></span>
<span id="cb21-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 7 30 - 40        2287.</span></span></code></pre></div>
</div>
<p>Imagine that you want to draw one single line that consists out of two colors. Something like this:</p>
<div class="cell">
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="31_grouped_lines_files/figure-html/group-motivation-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-15"><img src="https://albert-rapp.de/posts/ggplot2-tips/31_grouped_lines/31_grouped_lines_files/figure-html/group-motivation-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
<p>If the <code>color</code> aesthetic would also determine how things are supposed to be connected, then this would be impossible. After all, we have to color the line at two spatially disconnect positions. Hence, another aesthetic is needed. And that’s why you have <code>group</code> to save the day.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb22" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb22-1">mean_value_by_age_group <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb22-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb22-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">age_group =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">factor</span>(</span>
<span id="cb22-4">      age_group,</span>
<span id="cb22-5">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&lt;18'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'18 - 30'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'30 - 40'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'40 - 50'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'50 - 60'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'60 - 70'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&gt;70'</span>)</span>
<span id="cb22-6">    )</span>
<span id="cb22-7">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb22-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> age_group, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> mean_value)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb22-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">group =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> age_group <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">%in%</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&lt;18'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'60 - 70'</span>,  <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'&gt;70'</span>))) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb22-10">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Under 18 or over 60'</span>)</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="31_grouped_lines_files/figure-html/group-motivation-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-16"><img src="https://albert-rapp.de/posts/ggplot2-tips/31_grouped_lines/31_grouped_lines_files/figure-html/group-motivation-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="conclusion" class="level2">
<h2 class="anchored" data-anchor-id="conclusion">Conclusion</h2>
<p>That’s a wrap! Hope this helped you to finally what the <code>group</code> aesthetic does. And if you found this helpful, here are some other ways I can help you:</p>
<ul>
<li><a href="https://3mw.albert-rapp.de/">3 Minute Wednesdays</a>: A weekly newsletter with bite-sized tips and tricks for R users</li>
<li><a href="https://data-cleaning.albert-rapp.de/">Data Cleaning with R Master Class</a>: In this course, I teach you everything you need to know about cleaning messy data fast &amp; efficiently.</li>
<li><a href="https://arapp.thinkific.com/courses/insightful-data-visualizations-for-uncreative-r-users()">Insightful Data Visualizations for “Uncreative” R Users</a>: A course that teaches you how to leverage <code>{ggplot2}</code> to make charts that communicate effectively without being a design expert.</li>
</ul>


</section>

 ]]></description>
  <guid>https://albert-rapp.de/posts/ggplot2-tips/31_grouped_lines/31_grouped_lines.html</guid>
  <pubDate>Sat, 29 Jun 2024 22:00:00 GMT</pubDate>
</item>
<item>
  <title>Master Data Cleaning &amp; Get To Insights Faster</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/25_data_cleaning_course/25_data_cleaning_course.html</link>
  <description><![CDATA[ 




<p>Guten Tag! 👋</p>
<p>As data scientists we are judged by how quickly we can generate meaningful insights. But we’re often stuck with cleaning our data first. That’s bad. So that’s why I’m super excited to tell you that my new <strong><a href="https://data-cleaning.albert-rapp.de/">“Data Cleaning with R Master Class”</a></strong> just launched.</p>
<p>This video course will teach you how to stop wasting time and clean your messy data fast. In fact, I will give you an in-depth curriculum for all your data cleaning needs.</p>
<p><a href="https://data-cleaning.albert-rapp.de/" style="display:clock;background:#06436e;color:white;font-weight:600;padding:15px;border-radius:5px;text-decoration:none;"><strong>Count me in!</strong></a></p>
<p><br></p>
<section id="what-you-can-get-from-the-course" class="level2">
<h2 class="anchored" data-anchor-id="what-you-can-get-from-the-course">What you can get from the course</h2>
<p>Once you complete the course, I am confident that you can leave that data cleaning mess behind you much quicker and get to your insights faster. Now, how do I plan to teach you how to do that?</p>
<p>I’ve condensed years of experience into five parts with each of them focusing on one specific aspect of your data cleaning efforts. All of these parts first show you the mechanics of useful data functions and then tie everything together with real-world examples.</p>
<p>Here’s the breakdown of the course:</p>
<ul>
<li><p>Part 1: Get a <strong>deep understanding</strong> of the basics of computing and summarizing columns. <strong>Improve your productivity</strong> with advanced tricks.</p></li>
<li><p>Part 2: Learn how to <strong>read any file</strong> and get it from a messy state into a usable format. This will be <strong>particularly useful for Excel files</strong>.</p></li>
<li><p>Part 3: Knowing how to <strong>work with text data (and regex in particular)</strong> unlocks so many doors for you. I’ll show you how that works.</p></li>
<li><p>Part 4: <strong>Working with times and dates</strong> is always painful. But your live becomes easier when you use powerful functions from <code>{lubridate}</code>.</p></li>
<li><p>Part 5: Unlocking the hard but <strong>insanely useful functional programming paradigm</strong> will make you so much more productive.</p></li>
</ul>
<p><a href="https://data-cleaning.albert-rapp.de/" style="display:clock;background:#06436e;color:white;font-weight:600;padding:15px;border-radius:5px;text-decoration:none;">Sign me up!</a></p>
<p><br></p>
</section>
<section id="where-is-the-special-offer" class="level2">
<h2 class="anchored" data-anchor-id="where-is-the-special-offer">Where is the special offer ?</h2>
<p>I know what you’re thinking. A course release is great. But there needs to be some promo offer, right? And you’re right. I’ve got a deal in store for you.</p>
<p>First, this course is currently in pre-sale mode. This means that you get full access to</p>
<ul>
<li><p>Part 1 of the course now and</p></li>
<li><p>Parts 2, 3, 4 &amp; 5 as they become available in the next couple of months.</p></li>
</ul>
<p>And the best part: The course is currently <strong>priced at 50% off compared to the final price</strong> when the course is completed.</p>
<p><a href="https://data-cleaning.albert-rapp.de/" style="display:clock;background:#06436e;color:white;font-weight:600;padding:15px;border-radius:5px;text-decoration:none;">Take me to the course!</a></p>
<p><br></p>
<hr>
<p>This course has a jam-packed &amp; ambitious learning path for you. Completing it will make you so much more efficient at data cleaning. So, if you want to get to your data insights quicker, <a href="https://data-cleaning.albert-rapp.de/"><strong>join the course today</strong></a>. 🎉</p>


</section>

 ]]></description>
  <guid>https://albert-rapp.de/posts/25_data_cleaning_course/25_data_cleaning_course.html</guid>
  <pubDate>Mon, 17 Jun 2024 22:00:00 GMT</pubDate>
</item>
<item>
  <title>The 6 Most Fundamental Functions for Data Cleaning with R</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/24_data_cleaning_fundamentals/24_data_cleaning_fundamentals.html</link>
  <description><![CDATA[ 




<p><link rel="stylesheet" href="../../../new_code_theme.css"></p>
<p>In this blog post I’m going to show you the six most fundamental functions for your data cleaning journey. And as always, you can watch the video version of this blog post on YouTube:</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/wVoGTjtnTEQ" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<section id="getting-started" class="level2">
<h2 class="anchored" data-anchor-id="getting-started">Getting started</h2>
<p>All of these functions come from the tidyverse. So this is why we are going to load that package.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb1" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb1-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(tidyverse)</span></code></pre></div>
</div>
<p>And of course, we’re going to need some data, and this is where the palmerpenguins package comes in. We can either load the palmerpenguins package like we did with the tidyverse, or we can just access the penguins data set via its full name, namely the palmerpenguins package name followed by <code>::</code> followed by the data set name.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb2" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb2-1">penguins <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> palmerpenguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>penguins</span>
<span id="cb2-2">penguins</span>
<span id="cb2-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 344 × 8</span></span>
<span id="cb2-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    species island    bill_length_mm bill_depth_mm flipper_length_mm body_mass_g</span></span>
<span id="cb2-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    &lt;fct&gt;   &lt;fct&gt;              &lt;dbl&gt;         &lt;dbl&gt;             &lt;int&gt;       &lt;int&gt;</span></span>
<span id="cb2-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1 Adelie  Torgersen           39.1          18.7               181        3750</span></span>
<span id="cb2-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2 Adelie  Torgersen           39.5          17.4               186        3800</span></span>
<span id="cb2-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3 Adelie  Torgersen           40.3          18                 195        3250</span></span>
<span id="cb2-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4 Adelie  Torgersen           NA            NA                  NA          NA</span></span>
<span id="cb2-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5 Adelie  Torgersen           36.7          19.3               193        3450</span></span>
<span id="cb2-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6 Adelie  Torgersen           39.3          20.6               190        3650</span></span>
<span id="cb2-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7 Adelie  Torgersen           38.9          17.8               181        3625</span></span>
<span id="cb2-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8 Adelie  Torgersen           39.2          19.6               195        4675</span></span>
<span id="cb2-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9 Adelie  Torgersen           34.1          18.1               193        3475</span></span>
<span id="cb2-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10 Adelie  Torgersen           42            20.2               190        4250</span></span>
<span id="cb2-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 334 more rows</span></span>
<span id="cb2-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 2 more variables: sex &lt;fct&gt;, year &lt;int&gt;</span></span></code></pre></div>
</div>
</section>
<section id="count-all-the-things-with-count" class="level2">
<h2 class="anchored" data-anchor-id="count-all-the-things-with-count">Count all the things with <code>count()</code></h2>
<p>Once we have that data set, we can pass it to the <code>count()</code> function. Once we do that, we see in the console that we get a count.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb3" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb3-1">penguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb3-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">count</span>()</span>
<span id="cb3-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 1 × 1</span></span>
<span id="cb3-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##       n</span></span>
<span id="cb3-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;int&gt;</span></span>
<span id="cb3-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1   344</span></span></code></pre></div>
</div>
<p>But this output right now isn’t particularly useful because it just shows us how many things are in this data set. You see, <code>count()</code> becomes way more useful when you also add a column name from the dataset inside of <code>count()</code>. That way, we could count how many different species are in the data set.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb4" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb4-1">penguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb4-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">count</span>(species)</span>
<span id="cb4-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 3 × 2</span></span>
<span id="cb4-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   species       n</span></span>
<span id="cb4-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;fct&gt;     &lt;int&gt;</span></span>
<span id="cb4-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1 Adelie      152</span></span>
<span id="cb4-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2 Chinstrap    68</span></span>
<span id="cb4-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 3 Gentoo      124</span></span></code></pre></div>
</div>
<p>So that’s how we know how many Adelie, Gentoo and Chinstrap penguins are there. Furthermore, we can also sort the rows in this data set by also adding the <code>sort = TRUE</code> argument inside of <code>count()</code>. This is particularly helpful if you have a data set that has a whole bunch of different things inside one column and you want to get the most frequent ones at the top.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb5" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb5-1">penguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb5-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">count</span>(species, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sort =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>)</span>
<span id="cb5-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 3 × 2</span></span>
<span id="cb5-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   species       n</span></span>
<span id="cb5-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;fct&gt;     &lt;int&gt;</span></span>
<span id="cb5-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1 Adelie      152</span></span>
<span id="cb5-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2 Gentoo      124</span></span>
<span id="cb5-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 3 Chinstrap    68</span></span></code></pre></div>
</div>
<p>And we could even count combinations of different columns.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb6" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb6-1">penguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb6-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">count</span>(species, island, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sort =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>)</span>
<span id="cb6-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 5 × 3</span></span>
<span id="cb6-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   species   island        n</span></span>
<span id="cb6-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;fct&gt;     &lt;fct&gt;     &lt;int&gt;</span></span>
<span id="cb6-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1 Gentoo    Biscoe      124</span></span>
<span id="cb6-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2 Chinstrap Dream        68</span></span>
<span id="cb6-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 3 Adelie    Dream        56</span></span>
<span id="cb6-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 4 Adelie    Torgersen    52</span></span>
<span id="cb6-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 5 Adelie    Biscoe       44</span></span></code></pre></div>
</div>
<p>Let me note that <code>count()</code> is super useful because obviously you can count things, but also I use it all of the time as intermediate steps when I filter or rearrange some part of the data. This helps me to check that the count of what is now inside of a data set matches what I expect after some data operation.</p>
</section>
<section id="get-the-right-columns-with-select" class="level2">
<h2 class="anchored" data-anchor-id="get-the-right-columns-with-select">Get the right columns with <code>select()</code></h2>
<p>Next let us talk about the <code>select()</code> function. This function helps you select columns from your data set. Say, you have a data set with a whole bunch of columns and you want to focus on a subset of that. Then you can just</p>
<ul>
<li>take your data,</li>
<li>pass it to the <code>select()</code> function, and</li>
<li>list all of the things that you want to select.</li>
</ul>
<div class="cell">
<div class="sourceCode cell-code" id="cb7" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb7-1">penguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb7-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(flipper_length_mm, bill_length_mm, species)</span>
<span id="cb7-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 344 × 3</span></span>
<span id="cb7-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    flipper_length_mm bill_length_mm species</span></span>
<span id="cb7-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##                &lt;int&gt;          &lt;dbl&gt; &lt;fct&gt;  </span></span>
<span id="cb7-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1               181           39.1 Adelie </span></span>
<span id="cb7-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2               186           39.5 Adelie </span></span>
<span id="cb7-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3               195           40.3 Adelie </span></span>
<span id="cb7-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4                NA           NA   Adelie </span></span>
<span id="cb7-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5               193           36.7 Adelie </span></span>
<span id="cb7-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6               190           39.3 Adelie </span></span>
<span id="cb7-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7               181           38.9 Adelie </span></span>
<span id="cb7-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8               195           39.2 Adelie </span></span>
<span id="cb7-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9               193           34.1 Adelie </span></span>
<span id="cb7-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10               190           42   Adelie </span></span>
<span id="cb7-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 334 more rows</span></span></code></pre></div>
</div>
<p>That’s was pretty easy, right? Here, I kind of want to leave it at this stage. But be aware that there are a whole bunch of advanced tricks that you can use in <code>select()</code> to not have to list all of the things.</p>
<p>Instead, you can just describe the things that you want. For example, you can get all the columns</p>
<ul>
<li>that have a particular text in their name (like <code>_mm</code> in the penguins dataset) or</li>
<li>that are of specific type (e.g.&nbsp;numeric)</li>
</ul>
<p>In these cases, you can use a couple of tricks in combination with <code>select()</code> that make your life much easier. But here I really want to focus on the fundamentals. So let’s ignore those advanced tricks for now.</p>
</section>
<section id="reduce-the-rows-to-specific-observations-with-filter" class="level2">
<h2 class="anchored" data-anchor-id="reduce-the-rows-to-specific-observations-with-filter">Reduce the rows to specific observations with <code>filter()</code></h2>
<p>The next essential function is <code>filter()</code>. It is like <code>select()</code> but for rows. Using that function you can filter your data according to specific criteria. That way, you get all of the columns of the data that you pass to <code>filter()</code>, but you get only the rows that match a specific criteria.</p>
<p>For example, we can</p>
<ul>
<li>take our penguins data,</li>
<li>pass it to the <code>filter()</code> function, and</li>
<li>state that we want to get only the penguins whose bill length is larger than 55 millimeters.</li>
</ul>
<div class="cell">
<div class="sourceCode cell-code" id="cb8" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb8-1">penguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb8-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(bill_length_mm <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">55</span>)</span>
<span id="cb8-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 5 × 8</span></span>
<span id="cb8-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   species   island bill_length_mm bill_depth_mm flipper_length_mm body_mass_g</span></span>
<span id="cb8-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;fct&gt;     &lt;fct&gt;           &lt;dbl&gt;         &lt;dbl&gt;             &lt;int&gt;       &lt;int&gt;</span></span>
<span id="cb8-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1 Gentoo    Biscoe           59.6          17                 230        6050</span></span>
<span id="cb8-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2 Gentoo    Biscoe           55.9          17                 228        5600</span></span>
<span id="cb8-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 3 Gentoo    Biscoe           55.1          16                 230        5850</span></span>
<span id="cb8-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 4 Chinstrap Dream            58            17.8               181        3700</span></span>
<span id="cb8-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 5 Chinstrap Dream            55.8          19.8               207        4000</span></span>
<span id="cb8-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 2 more variables: sex &lt;fct&gt;, year &lt;int&gt;</span></span></code></pre></div>
</div>
<p>I’ll explain how to read that code in a second (in case you don’t find it intuitive.) Let me add one more example first, though. For instance, we could also use the <code>between()</code> function in combination with <code>filter()</code> to find the penguins that have a bill length larger than 55 but smaller than 58.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb9" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb9-1">penguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb9-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">between</span>(bill_length_mm, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">55</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">58</span>))</span>
<span id="cb9-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 4 × 8</span></span>
<span id="cb9-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   species   island bill_length_mm bill_depth_mm flipper_length_mm body_mass_g</span></span>
<span id="cb9-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;fct&gt;     &lt;fct&gt;           &lt;dbl&gt;         &lt;dbl&gt;             &lt;int&gt;       &lt;int&gt;</span></span>
<span id="cb9-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1 Gentoo    Biscoe           55.9          17                 228        5600</span></span>
<span id="cb9-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2 Gentoo    Biscoe           55.1          16                 230        5850</span></span>
<span id="cb9-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 3 Chinstrap Dream            58            17.8               181        3700</span></span>
<span id="cb9-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 4 Chinstrap Dream            55.8          19.8               207        4000</span></span>
<span id="cb9-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 2 more variables: sex &lt;fct&gt;, year &lt;int&gt;</span></span></code></pre></div>
</div>
<p>Okay, here you might wonder how to understand this thing here. So, let me give you an insight of how <code>filter()</code> function does things.</p>
<p>Basically, whenever you describe a condition inside of <code>filter()</code>, then what happens is that it takes the column that you used and applies the command to get a vector full of <code>TRUE</code> and <code>FALSE</code>. Let’s try this out manually to see what happens. Let’s grab the bill lengths.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb10" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb10-1">bill_length_mm</span>
<span id="cb10-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## Error in eval(expr, envir, enclos): object 'bill_length_mm' not found</span></span></code></pre></div>
</div>
<p>As you can see, we can’t just access the data column via its name outside of the <code>filter()</code> function. R simply doesn’t know where this column name is coming from. Inside of the <code>filter()</code> function R knows to look at the data set. But outside of <code>filter()</code> you will have to tell R that this thing comes from our penguins data set. You do that by via the data set name and the <code>$</code> operator.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb11" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb11-1">penguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>bill_length_mm</span>
<span id="cb11-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   [1] 39.1 39.5 40.3   NA 36.7 39.3 38.9 39.2 34.1 42.0 37.8 37.8 41.1 38.6 34.6</span></span>
<span id="cb11-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [16] 36.6 38.7 42.5 34.4 46.0 37.8 37.7 35.9 38.2 38.8 35.3 40.6 40.5 37.9 40.5</span></span>
<span id="cb11-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [31] 39.5 37.2 39.5 40.9 36.4 39.2 38.8 42.2 37.6 39.8 36.5 40.8 36.0 44.1 37.0</span></span>
<span id="cb11-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [46] 39.6 41.1 37.5 36.0 42.3 39.6 40.1 35.0 42.0 34.5 41.4 39.0 40.6 36.5 37.6</span></span>
<span id="cb11-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [61] 35.7 41.3 37.6 41.1 36.4 41.6 35.5 41.1 35.9 41.8 33.5 39.7 39.6 45.8 35.5</span></span>
<span id="cb11-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [76] 42.8 40.9 37.2 36.2 42.1 34.6 42.9 36.7 35.1 37.3 41.3 36.3 36.9 38.3 38.9</span></span>
<span id="cb11-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [91] 35.7 41.1 34.0 39.6 36.2 40.8 38.1 40.3 33.1 43.2 35.0 41.0 37.7 37.8 37.9</span></span>
<span id="cb11-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [106] 39.7 38.6 38.2 38.1 43.2 38.1 45.6 39.7 42.2 39.6 42.7 38.6 37.3 35.7 41.1</span></span>
<span id="cb11-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [121] 36.2 37.7 40.2 41.4 35.2 40.6 38.8 41.5 39.0 44.1 38.5 43.1 36.8 37.5 38.1</span></span>
<span id="cb11-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [136] 41.1 35.6 40.2 37.0 39.7 40.2 40.6 32.1 40.7 37.3 39.0 39.2 36.6 36.0 37.8</span></span>
<span id="cb11-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [151] 36.0 41.5 46.1 50.0 48.7 50.0 47.6 46.5 45.4 46.7 43.3 46.8 40.9 49.0 45.5</span></span>
<span id="cb11-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [166] 48.4 45.8 49.3 42.0 49.2 46.2 48.7 50.2 45.1 46.5 46.3 42.9 46.1 44.5 47.8</span></span>
<span id="cb11-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [181] 48.2 50.0 47.3 42.8 45.1 59.6 49.1 48.4 42.6 44.4 44.0 48.7 42.7 49.6 45.3</span></span>
<span id="cb11-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [196] 49.6 50.5 43.6 45.5 50.5 44.9 45.2 46.6 48.5 45.1 50.1 46.5 45.0 43.8 45.5</span></span>
<span id="cb11-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [211] 43.2 50.4 45.3 46.2 45.7 54.3 45.8 49.8 46.2 49.5 43.5 50.7 47.7 46.4 48.2</span></span>
<span id="cb11-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [226] 46.5 46.4 48.6 47.5 51.1 45.2 45.2 49.1 52.5 47.4 50.0 44.9 50.8 43.4 51.3</span></span>
<span id="cb11-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [241] 47.5 52.1 47.5 52.2 45.5 49.5 44.5 50.8 49.4 46.9 48.4 51.1 48.5 55.9 47.2</span></span>
<span id="cb11-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [256] 49.1 47.3 46.8 41.7 53.4 43.3 48.1 50.5 49.8 43.5 51.5 46.2 55.1 44.5 48.8</span></span>
<span id="cb11-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [271] 47.2   NA 46.8 50.4 45.2 49.9 46.5 50.0 51.3 45.4 52.7 45.2 46.1 51.3 46.0</span></span>
<span id="cb11-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [286] 51.3 46.6 51.7 47.0 52.0 45.9 50.5 50.3 58.0 46.4 49.2 42.4 48.5 43.2 50.6</span></span>
<span id="cb11-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [301] 46.7 52.0 50.5 49.5 46.4 52.8 40.9 54.2 42.5 51.0 49.7 47.5 47.6 52.0 46.9</span></span>
<span id="cb11-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [316] 53.5 49.0 46.2 50.9 45.5 50.9 50.8 50.1 49.0 51.5 49.8 48.1 51.4 45.7 50.7</span></span>
<span id="cb11-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [331] 42.5 52.2 45.2 49.3 50.2 45.6 51.9 46.8 45.7 55.8 43.5 49.6 50.8 50.2</span></span></code></pre></div>
</div>
<p>So now you see that we get a vector full of the length that we want to look at. Now, what happens inside of <code>filter()</code> is that this vector is applied according to what you specified. In the first example, we just checked is this thing larger than 55. Here’s what that results in.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb12" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb12-1">penguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>bill_length_mm <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">55</span></span>
<span id="cb12-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   [1] FALSE FALSE FALSE    NA FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [13] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [25] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [37] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [49] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [61] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [73] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [85] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [97] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [109] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [121] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [133] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [145] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [157] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [169] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [181] FALSE FALSE FALSE FALSE FALSE  TRUE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [193] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [205] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [217] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [229] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [241] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [253] FALSE  TRUE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [265] FALSE FALSE FALSE  TRUE FALSE FALSE FALSE    NA FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [277] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [289] FALSE FALSE FALSE FALSE FALSE  TRUE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [301] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [313] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [325] FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE FALSE</span></span>
<span id="cb12-30"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [337] FALSE FALSE FALSE  TRUE FALSE FALSE FALSE FALSE</span></span></code></pre></div>
</div>
<p>Now you see that what you get is a vector full of <code>TRUE</code>s and <code>FALSE</code>s. And as you can probably guess:</p>
<ul>
<li><code>TRUE</code> corresponds to the occasions where the bill length was indeed larger than 55, and</li>
<li><code>FALSE</code> corresponds to the cases where this wasn’t the case.</li>
</ul>
<p>Really, what you put inside of <code>filter()</code> are operations that at the end of the day deliver <code>TRUE</code>s and <code>FALSE</code>s. Then, <code>filter()</code> just takes the rows that correspond to <code>TRUE</code>. You could simulate this by taking these <code>TRUE</code>s and <code>FALSE</code>s that we’ve just captured manually and sticking that into the <code>which()</code> function.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb13" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb13-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">which</span>(penguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>bill_length_mm <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">&gt;</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">55</span>)</span>
<span id="cb13-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] 186 254 268 294 340</span></span></code></pre></div>
</div>
<p>This gives you all of the row numbers for which you had a <code>TRUE</code>, and these are the rows that <code>filter()</code> will return.</p>
<p>Now why did I explain this in so much detail when it was really a simple operation? The thing is, I want you to understand this as things become more complicated. For example, with our second example using the <code>between()</code> function, you might wonder why this was valid syntax. Basically, you have to understand what <code>between()</code> does. So here’s an example.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb14" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb14-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">between</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">54</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">55</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">56</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">57</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">58</span>), <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">55</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">57</span>)</span>
<span id="cb14-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [1] FALSE  TRUE  TRUE  TRUE FALSE</span></span></code></pre></div>
</div>
<p>As you can see, <code>between()</code> is a function that does exactly what we just talked about, i.e.&nbsp;it returns <code>TRUE</code>s and <code>FALSE</code>s. So really, this was just a different operation that has some slightly other syntax. But the syntax doesn’t matter to us as long as at the end of the day this operation that we use inside of <code>filter()</code> will return <code>TRUE</code>s and <code>FALSE</code>s so that <code>filter()</code> can do its thing.</p>
</section>
<section id="calculating-and-transforming-columns-with-mutate" class="level2">
<h2 class="anchored" data-anchor-id="calculating-and-transforming-columns-with-mutate">Calculating and transforming columns with <code>mutate()</code></h2>
<p>Now let’s compute new things from our data. For example, we can compute a new column that takes the bill lengths that we’ve just looked at and scales them. Scaling is a technique used to transform the values of a variable so that they are centered around zero. This transformation allows you to get a better understanding of whether a value is high or low relative to the other values in the dataset (even if you are not familiar with the specific units of measurement.)</p>
<p>For example, if you scale the bill length variable, a scaled value of</p>
<ul>
<li>0 would indicate an average bill length,</li>
<li>while a positive value would indicate an above-average bill length, and</li>
<li>a negative value would indicate a below-average bill length.</li>
</ul>
<p>And to do this scaling, we need the <code>mutate()</code> function. It allows you to modify existing columns or create new columns in a dataset. Here’s how it works:</p>
<ol type="1">
<li><p>Pass your data set to the <code>mutate()</code> function.</p></li>
<li><p>Specify the column name and set it equal to the desired transformation.</p></li>
</ol>
<div class="cell">
<div class="sourceCode cell-code" id="cb15" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb15-1">penguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb15-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">bill_length_mm =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale</span>(bill_length_mm)[,<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>]) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb15-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(bill_length_mm)</span>
<span id="cb15-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 344 × 1</span></span>
<span id="cb15-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    bill_length_mm</span></span>
<span id="cb15-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##             &lt;dbl&gt;</span></span>
<span id="cb15-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1         -0.883</span></span>
<span id="cb15-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2         -0.810</span></span>
<span id="cb15-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3         -0.663</span></span>
<span id="cb15-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4         NA    </span></span>
<span id="cb15-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5         -1.32 </span></span>
<span id="cb15-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6         -0.847</span></span>
<span id="cb15-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7         -0.920</span></span>
<span id="cb15-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8         -0.865</span></span>
<span id="cb15-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9         -1.80 </span></span>
<span id="cb15-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10         -0.352</span></span>
<span id="cb15-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 334 more rows</span></span></code></pre></div>
</div>
<p>And via the same strategy, we can also create a new column. We just have to assign a new column name.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb16" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb16-1">penguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb16-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">scaled_bill_length =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale</span>(bill_length_mm)[,<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>]) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb16-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">select</span>(bill_length_mm, scaled_bill_length)</span>
<span id="cb16-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 344 × 2</span></span>
<span id="cb16-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##    bill_length_mm scaled_bill_length</span></span>
<span id="cb16-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##             &lt;dbl&gt;              &lt;dbl&gt;</span></span>
<span id="cb16-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  1           39.1             -0.883</span></span>
<span id="cb16-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  2           39.5             -0.810</span></span>
<span id="cb16-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  3           40.3             -0.663</span></span>
<span id="cb16-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  4           NA               NA    </span></span>
<span id="cb16-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  5           36.7             -1.32 </span></span>
<span id="cb16-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  6           39.3             -0.847</span></span>
<span id="cb16-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  7           38.9             -0.920</span></span>
<span id="cb16-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  8           39.2             -0.865</span></span>
<span id="cb16-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  9           34.1             -1.80 </span></span>
<span id="cb16-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 10           42               -0.352</span></span>
<span id="cb16-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # ℹ 334 more rows</span></span></code></pre></div>
</div>
<p>Behind the scenes, <code>mutate()</code> takes the specified column…</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb17" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb17-1">penguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>bill_length_mm</span>
<span id="cb17-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   [1] 39.1 39.5 40.3   NA 36.7 39.3 38.9 39.2 34.1 42.0 37.8 37.8 41.1 38.6 34.6</span></span>
<span id="cb17-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [16] 36.6 38.7 42.5 34.4 46.0 37.8 37.7 35.9 38.2 38.8 35.3 40.6 40.5 37.9 40.5</span></span>
<span id="cb17-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [31] 39.5 37.2 39.5 40.9 36.4 39.2 38.8 42.2 37.6 39.8 36.5 40.8 36.0 44.1 37.0</span></span>
<span id="cb17-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [46] 39.6 41.1 37.5 36.0 42.3 39.6 40.1 35.0 42.0 34.5 41.4 39.0 40.6 36.5 37.6</span></span>
<span id="cb17-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [61] 35.7 41.3 37.6 41.1 36.4 41.6 35.5 41.1 35.9 41.8 33.5 39.7 39.6 45.8 35.5</span></span>
<span id="cb17-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [76] 42.8 40.9 37.2 36.2 42.1 34.6 42.9 36.7 35.1 37.3 41.3 36.3 36.9 38.3 38.9</span></span>
<span id="cb17-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [91] 35.7 41.1 34.0 39.6 36.2 40.8 38.1 40.3 33.1 43.2 35.0 41.0 37.7 37.8 37.9</span></span>
<span id="cb17-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [106] 39.7 38.6 38.2 38.1 43.2 38.1 45.6 39.7 42.2 39.6 42.7 38.6 37.3 35.7 41.1</span></span>
<span id="cb17-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [121] 36.2 37.7 40.2 41.4 35.2 40.6 38.8 41.5 39.0 44.1 38.5 43.1 36.8 37.5 38.1</span></span>
<span id="cb17-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [136] 41.1 35.6 40.2 37.0 39.7 40.2 40.6 32.1 40.7 37.3 39.0 39.2 36.6 36.0 37.8</span></span>
<span id="cb17-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [151] 36.0 41.5 46.1 50.0 48.7 50.0 47.6 46.5 45.4 46.7 43.3 46.8 40.9 49.0 45.5</span></span>
<span id="cb17-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [166] 48.4 45.8 49.3 42.0 49.2 46.2 48.7 50.2 45.1 46.5 46.3 42.9 46.1 44.5 47.8</span></span>
<span id="cb17-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [181] 48.2 50.0 47.3 42.8 45.1 59.6 49.1 48.4 42.6 44.4 44.0 48.7 42.7 49.6 45.3</span></span>
<span id="cb17-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [196] 49.6 50.5 43.6 45.5 50.5 44.9 45.2 46.6 48.5 45.1 50.1 46.5 45.0 43.8 45.5</span></span>
<span id="cb17-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [211] 43.2 50.4 45.3 46.2 45.7 54.3 45.8 49.8 46.2 49.5 43.5 50.7 47.7 46.4 48.2</span></span>
<span id="cb17-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [226] 46.5 46.4 48.6 47.5 51.1 45.2 45.2 49.1 52.5 47.4 50.0 44.9 50.8 43.4 51.3</span></span>
<span id="cb17-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [241] 47.5 52.1 47.5 52.2 45.5 49.5 44.5 50.8 49.4 46.9 48.4 51.1 48.5 55.9 47.2</span></span>
<span id="cb17-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [256] 49.1 47.3 46.8 41.7 53.4 43.3 48.1 50.5 49.8 43.5 51.5 46.2 55.1 44.5 48.8</span></span>
<span id="cb17-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [271] 47.2   NA 46.8 50.4 45.2 49.9 46.5 50.0 51.3 45.4 52.7 45.2 46.1 51.3 46.0</span></span>
<span id="cb17-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [286] 51.3 46.6 51.7 47.0 52.0 45.9 50.5 50.3 58.0 46.4 49.2 42.4 48.5 43.2 50.6</span></span>
<span id="cb17-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [301] 46.7 52.0 50.5 49.5 46.4 52.8 40.9 54.2 42.5 51.0 49.7 47.5 47.6 52.0 46.9</span></span>
<span id="cb17-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [316] 53.5 49.0 46.2 50.9 45.5 50.9 50.8 50.1 49.0 51.5 49.8 48.1 51.4 45.7 50.7</span></span>
<span id="cb17-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [331] 42.5 52.2 45.2 49.3 50.2 45.6 51.9 46.8 45.7 55.8 43.5 49.6 50.8 50.2</span></span></code></pre></div>
</div>
<p>…performs the requested transformation,</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb18" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb18-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale</span>(penguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>bill_length_mm)[,<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>]</span>
<span id="cb18-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   [1] -0.88320467 -0.80993901 -0.66340769          NA -1.32279862 -0.84657184</span></span>
<span id="cb18-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   [7] -0.91983750 -0.86488825 -1.79902541 -0.35202864 -1.12131806 -1.12131806</span></span>
<span id="cb18-4"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [13] -0.51687637 -0.97478674 -1.70744334 -1.34111504 -0.95647033 -0.26044656</span></span>
<span id="cb18-5"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [19] -1.74407616  0.38062795 -1.12131806 -1.13963448 -1.46932994 -1.04805240</span></span>
<span id="cb18-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [25] -0.93815391 -1.57922843 -0.60845845 -0.62677486 -1.10300165 -0.62677486</span></span>
<span id="cb18-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [31] -0.80993901 -1.23121655 -0.80993901 -0.55350920 -1.37774787 -0.86488825</span></span>
<span id="cb18-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [37] -0.93815391 -0.31539581 -1.15795089 -0.75498976 -1.35943145 -0.57182562</span></span>
<span id="cb18-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [43] -1.45101353  0.03261607 -1.26784938 -0.79162259 -0.51687637 -1.17626731</span></span>
<span id="cb18-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [49] -1.45101353 -0.29707939 -0.79162259 -0.70004052 -1.63417768 -0.35202864</span></span>
<span id="cb18-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [55] -1.72575975 -0.46192713 -0.90152108 -0.60845845 -1.35943145 -1.15795089</span></span>
<span id="cb18-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [61] -1.50596277 -0.48024354 -1.15795089 -0.51687637 -1.37774787 -0.42529430</span></span>
<span id="cb18-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [67] -1.54259560 -0.51687637 -1.46932994 -0.38866147 -1.90892390 -0.77330618</span></span>
<span id="cb18-14"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [73] -0.79162259  0.34399512 -1.54259560 -0.20549732 -0.55350920 -1.23121655</span></span>
<span id="cb18-15"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [79] -1.41438070 -0.33371222 -1.70744334 -0.18718091 -1.32279862 -1.61586126</span></span>
<span id="cb18-16"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [85] -1.21290014 -0.48024354 -1.39606428 -1.28616579 -1.02973599 -0.91983750</span></span>
<span id="cb18-17"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [91] -1.50596277 -0.51687637 -1.81734182 -0.79162259 -1.41438070 -0.57182562</span></span>
<span id="cb18-18"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##  [97] -1.06636882 -0.66340769 -1.98218956 -0.13223166 -1.63417768 -0.53519279</span></span>
<span id="cb18-19"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [103] -1.13963448 -1.12131806 -1.10300165 -0.77330618 -0.97478674 -1.04805240</span></span>
<span id="cb18-20"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [109] -1.06636882 -0.13223166 -1.06636882  0.30736229 -0.77330618 -0.31539581</span></span>
<span id="cb18-21"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [115] -0.79162259 -0.22381374 -0.97478674 -1.21290014 -1.50596277 -0.51687637</span></span>
<span id="cb18-22"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [121] -1.41438070 -1.13963448 -0.68172411 -0.46192713 -1.59754485 -0.60845845</span></span>
<span id="cb18-23"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [127] -0.93815391 -0.44361071 -0.90152108  0.03261607 -0.99310316 -0.15054808</span></span>
<span id="cb18-24"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [133] -1.30448221 -1.17626731 -1.06636882 -0.51687637 -1.52427919 -0.68172411</span></span>
<span id="cb18-25"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [139] -1.26784938 -0.77330618 -0.68172411 -0.60845845 -2.16535371 -0.59014203</span></span>
<span id="cb18-26"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [145] -1.21290014 -0.90152108 -0.86488825 -1.34111504 -1.45101353 -1.12131806</span></span>
<span id="cb18-27"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [151] -1.45101353 -0.44361071  0.39894437  1.11328455  0.87517115  1.11328455</span></span>
<span id="cb18-28"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [157]  0.67369059  0.47221003  0.27072946  0.50884286 -0.11391525  0.52715927</span></span>
<span id="cb18-29"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [163] -0.55350920  0.93012040  0.28904588  0.82022191  0.34399512  0.98506964</span></span>
<span id="cb18-30"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [169] -0.35202864  0.96675323  0.41726078  0.87517115  1.14991738  0.21578022</span></span>
<span id="cb18-31"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [175]  0.47221003  0.43557720 -0.18718091  0.39894437  0.10588173  0.71032342</span></span>
<span id="cb18-32"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [181]  0.78358908  1.11328455  0.61874135 -0.20549732  0.21578022  2.87166037</span></span>
<span id="cb18-33"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [187]  0.94843681  0.82022191 -0.24213015  0.08756532  0.01429966  0.87517115</span></span>
<span id="cb18-34"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [193] -0.22381374  1.04001889  0.25241305  1.04001889  1.20486662 -0.05896600</span></span>
<span id="cb18-35"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [199]  0.28904588  1.20486662  0.17914739  0.23409663  0.49052644  0.83853832</span></span>
<span id="cb18-36"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [205]  0.21578022  1.13160096  0.47221003  0.19746381 -0.02233317  0.28904588</span></span>
<span id="cb18-37"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [211] -0.13223166  1.18655021  0.25241305  0.41726078  0.32567871  1.90089038</span></span>
<span id="cb18-38"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [217]  0.34399512  1.07665172  0.41726078  1.02170247 -0.07728242  1.24149945</span></span>
<span id="cb18-39"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [223]  0.69200701  0.45389361  0.78358908  0.47221003  0.45389361  0.85685474</span></span>
<span id="cb18-40"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [229]  0.65537418  1.31476511  0.23409663  0.23409663  0.94843681  1.57119492</span></span>
<span id="cb18-41"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [235]  0.63705776  1.11328455  0.17914739  1.25981586 -0.09559883  1.35139794</span></span>
<span id="cb18-42"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [241]  0.65537418  1.49792926  0.65537418  1.51624567  0.28904588  1.02170247</span></span>
<span id="cb18-43"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [247]  0.10588173  1.25981586  1.00338606  0.54547569  0.82022191  1.31476511</span></span>
<span id="cb18-44"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [253]  0.83853832  2.19395302  0.60042493  0.94843681  0.61874135  0.52715927</span></span>
<span id="cb18-45"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [259] -0.40697788  1.73604265 -0.11391525  0.76527266  1.20486662  1.07665172</span></span>
<span id="cb18-46"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [265] -0.07728242  1.38803077  0.41726078  2.04742170  0.10588173  0.89348757</span></span>
<span id="cb18-47"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [271]  0.60042493          NA  0.52715927  1.18655021  0.23409663  1.09496813</span></span>
<span id="cb18-48"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [277]  0.47221003  1.11328455  1.35139794  0.27072946  1.60782775  0.23409663</span></span>
<span id="cb18-49"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [283]  0.39894437  1.35139794  0.38062795  1.35139794  0.49052644  1.42466360</span></span>
<span id="cb18-50"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [289]  0.56379210  1.47961284  0.36231154  1.20486662  1.16823379  2.57859773</span></span>
<span id="cb18-51"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [295]  0.45389361  0.96675323 -0.27876298  0.83853832 -0.13223166  1.22318303</span></span>
<span id="cb18-52"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [301]  0.50884286  1.47961284  1.20486662  1.02170247  0.45389361  1.62614416</span></span>
<span id="cb18-53"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [307] -0.55350920  1.88257397 -0.26044656  1.29644869  1.05833530  0.65537418</span></span>
<span id="cb18-54"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [313]  0.67369059  1.47961284  0.54547569  1.75435906  0.93012040  0.41726078</span></span>
<span id="cb18-55"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [319]  1.27813228  0.28904588  1.27813228  1.25981586  1.13160096  0.93012040</span></span>
<span id="cb18-56"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [325]  1.38803077  1.07665172  0.76527266  1.36971435  0.32567871  1.24149945</span></span>
<span id="cb18-57"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [331] -0.26044656  1.51624567  0.23409663  0.98506964  1.14991738  0.30736229</span></span>
<span id="cb18-58"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [337]  1.46129643  0.52715927  0.32567871  2.17563660 -0.07728242  1.04001889</span></span>
<span id="cb18-59"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## [343]  1.25981586  1.14991738</span></span></code></pre></div>
</div>
<p>and then assigns that vector do the desired column name.</p>
</section>
<section id="reduce-your-data-to-key-quantities-with-summarize" class="level2">
<h2 class="anchored" data-anchor-id="reduce-your-data-to-key-quantities-with-summarize">Reduce your data to key quantities with <code>summarize()</code></h2>
<p>The <code>summarize()</code> function in R allows you to summarize your data into single values. It works similarly to <code>mutate()</code>, but instead of adding new columns, it reduces the data set to a single row. For example, you can use <code>summarize()</code> to compute the mean of the <code>bill_length_mm</code> and <code>flipper_length_mm</code> columns</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb19" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb19-1">penguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb19-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(</span>
<span id="cb19-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mean_bill_length =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(bill_length_mm, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na.rm =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb19-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mean_flipper_length =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(flipper_length_mm, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na.rm =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>)</span>
<span id="cb19-5">  )</span>
<span id="cb19-6"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 1 × 2</span></span>
<span id="cb19-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   mean_bill_length mean_flipper_length</span></span>
<span id="cb19-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##              &lt;dbl&gt;               &lt;dbl&gt;</span></span>
<span id="cb19-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1             43.9                201.</span></span></code></pre></div>
</div>
<p>Note that we use <code>na.rm = TRUE</code> to remove any missing values before computing the means. And if you want to repeat the calculations for different subsets of your data, such as different species of penguins, you can use the <code>.by</code> argument:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb20" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb20-1">penguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb20-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(</span>
<span id="cb20-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mean_bill_length =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(bill_length_mm, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na.rm =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb20-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mean_flipper_length =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(flipper_length_mm, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na.rm =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb20-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> species</span>
<span id="cb20-6">  )</span>
<span id="cb20-7"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 3 × 3</span></span>
<span id="cb20-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   species   mean_bill_length mean_flipper_length</span></span>
<span id="cb20-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;fct&gt;                &lt;dbl&gt;               &lt;dbl&gt;</span></span>
<span id="cb20-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1 Adelie                38.8                190.</span></span>
<span id="cb20-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2 Gentoo                47.5                217.</span></span>
<span id="cb20-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 3 Chinstrap             48.8                196.</span></span></code></pre></div>
</div>
<p>This will repeat the calculations separately for each species of penguin.</p>
</section>
<section id="sort-your-data-with-arrange" class="level2">
<h2 class="anchored" data-anchor-id="sort-your-data-with-arrange">Sort your data with <code>arrange()</code></h2>
<p>The <code>arrange()</code> function in R allows you to sort the rows of your dataset based on one or more columns. By default, it sorts in ascending order.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb21" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb21-1">penguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb21-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(</span>
<span id="cb21-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mean_bill_length =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(bill_length_mm, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na.rm =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb21-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mean_flipper_length =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(flipper_length_mm, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na.rm =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb21-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> species</span>
<span id="cb21-6">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb21-7">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">arrange</span>(mean_flipper_length)</span>
<span id="cb21-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 3 × 3</span></span>
<span id="cb21-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   species   mean_bill_length mean_flipper_length</span></span>
<span id="cb21-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;fct&gt;                &lt;dbl&gt;               &lt;dbl&gt;</span></span>
<span id="cb21-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1 Adelie                38.8                190.</span></span>
<span id="cb21-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2 Chinstrap             48.8                196.</span></span>
<span id="cb21-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 3 Gentoo                47.5                217.</span></span></code></pre></div>
</div>
<p>But you can use the <code>desc()</code> function to sort in descending order:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb22" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb22-1">penguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb22-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">summarize</span>(</span>
<span id="cb22-3">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mean_bill_length =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(bill_length_mm, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na.rm =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb22-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">mean_flipper_length =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mean</span>(flipper_length_mm, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">na.rm =</span> <span class="cn" style="color: #8f5902;
background-color: null;
font-style: inherit;">TRUE</span>),</span>
<span id="cb22-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">.by =</span> species</span>
<span id="cb22-6">  )  <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb22-7">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">arrange</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">desc</span>(mean_flipper_length))</span>
<span id="cb22-8"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## # A tibble: 3 × 3</span></span>
<span id="cb22-9"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   species   mean_bill_length mean_flipper_length</span></span>
<span id="cb22-10"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   &lt;fct&gt;                &lt;dbl&gt;               &lt;dbl&gt;</span></span>
<span id="cb22-11"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 1 Gentoo                47.5                217.</span></span>
<span id="cb22-12"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2 Chinstrap             48.8                196.</span></span>
<span id="cb22-13"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 3 Adelie                38.8                190.</span></span></code></pre></div>
</div>
</section>
<section id="conclusion" class="level2">
<h2 class="anchored" data-anchor-id="conclusion">Conclusion</h2>
<p>In this blog post/video, we covered the 6 most fundamental functions for data cleaning with R. These functions provide a solid foundation for transforming and manipulating data in R.</p>
<p>If you enjoyed this content and want to learn more advanced data cleaning techniques, be sure to check out my <a href="https://data-cleaning.albert-rapp.de/">Data Cleaning with R Master Class</a>. In this master class, we</p>
<ul>
<li>dive deeper into these functions,</li>
<li>learn to clean specific data formats (such as Excel files),</li>
<li>handling text data, and</li>
<li>deal with date formats.</li>
</ul>
<p>Be sure to check out <a href="https://data-cleaning.albert-rapp.de/">the course</a>. And if you found this helpful, here are some other ways I can help you:</p>
<ul>
<li><a href="https://3mw.albert-rapp.de/">3 Minute Wednesdays</a>: A weekly newsletter with bite-sized tips and tricks for R users</li>
<li><a href="https://arapp.thinkific.com/courses/insightful-data-visualizations-for-uncreative-r-users()">Insightful Data Visualizations for “Uncreative” R Users</a>: A course that teaches you how to leverage <code>{ggplot2}</code> to make charts that communicate effectively without being a design expert.</li>
</ul>


</section>

 ]]></description>
  <guid>https://albert-rapp.de/posts/24_data_cleaning_fundamentals/24_data_cleaning_fundamentals.html</guid>
  <pubDate>Sat, 15 Jun 2024 22:00:00 GMT</pubDate>
</item>
<item>
  <title>Why you shouldn’t use boxplots</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/ggplot2-tips/29_no_boxplots/29_no_boxplots.html</link>
  <description><![CDATA[ 




<p>Box plots are a very common tool in data visualization to show how your data is distributed. But they have a crucial flaw. Let’s find out what that flaw is.</p>
<p>And if you’re interested in the video version of this blog post, you can find it here:</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/LawTD2KR3Io" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<section id="the-flaw-of-box-plots" class="level2">
<h2 class="anchored" data-anchor-id="the-flaw-of-box-plots">The flaw of box plots</h2>
<p>Imagine that you have a numeric variable, like the weight of penguins.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb1" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb1-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(tidyverse)</span>
<span id="cb1-2">penguins_dat <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> palmerpenguins<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span>penguins <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb1-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">filter</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">!</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">is.na</span>(sex))</span>
<span id="cb1-4"></span>
<span id="cb1-5">penguins_dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb1-6">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> body_mass_g, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb1-7">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_point</span>(</span>
<span id="cb1-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">alpha =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.75</span>,</span>
<span id="cb1-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">shape =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">21</span>,</span>
<span id="cb1-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'dodgerblue4'</span>,</span>
<span id="cb1-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'black'</span>,</span>
<span id="cb1-12">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">position =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">position_jitter</span>(</span>
<span id="cb1-13">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">height =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>,</span>
<span id="cb1-14">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">seed =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2343</span></span>
<span id="cb1-15">    )</span>
<span id="cb1-16">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb1-17">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb1-18">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">18</span>, </span>
<span id="cb1-19">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb1-20">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb1-21">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb1-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Weight (in g)'</span>, </span>
<span id="cb1-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb1-24">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Distribution of Penguin Weights'</span>  </span>
<span id="cb1-25">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb1-26">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb1-27">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb1-28">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.major.y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb1-29">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.title =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb1-30">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rel</span>(<span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.5</span>),</span>
<span id="cb1-31">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Merriweather'</span>,</span>
<span id="cb1-32">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">face =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'bold'</span></span>
<span id="cb1-33">    )</span>
<span id="cb1-34">  )</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="29_no_boxplots_files/figure-html/unnamed-chunk-1-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-1"><img src="https://albert-rapp.de/posts/ggplot2-tips/29_no_boxplots/29_no_boxplots_files/figure-html/unnamed-chunk-1-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
<p>You might be interested in</p>
<ul>
<li>what’s the lowest weight of the penguin,</li>
<li>what’s the highest weight of the penguin,</li>
<li>what are the smallest 25% of the data,</li>
<li>what are the middle 50% of the data, and</li>
<li>what are the highest 25% of the data</li>
</ul>
<div class="cell">
<details class="code-fold">
<summary>Code</summary>
<div class="sourceCode cell-code" id="cb2" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb2-1">highlight_points <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(quantiles) {</span>
<span id="cb2-2">  penguins_dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb2-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">mutate</span>(</span>
<span id="cb2-4">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">highlight =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">between</span>(</span>
<span id="cb2-5">      body_mass_g, </span>
<span id="cb2-6">      quantiles[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>], </span>
<span id="cb2-7">      quantiles[<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>]</span>
<span id="cb2-8">    )</span>
<span id="cb2-9">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb2-10">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> body_mass_g, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">''</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> highlight)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb2-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_point</span>(</span>
<span id="cb2-12">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">alpha =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.75</span>,</span>
<span id="cb2-13">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">shape =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">21</span>,</span>
<span id="cb2-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'black'</span>,</span>
<span id="cb2-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">position =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">position_jitter</span>(</span>
<span id="cb2-16">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">height =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>,</span>
<span id="cb2-17">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb2-18">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">seed =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2343</span></span>
<span id="cb2-19">    )</span>
<span id="cb2-20">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb2-21">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb2-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">18</span>, </span>
<span id="cb2-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb2-24">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb2-25">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb2-26">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Weight (in g)'</span>, </span>
<span id="cb2-27">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb2-28">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Distribution of Penguin Weights'</span>  </span>
<span id="cb2-29">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb2-30">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb2-31">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb2-32">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.major.y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb2-33">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.title =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb2-34">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rel</span>(<span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.5</span>),</span>
<span id="cb2-35">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Merriweather'</span>,</span>
<span id="cb2-36">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">face =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'bold'</span></span>
<span id="cb2-37">    ),</span>
<span id="cb2-38">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'none'</span></span>
<span id="cb2-39">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb2-40">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_fill_manual</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">values =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'dodgerblue4'</span>, <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'firebrick4'</span>))</span>
<span id="cb2-41">}</span></code></pre></div>
</details>
</div>
<div class="tabset-margin-container"></div><div class="panel-tabset">
<ul class="nav nav-tabs"><li class="nav-item"><a class="nav-link active" id="tabset-1-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-1-1" aria-controls="tabset-1-1" aria-selected="true">Lowest</a></li><li class="nav-item"><a class="nav-link" id="tabset-1-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-1-2" aria-controls="tabset-1-2" aria-selected="false">Highest</a></li><li class="nav-item"><a class="nav-link" id="tabset-1-3-tab" data-bs-toggle="tab" data-bs-target="#tabset-1-3" aria-controls="tabset-1-3" aria-selected="false">Smallest 25%</a></li><li class="nav-item"><a class="nav-link" id="tabset-1-4-tab" data-bs-toggle="tab" data-bs-target="#tabset-1-4" aria-controls="tabset-1-4" aria-selected="false">Middle 50%</a></li><li class="nav-item"><a class="nav-link" id="tabset-1-5-tab" data-bs-toggle="tab" data-bs-target="#tabset-1-5" aria-controls="tabset-1-5" aria-selected="false">Highest 25%</a></li></ul>
<div class="tab-content">
<div id="tabset-1-1" class="tab-pane active" aria-labelledby="tabset-1-1-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb3" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb3-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">highlight_points</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">quantile</span>(penguins_dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>body_mass_g, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>)))</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="29_no_boxplots_files/figure-html/unnamed-chunk-4-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-2"><img src="https://albert-rapp.de/posts/ggplot2-tips/29_no_boxplots/29_no_boxplots_files/figure-html/unnamed-chunk-4-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
</div>
<div id="tabset-1-2" class="tab-pane" aria-labelledby="tabset-1-2-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb4" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb4-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">highlight_points</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">quantile</span>(penguins_dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>body_mass_g, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>)))</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="29_no_boxplots_files/figure-html/unnamed-chunk-6-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-3"><img src="https://albert-rapp.de/posts/ggplot2-tips/29_no_boxplots/29_no_boxplots_files/figure-html/unnamed-chunk-6-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
</div>
<div id="tabset-1-3" class="tab-pane" aria-labelledby="tabset-1-3-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb5" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb5-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">highlight_points</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">quantile</span>(penguins_dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>body_mass_g, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>)))</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="29_no_boxplots_files/figure-html/unnamed-chunk-8-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-4"><img src="https://albert-rapp.de/posts/ggplot2-tips/29_no_boxplots/29_no_boxplots_files/figure-html/unnamed-chunk-8-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
</div>
<div id="tabset-1-4" class="tab-pane" aria-labelledby="tabset-1-4-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb6" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb6-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">highlight_points</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">quantile</span>(penguins_dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>body_mass_g, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.75</span>)))</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="29_no_boxplots_files/figure-html/unnamed-chunk-10-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-5"><img src="https://albert-rapp.de/posts/ggplot2-tips/29_no_boxplots/29_no_boxplots_files/figure-html/unnamed-chunk-10-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
</div>
<div id="tabset-1-5" class="tab-pane" aria-labelledby="tabset-1-5-tab">
<div class="cell">
<div class="sourceCode cell-code" id="cb7" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb7-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">highlight_points</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">quantile</span>(penguins_dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>body_mass_g, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.75</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>)))</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="29_no_boxplots_files/figure-html/unnamed-chunk-12-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-6"><img src="https://albert-rapp.de/posts/ggplot2-tips/29_no_boxplots/29_no_boxplots_files/figure-html/unnamed-chunk-12-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
<p>A box plot can show you this. In fact, that’s exactly what it shows. But there’s a crucial flaw. Let’s check out what it does. What a box plot does is that it computes key quantities like</p>
<ul>
<li>the lowest value,</li>
<li>the highest value,</li>
<li>the point where 25% of the data are lower than that,</li>
<li>the point where 50% of the data are lower than that,</li>
<li>and the point where 75% of the data are lower than that.</li>
</ul>
<div class="cell">
<div class="sourceCode cell-code" id="cb8" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb8-1"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">quantile</span>(penguins_dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>body_mass_g)</span>
<span id="cb8-2"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">##   0%  25%  50%  75% 100% </span></span>
<span id="cb8-3"><span class="do" style="color: #5E5E5E;
background-color: null;
font-style: italic;">## 2700 3550 4050 4775 6300</span></span></code></pre></div>
</div>
<p>Once these values are calculated, the box plot can be assembled by just connecting the dots. First, you draw a line from the first to the second point which would represent the lowest 25% of the data.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb9" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb9-1">lower_line_plot <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(</span>
<span id="cb9-3">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(</span>
<span id="cb9-4">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">quantile</span>(penguins_dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>body_mass_g, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>)),</span>
<span id="cb9-5">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span></span>
<span id="cb9-6">    )</span>
<span id="cb9-7">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb9-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">18</span>, </span>
<span id="cb9-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb9-11">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-12">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb9-13">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Weight (in g)'</span>, </span>
<span id="cb9-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb9-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Distribution of Penguin Weights'</span>  </span>
<span id="cb9-16">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-17">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb9-18">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb9-19">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.major.y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb9-20">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.title =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb9-21">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rel</span>(<span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.5</span>),</span>
<span id="cb9-22">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Merriweather'</span>,</span>
<span id="cb9-23">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">face =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'bold'</span></span>
<span id="cb9-24">    ),</span>
<span id="cb9-25">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'none'</span></span>
<span id="cb9-26">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb9-27">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_cartesian</span>(</span>
<span id="cb9-28">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">xlim =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">range</span>(penguins_dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>body_mass_g),</span>
<span id="cb9-29">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ylim =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.5</span>, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.5</span>)</span>
<span id="cb9-30">  )</span>
<span id="cb9-31">lower_line_plot</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="29_no_boxplots_files/figure-html/unnamed-chunk-15-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-7"><img src="https://albert-rapp.de/posts/ggplot2-tips/29_no_boxplots/29_no_boxplots_files/figure-html/unnamed-chunk-15-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
<p>Then, you draw a box from the 25% point to the 75% point.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb10" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb10-1">lower_line_and_box <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> lower_line_plot <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb10-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_rect</span>(</span>
<span id="cb10-3">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(</span>
<span id="cb10-4">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">xmin =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">quantile</span>(penguins_dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>body_mass_g, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>),</span>
<span id="cb10-5">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">xmax =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">quantile</span>(penguins_dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>body_mass_g, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.75</span>),</span>
<span id="cb10-6">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ymin =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.25</span>,</span>
<span id="cb10-7">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ymax =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.75</span></span>
<span id="cb10-8">    ),</span>
<span id="cb10-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'white'</span>,</span>
<span id="cb10-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'black'</span></span>
<span id="cb10-11">  )</span>
<span id="cb10-12">lower_line_and_box</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="29_no_boxplots_files/figure-html/unnamed-chunk-17-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-8"><img src="https://albert-rapp.de/posts/ggplot2-tips/29_no_boxplots/29_no_boxplots_files/figure-html/unnamed-chunk-17-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
<p>And then you draw another line from the 75% point to the 100% point.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb11" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb11-1">boxplot_wo_median <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> lower_line_and_box <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb11-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(</span>
<span id="cb11-3">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(</span>
<span id="cb11-4">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">quantile</span>(penguins_dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>body_mass_g, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.75</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>)),</span>
<span id="cb11-5">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span></span>
<span id="cb11-6">    )</span>
<span id="cb11-7">  ) </span>
<span id="cb11-8">boxplot_wo_median</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="29_no_boxplots_files/figure-html/unnamed-chunk-19-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-9"><img src="https://albert-rapp.de/posts/ggplot2-tips/29_no_boxplots/29_no_boxplots_files/figure-html/unnamed-chunk-19-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
<p>Finally, you can highlight the median, i.e.&nbsp;the 50% point, with a line inside the box.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb12" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb12-1">boxplot_wo_median <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb12-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_line</span>(</span>
<span id="cb12-3">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(</span>
<span id="cb12-4">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">quantile</span>(penguins_dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>body_mass_g, <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.5</span>, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.5</span>)),</span>
<span id="cb12-5">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.25</span>, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.75</span>),</span>
<span id="cb12-6">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span></span>
<span id="cb12-7">    )</span>
<span id="cb12-8">  ) </span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="29_no_boxplots_files/figure-html/unnamed-chunk-21-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-10"><img src="https://albert-rapp.de/posts/ggplot2-tips/29_no_boxplots/29_no_boxplots_files/figure-html/unnamed-chunk-21-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
<p>Or you do all of that in one go:</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb13" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb13-1">penguins_dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb13-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> body_mass_g, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb13-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_boxplot</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb13-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb13-5">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">18</span>, </span>
<span id="cb13-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb13-7">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb13-8">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb13-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Weight (in g)'</span>, </span>
<span id="cb13-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb13-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Distribution of Penguin Weights'</span>  </span>
<span id="cb13-12">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb13-13">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb13-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb13-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.major.y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb13-16">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.title =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb13-17">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rel</span>(<span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.5</span>),</span>
<span id="cb13-18">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Merriweather'</span>,</span>
<span id="cb13-19">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">face =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'bold'</span></span>
<span id="cb13-20">    ),</span>
<span id="cb13-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'none'</span></span>
<span id="cb13-22">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb13-23">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_cartesian</span>(</span>
<span id="cb13-24">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">xlim =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">range</span>(penguins_dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>body_mass_g),</span>
<span id="cb13-25">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ylim =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.5</span>, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.5</span>)</span>
<span id="cb13-26">  )</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="29_no_boxplots_files/figure-html/unnamed-chunk-23-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-11"><img src="https://albert-rapp.de/posts/ggplot2-tips/29_no_boxplots/29_no_boxplots_files/figure-html/unnamed-chunk-23-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
<p>The problem with that is that the underlying data can look wildly different even if two box plots are the same. The thing is: As long as these key points (0%, 25%, …, 100%) are the same, the boxplot will look the same. So that’s how you can end up with a whole bunch of box plots that look exactly the same but the underlying data is completely different.</p>
<div class="cell">
<details class="code-fold">
<summary>Code</summary>
<div class="sourceCode cell-code" id="cb14" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb14-1">plot_comparison <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(vals_tib) {</span>
<span id="cb14-2">  vals_tib <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb14-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb14-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_boxplot</span>(</span>
<span id="cb14-5">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'boxplot'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> boxplot_vals),</span>
<span id="cb14-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#CC79A7'</span>,</span>
<span id="cb14-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'black'</span>,</span>
<span id="cb14-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span></span>
<span id="cb14-9">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb14-10">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_violin</span>(</span>
<span id="cb14-11">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'violin'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> boxplot_vals),</span>
<span id="cb14-12">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#009E73'</span>,</span>
<span id="cb14-13">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'black'</span>,</span>
<span id="cb14-14">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span></span>
<span id="cb14-15">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb14-16">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_cartesian</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ylim =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb14-17">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb14-18">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">15</span>,</span>
<span id="cb14-19">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb14-20">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb14-21">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb14-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb14-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb14-24">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Different Data, Same Boxplot'</span>,</span>
<span id="cb14-25">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">subtitle =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Boxplots can look exactly the same, even when the distribution is wildly different.'</span></span>
<span id="cb14-26">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb14-27">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb14-28">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.title =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb14-29">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Merriweather'</span>,</span>
<span id="cb14-30">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">face =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'bold'</span>,</span>
<span id="cb14-31">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rel</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>)</span>
<span id="cb14-32">    ),</span>
<span id="cb14-33">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.title.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'plot'</span>,</span>
<span id="cb14-34">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>()</span>
<span id="cb14-35">  )</span>
<span id="cb14-36">}</span>
<span id="cb14-37">runif_boxplot_vals <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="cf" style="color: #003B4F;
background-color: null;
font-weight: bold;
font-style: inherit;">function</span>(x, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">sample_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>) {</span>
<span id="cb14-38">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(</span>
<span id="cb14-39">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">seq =</span> x,</span>
<span id="cb14-40">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">boxplot_vals =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb14-41">      <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb14-42">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">runif</span>(sample_size, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">min =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">max =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>),</span>
<span id="cb14-43">      <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>,</span>
<span id="cb14-44">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">runif</span>(sample_size, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">min =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">max =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span>),</span>
<span id="cb14-45">      <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span>,</span>
<span id="cb14-46">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">runif</span>(sample_size, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">min =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">max =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">75</span>),</span>
<span id="cb14-47">      <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">75</span>,</span>
<span id="cb14-48">      <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">runif</span>(sample_size, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">min =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">75</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">max =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>),</span>
<span id="cb14-49">      <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span></span>
<span id="cb14-50">    )</span>
<span id="cb14-51">  )</span>
<span id="cb14-52">}</span>
<span id="cb14-53"></span>
<span id="cb14-54"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">set.seed</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5345234</span>)</span>
<span id="cb14-55"></span>
<span id="cb14-56"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">library</span>(gganimate)</span>
<span id="cb14-57">sim_dat <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">map2_dfr</span>(</span>
<span id="cb14-58">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">7</span>), </span>
<span id="cb14-59">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1000</span>),</span>
<span id="cb14-60">  runif_boxplot_vals</span>
<span id="cb14-61">) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb14-62">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bind_rows</span>(</span>
<span id="cb14-63">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(</span>
<span id="cb14-64">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">seq =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>,</span>
<span id="cb14-65">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">boxplot_vals =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb14-66">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb14-67">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rep</span>(<span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">12.5</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>),</span>
<span id="cb14-68">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>,</span>
<span id="cb14-69">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rep</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">75</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>),</span>
<span id="cb14-70">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span>,</span>
<span id="cb14-71">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rep</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">125</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>),</span>
<span id="cb14-72">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">75</span>,</span>
<span id="cb14-73">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rep</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">175</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>),</span>
<span id="cb14-74">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span></span>
<span id="cb14-75">      )</span>
<span id="cb14-76">    )</span>
<span id="cb14-77">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb14-78">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bind_rows</span>(</span>
<span id="cb14-79">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(</span>
<span id="cb14-80">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">seq =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>,</span>
<span id="cb14-81">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">boxplot_vals =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb14-82">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb14-83">        <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">pmin</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rexp</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">rate  =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">12</span>), <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>),</span>
<span id="cb14-84">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>,</span>
<span id="cb14-85">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">pmin</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rexp</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">rate =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">12</span>), <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>),</span>
<span id="cb14-86">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span>,</span>
<span id="cb14-87">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">pmin</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rexp</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">rate  =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">12</span>), <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>),</span>
<span id="cb14-88">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">75</span>,</span>
<span id="cb14-89">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">75</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">pmin</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rexp</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">rate  =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">12</span>), <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>),</span>
<span id="cb14-90">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span></span>
<span id="cb14-91">      )</span>
<span id="cb14-92">    )</span>
<span id="cb14-93">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb14-94">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">bind_rows</span>(</span>
<span id="cb14-95">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">tibble</span>(</span>
<span id="cb14-96">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">seq =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">6</span>,</span>
<span id="cb14-97">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">boxplot_vals =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(</span>
<span id="cb14-98">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>,</span>
<span id="cb14-99">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">pmin</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rexp</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">rate  =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">12</span>), <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>),</span>
<span id="cb14-100">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>,</span>
<span id="cb14-101">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">pmin</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rexp</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">rate  =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">12</span>), <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>),</span>
<span id="cb14-102">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">50</span>,</span>
<span id="cb14-103">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">75</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">pmin</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rexp</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">rate  =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">12</span>), <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>),</span>
<span id="cb14-104">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">75</span>,</span>
<span id="cb14-105">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">pmin</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rexp</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">rate  =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">/</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">12</span>), <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">25</span>),</span>
<span id="cb14-106">        <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span></span>
<span id="cb14-107">      )</span>
<span id="cb14-108">    )</span>
<span id="cb14-109">  ) </span>
<span id="cb14-110"></span>
<span id="cb14-111">anim <span class="ot" style="color: #003B4F;
background-color: null;
font-style: inherit;">&lt;-</span> sim_dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb14-112">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb14-113">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_boxplot</span>(</span>
<span id="cb14-114">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'boxplot'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> boxplot_vals),</span>
<span id="cb14-115">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#CC79A7'</span>,</span>
<span id="cb14-116">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'black'</span>,</span>
<span id="cb14-117">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span></span>
<span id="cb14-118">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb14-119">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_violin</span>(</span>
<span id="cb14-120">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'violin'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> boxplot_vals),</span>
<span id="cb14-121">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'#009E73'</span>,</span>
<span id="cb14-122">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">col =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'black'</span>,</span>
<span id="cb14-123">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span></span>
<span id="cb14-124">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb14-125">  ggforce<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_sina</span>(</span>
<span id="cb14-126">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'violin'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> boxplot_vals, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">as.factor</span>(seq)),</span>
<span id="cb14-127">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">alpha =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.5</span></span>
<span id="cb14-128">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb14-129">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">scale_size_manual</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">values =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">3</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb14-130">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_cartesian</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ylim =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">0</span>, <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb14-131">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb14-132">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">15</span>,</span>
<span id="cb14-133">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb14-134">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb14-135">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb14-136">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb14-137">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb14-138">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Different Data, Same Boxplot'</span>,</span>
<span id="cb14-139">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">subtitle =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Boxplots can look exactly the same (even when the underlying data is wildly different.)'</span></span>
<span id="cb14-140">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb14-141">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb14-142">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.title =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb14-143">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Merriweather'</span>,</span>
<span id="cb14-144">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">face =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'bold'</span>,</span>
<span id="cb14-145">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rel</span>(<span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2</span>)</span>
<span id="cb14-146">    ),</span>
<span id="cb14-147">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.title.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'plot'</span>,</span>
<span id="cb14-148">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb14-149">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'none'</span></span>
<span id="cb14-150">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb14-151">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">transition_states</span>(</span>
<span id="cb14-152">    seq, </span>
<span id="cb14-153">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">transition_length =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>, </span>
<span id="cb14-154">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">state_length =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">5</span></span>
<span id="cb14-155">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb14-156">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">enter_fade</span>() <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb14-157">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">exit_fade</span>()</span>
<span id="cb14-158"></span>
<span id="cb14-159"><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">animate</span>(</span>
<span id="cb14-160">  anim, </span>
<span id="cb14-161">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">nframes =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">200</span>,</span>
<span id="cb14-162">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fps =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">30</span>,</span>
<span id="cb14-163">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">renderer =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">gifski_renderer</span>(),</span>
<span id="cb14-164">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">900</span>,</span>
<span id="cb14-165">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">height =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">600</span>,</span>
<span id="cb14-166">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">res =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">100</span>,</span>
<span id="cb14-167">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">units =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'px'</span>,</span>
<span id="cb14-168">  <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">quality =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">90</span></span>
<span id="cb14-169">)</span></code></pre></div>
</details>
</div>
<p><a href="boxplots_and_violin.gif" class="lightbox" data-gallery="quarto-lightbox-gallery-12"><img src="https://albert-rapp.de/posts/ggplot2-tips/29_no_boxplots/boxplots_and_violin.gif" class="img-fluid"></a></p>
<p>Think about it. The way to compute these key points is very simple:</p>
<ul>
<li>You just sort all your data that you have in ascending order.</li>
<li>Assuming that you have approximately 100 points, all you have to do to get these points is to just take the first, the 25th, the 50th, the 75th, and the 100th points.</li>
</ul>
<p>All the other data in between these points does not matter for the box plot. The data points can vary as much as they like as long as they stay within the range of the two key points that they are put in between.</p>
<p>So that’s why it’s generally not a good idea to solely rely on box plots. Instead, you can additionally use something like violin plots that try to show the underlying distribution and not just the key quantities.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb15" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb15-1">penguins_dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb15-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> body_mass_g, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb15-3">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_violin</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'dodgerblue4'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb15-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_boxplot</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'black'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb15-5">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb15-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">18</span>, </span>
<span id="cb15-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb15-8">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb15-9">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb15-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Weight (in g)'</span>, </span>
<span id="cb15-11">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb15-12">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Distribution of Penguin Weights'</span>  </span>
<span id="cb15-13">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb15-14">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb15-15">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb15-16">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.major.y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb15-17">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.title =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb15-18">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rel</span>(<span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.5</span>),</span>
<span id="cb15-19">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Merriweather'</span>,</span>
<span id="cb15-20">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">face =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'bold'</span></span>
<span id="cb15-21">    ),</span>
<span id="cb15-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'none'</span></span>
<span id="cb15-23">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb15-24">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_cartesian</span>(</span>
<span id="cb15-25">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">xlim =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">range</span>(penguins_dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>body_mass_g),</span>
<span id="cb15-26">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">ylim =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span> <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">c</span>(<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">-</span><span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.5</span>, <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.5</span>)</span>
<span id="cb15-27">  )</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="29_no_boxplots_files/figure-html/unnamed-chunk-25-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-13"><img src="https://albert-rapp.de/posts/ggplot2-tips/29_no_boxplots/29_no_boxplots_files/figure-html/unnamed-chunk-25-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
<p>Or you could even go further and go for a rain cloud plot that combines box plots and violin plots with another histogram that shows the data more explicitly. And the way they are set up, they look like rain clouds, hence the name.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb16" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb16-1">penguins_dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb16-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> body_mass_g, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb16-3">  ggdist<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">stat_halfeye</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'dodgerblue4'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb16-4">  ggdist<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">stat_dots</span>(</span>
<span id="cb16-5">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.8</span>),</span>
<span id="cb16-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'dodgerblue4'</span>, </span>
<span id="cb16-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'black'</span>,</span>
<span id="cb16-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">side =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'bottom'</span></span>
<span id="cb16-9">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb16-10">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_boxplot</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'black'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb16-11">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb16-12">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">18</span>, </span>
<span id="cb16-13">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb16-14">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb16-15">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb16-16">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Weight (in g)'</span>, </span>
<span id="cb16-17">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb16-18">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Distribution of Penguin Weights'</span>  </span>
<span id="cb16-19">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb16-20">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb16-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb16-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.major.y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb16-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.title =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb16-24">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rel</span>(<span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.5</span>),</span>
<span id="cb16-25">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Merriweather'</span>,</span>
<span id="cb16-26">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">face =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'bold'</span></span>
<span id="cb16-27">    ),</span>
<span id="cb16-28">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'none'</span></span>
<span id="cb16-29">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb16-30">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_cartesian</span>(</span>
<span id="cb16-31">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">xlim =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">range</span>(penguins_dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>body_mass_g)</span>
<span id="cb16-32">  )</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="29_no_boxplots_files/figure-html/unnamed-chunk-27-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-14"><img src="https://albert-rapp.de/posts/ggplot2-tips/29_no_boxplots/29_no_boxplots_files/figure-html/unnamed-chunk-27-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
<p>Or you can plot the points explicitly instead of using a histogram.</p>
<div class="cell">
<div class="sourceCode cell-code" id="cb17" style="background: #f1f3f5;"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb17-1">penguins_dat <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">|&gt;</span> </span>
<span id="cb17-2">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">ggplot</span>(<span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> body_mass_g, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>)) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb17-3">  ggdist<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">::</span><span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">stat_halfeye</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'dodgerblue4'</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb17-4">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_point</span>(</span>
<span id="cb17-5">    <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">aes</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.75</span>),</span>
<span id="cb17-6">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">4</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">alpha =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.75</span>,</span>
<span id="cb17-7">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">shape =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">21</span>,</span>
<span id="cb17-8">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">fill =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'dodgerblue4'</span>,</span>
<span id="cb17-9">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'black'</span>,</span>
<span id="cb17-10">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">position =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">position_jitter</span>(</span>
<span id="cb17-11">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">height =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.1</span>,</span>
<span id="cb17-12">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">seed =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">2343</span></span>
<span id="cb17-13">    )</span>
<span id="cb17-14">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb17-15">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">geom_boxplot</span>(<span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">width =</span> <span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">0.25</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">color =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'black'</span>, <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">linewidth =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">1</span>) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb17-16">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme_minimal</span>(</span>
<span id="cb17-17">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_size =</span> <span class="dv" style="color: #AD0000;
background-color: null;
font-style: inherit;">18</span>, </span>
<span id="cb17-18">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">base_family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Source Sans Pro'</span></span>
<span id="cb17-19">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb17-20">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">labs</span>(</span>
<span id="cb17-21">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">x =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Weight (in g)'</span>, </span>
<span id="cb17-22">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb17-23">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">title =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Distribution of Penguin Weights'</span>  </span>
<span id="cb17-24">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb17-25">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">theme</span>(</span>
<span id="cb17-26">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.minor =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb17-27">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">panel.grid.major.y =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_blank</span>(),</span>
<span id="cb17-28">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">plot.title =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">element_text</span>(</span>
<span id="cb17-29">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">size =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">rel</span>(<span class="fl" style="color: #AD0000;
background-color: null;
font-style: inherit;">1.5</span>),</span>
<span id="cb17-30">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">family =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'Merriweather'</span>,</span>
<span id="cb17-31">      <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">face =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'bold'</span></span>
<span id="cb17-32">    ),</span>
<span id="cb17-33">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">legend.position =</span> <span class="st" style="color: #20794D;
background-color: null;
font-style: inherit;">'none'</span></span>
<span id="cb17-34">  ) <span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">+</span></span>
<span id="cb17-35">  <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">coord_cartesian</span>(</span>
<span id="cb17-36">    <span class="at" style="color: #657422;
background-color: null;
font-style: inherit;">xlim =</span> <span class="fu" style="color: #4758AB;
background-color: null;
font-style: inherit;">range</span>(penguins_dat<span class="sc" style="color: #5E5E5E;
background-color: null;
font-style: inherit;">$</span>body_mass_g)</span>
<span id="cb17-37">  )</span></code></pre></div>
<div class="cell-output-display">
<div>
<figure class="figure">
<p><a href="29_no_boxplots_files/figure-html/unnamed-chunk-29-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-15"><img src="https://albert-rapp.de/posts/ggplot2-tips/29_no_boxplots/29_no_boxplots_files/figure-html/unnamed-chunk-29-1.png" class="img-fluid figure-img" width="2664"></a></p>
</figure>
</div>
</div>
</div>
</section>
<section id="conclusion" class="level2">
<h2 class="anchored" data-anchor-id="conclusion">Conclusion</h2>
<p>I hope you’ve enjoyed this short blog post. Have a great day and see you next time. And if you found this helpful, here are some other ways I can help you:</p>
<ul>
<li><a href="https://3mw.albert-rapp.de/">3 Minute Wednesdays</a>: A weekly newsletter with bite-sized tips and tricks for R users</li>
<li><a href="https://arapp.thinkific.com/courses/insightful-data-visualizations-for-uncreative-r-users()">Insightful Data Visualizations for “Uncreative” R Users</a>: A course that teaches you how to leverage <code>{ggplot2}</code> to make charts that communicate effectively without being a design expert.</li>
</ul>


</section>

 ]]></description>
  <guid>https://albert-rapp.de/posts/ggplot2-tips/29_no_boxplots/29_no_boxplots.html</guid>
  <pubDate>Sat, 08 Jun 2024 22:00:00 GMT</pubDate>
</item>
<item>
  <title>RStudio Shortcuts and Settings</title>
  <dc:creator>Albert Rapp</dc:creator>
  <link>https://albert-rapp.de/posts/23_rstudio_shortcuts/23_rstudio_shortcuts.html</link>
  <description><![CDATA[ 




<p>RStudio is the premier way to write R code. It is very user-friendly as it’s super easy to set up. But it also has a lot of pretty advanced features. In today’s blog post I’ll give you a list of my favorite RStudio tricks and shortcuts. If you want to see detailed explanations, you can check out my video here:</p>
<div class="quarto-video ratio ratio-16x9"><iframe data-external="1" src="https://www.youtube.com/embed/XHT1m-LKTVY" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
<section id="rstudio-theme-setting" class="level2">
<h2 class="anchored" data-anchor-id="rstudio-theme-setting">RStudio Theme Setting</h2>
<ul>
<li>Use a dark theme for better visibility</li>
<li>Enable rainbow parentheses and rainbow indentations to improve code legibility</li>
<li>Increase the font size for better readability</li>
</ul>
</section>
<section id="rstudio-settings" class="level2">
<h2 class="anchored" data-anchor-id="rstudio-settings">RStudio Settings</h2>
<ul>
<li>Set up RStudio with the file on the left and the console on the right (as the console is more important than the environment tab for most use cases)</li>
<li>Do not save anything into your environment when closing RStudio (Always start with a clean slate to avoid mistakes caused by leftover variables from previous sessions)</li>
</ul>
</section>
<section id="coding-basics" class="level2">
<h2 class="anchored" data-anchor-id="coding-basics">Coding Basics</h2>
<ul>
<li>Use <code>Ctrl + Shift + M</code> to create a pipe (<code>|&gt;</code>) without typing special characters</li>
<li>Use <code>Ctrl + Enter</code> to execute separate lines</li>
<li>Use <code>Ctrl + Shift + Enter</code> to execute an entire file</li>
<li>Select a specific part of the code and use <code>Ctrl + Enter</code> to execute only the selected portion (useful for debugging pipe chains step by step)</li>
<li>Open function documentation with <code>F1</code></li>
<li>Move lines of code with <code>Alt + arrows</code></li>
<li>Indent with <code>Tab</code> and unindent with <code>Shift + Tab</code></li>
<li>Multiple cursors with <code>Alt + click</code></li>
<li>Use <code>Ctrl + 1</code> and <code>Ctrl + 2</code> to switch between the console and the current script window (eliminates the need to use the mouse for navigation)</li>
</ul>
</section>
<section id="file-and-text-search" class="level2">
<h2 class="anchored" data-anchor-id="file-and-text-search">File and Text Search</h2>
<ul>
<li>Use <code>Ctrl + .</code> to search for files AND functions</li>
<li>Use <code>Ctrl + F</code> to search for specific text within the currently open file</li>
<li>Use <code>Ctrl + Shift + F</code> to search for text within all files in the current project</li>
</ul>
</section>
<section id="command-palette-and-more-shortcuts" class="level2">
<h2 class="anchored" data-anchor-id="command-palette-and-more-shortcuts">Command Palette and more shortcuts</h2>
<ul>
<li>Use <code>Ctrl + Shift + P</code> to execute commands</li>
<li>Helpful for using shortcuts that you might have forgotten (like expanding all folds or going to a file)
<ul>
<li>Run all code chunks (<code>Ctrl + Alt + R</code>)</li>
<li>Render current document (<code>Ctrl + Shift + K</code>)</li>
<li>Restarting R Session (<code>Ctrl + Shift + F10</code>)</li>
<li>Styling code with the <code>styler</code> package</li>
<li>Running your Golem apps,</li>
</ul></li>
</ul>
</section>
<section id="conclusion" class="level2">
<h2 class="anchored" data-anchor-id="conclusion">Conclusion</h2>
<p>Feel free to share your favorite shortcuts, settings, or any other tips I might have missed in the comments below. Have a great day and see you next time. And if you found this helpful, here are some other ways I can help you:</p>
<ul>
<li><a href="https://3mw.albert-rapp.de/">3 Minute Wednesdays</a>: A weekly newsletter with bite-sized tips and tricks for R users</li>
<li><a href="https://arapp.thinkific.com/courses/insightful-data-visualizations-for-uncreative-r-users()">Insightful Data Visualizations for “Uncreative” R Users</a>: A course that teaches you how to leverage <code>{ggplot2}</code> to make charts that communicate effectively without being a design expert.</li>
</ul>


</section>

 ]]></description>
  <guid>https://albert-rapp.de/posts/23_rstudio_shortcuts/23_rstudio_shortcuts.html</guid>
  <pubDate>Sat, 01 Jun 2024 22:00:00 GMT</pubDate>
</item>
</channel>
</rss>
