<scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4="crossorigin="anonymous"></script><!-- Font --><linkhref="../css/montserrat.css"rel="stylesheet">
<scriptsrc="../bootstrap-toc.js"></script><!-- 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">
<!-- Font Awesome icons --><linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.1/css/all.min.css"integrity="sha256-nAmazAk6vS34Xqo0BSrTb+abbtFlgsFK7NKSi6o7Y78="crossorigin="anonymous">
date = <spanclass="fu"><ahref="https://rdrr.io/r/base/Sys.time.html">Sys.Date</a></span>() <spanclass="op">+</span><spanclass="fl">1</span><spanclass="op">:</span><spanclass="fl">20</span>,
title = <spanclass="fu"><ahref="https://rdrr.io/r/base/mean.html">mean</a></span>(<spanclass="kw">spark_data</span><spanclass="op">$</span><spanclass="kw">var1</span>),
title = <spanclass="fu"><ahref="https://rdrr.io/r/base/mean.html">mean</a></span>(<spanclass="kw">spark_data</span><spanclass="op">$</span><spanclass="kw">var1</span>),
subtitle = <spanclass="st">"Variable 1"</span>,
color = <spanclass="st">"#FFF"</span>, background = <spanclass="st">"#2E93fA"</span>,
<scripttype="application/json"data-for="htmlwidget-29214aaf080dd98d8784">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[["new Date('2020-09-10').getTime()",47],["new Date('2020-09-11').getTime()",37],["new Date('2020-09-12').getTime()",60],["new Date('2020-09-13').getTime()",44],["new Date('2020-09-14').getTime()",34],["new Date('2020-09-15').getTime()",49],["new Date('2020-09-16').getTime()",35],["new Date('2020-09-17').getTime()",53],["new Date('2020-09-18').getTime()",32],["new Date('2020-09-19').getTime()",46],["new Date('2020-09-20').getTime()",40],["new Date('2020-09-21').getTime()",59],["new Date('2020-09-22').getTime()",63],["new Date('2020-09-23').getTime()",31],["new Date('2020-09-24').getTime()",62],["new Date('2020-09-25').getTime()",56],["new Date('2020-09-26').getTime()",12],["new Date('2020-09-27').getTime()",42],["new Date('2020-09-28').getTime()",47],["new Date('2020-09-29').getTime()",45]]}],"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":44.7,"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":"2020-09-10","max":"2020-09-29"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0"],"jsHooks":[]}</script><p>You can also use spark boxes in Shiny application, use code to launch an example :</p>
<p>Developed by <ahref="https://twitter.com/_pvictorr"><imgsrc="https://pbs.twimg.com/profile_images/844237339404722177/E1U61aM8_normal.jpg"> Victor Perrier</a>, <ahref="https://twitter.com/_mfaan"><imgsrc="https://pbs.twimg.com/profile_images/912313931326218240/o1-wvA18_normal.jpg"> Fanny Meyer</a>.</p>
var config = {"particles":{"number":{"value":90,"density":{"enable":true,"value_area":1200}},"color":{"value":"#112446"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}},"opacity":{"value":0.8,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":3,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},"line_linked":{"enable":true,"distance":150,"color":"#112446","opacity":0.6,"width":1},"move":{"enable":true,"speed":5,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true}},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}},"retina_detect":true} ;