<!-- Font Awesome icons --><linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css"integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk="crossorigin="anonymous">
<span> date <spanclass="op">=</span><spanclass="fu"><ahref="https://rdrr.io/r/base/Sys.time.html"class="external-link">Sys.Date</a></span><spanclass="op">(</span><spanclass="op">)</span><spanclass="op">+</span><spanclass="fl">1</span><spanclass="op">:</span><spanclass="fl">20</span>,</span>
<span> data <spanclass="op">=</span><spanclass="va">spark_data</span>,</span>
<span> title <spanclass="op">=</span><spanclass="fu"><ahref="https://rdrr.io/r/base/mean.html"class="external-link">mean</a></span><spanclass="op">(</span><spanclass="va">spark_data</span><spanclass="op">$</span><spanclass="va">var1</span><spanclass="op">)</span>, </span>
<scripttype="application/json"data-for="htmlwidget-871c0ed14bcd4e6fe7f2">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[[1669939200000,55],[1670025600000,52],[1670112000000,38],[1670198400000,55],[1670284800000,62],[1670371200000,39],[1670457600000,21],[1670544000000,53],[1670630400000,61],[1670716800000,82],[1670803200000,42],[1670889600000,63],[1670976000000,58],[1671062400000,52],[1671148800000,46],[1671235200000,37],[1671321600000,48],[1671408000000,66],[1671494400000,72],[1671580800000,51]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}},"show":false},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"colors":["#2E93fA"],"title":{"text":52.65,"style":{"fontSize":"24px"}},"subtitle":{"text":"Variable 1","style":{"fontSize":"14px"}}},"auto_update":{"series_animate":true,"update_options":true,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":{"color":"#2E93fA","background":"#FFF"},"xaxis":{"min":"2022-12-02","max":"2022-12-21"},"type":"area"},"evals":[],"jsHooks":[]}</script><p>With more styles :</p>
<span> data <spanclass="op">=</span><spanclass="va">spark_data</span>,</span>
<span> title <spanclass="op">=</span><spanclass="fu"><ahref="https://rdrr.io/r/base/mean.html"class="external-link">mean</a></span><spanclass="op">(</span><spanclass="va">spark_data</span><spanclass="op">$</span><spanclass="va">var1</span><spanclass="op">)</span>, </span>
<scripttype="application/json"data-for="htmlwidget-08cb00bf764e1fa1bfc5">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[[1669939200000,55],[1670025600000,52],[1670112000000,38],[1670198400000,55],[1670284800000,62],[1670371200000,39],[1670457600000,21],[1670544000000,53],[1670630400000,61],[1670716800000,82],[1670803200000,42],[1670889600000,63],[1670976000000,58],[1671062400000,52],[1671148800000,46],[1671235200000,37],[1671321600000,48],[1671408000000,66],[1671494400000,72],[1671580800000,51]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}},"show":false},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"colors":["#FFF"],"title":{"text":52.65,"style":{"color":"#FFF","fontSize":"24px"}},"subtitle":{"text":"Variable 1","style":{"color":"#FFF","fontSize":"14px"}}},"auto_update":{"series_animate":true,"update_options":true,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":{"color":"#FFF","background":"#2E93fA"},"xaxis":{"min":"2022-12-02","max":"2022-12-21"},"type":"area"},"evals":[],"jsHooks":[]}</script><p>You can also use spark boxes in Shiny application, use code to launch
<p>Developed by <ahref="https://twitter.com/_pvictorr"class="external-link"><imgsrc="https://pbs.twimg.com/profile_images/844237339404722177/E1U61aM8_normal.jpg"> Victor Perrier</a>, <ahref="https://twitter.com/_mfaan"class="external-link"><imgsrc="https://pbs.twimg.com/profile_images/912313931326218240/o1-wvA18_normal.jpg"> Fanny Meyer</a>.</p>