Is there a way to display an imagery timeline in an rmarkdown leaflet html widgit? - r-markdown

I have an R markdown html document with a leaflet map. The base layer for the leaflet map is ESRI.WorldImagery. This base layer doesn't indicate anywhere the date upon which the imagery (e.g. aerial photograph or satellite) was acquired. It's possible that different imagery tiles represent different snap shots in time.
I would like to at least be able to tell my users the date or year in which the imagery they are viewing was acquired. Better yet would be to show an interactive timeline slider, analogous to the historical imagery timeline slider in google earth.
Does anyone know if this is possible in R leaflet?

Related

Small multiple bar charts in one chart in PowerBI Dashboard

I am trying to create a dashboard which has multiple visualizations(charts) out of which one is multiple small bar charts with 7 items and it is taking up the entire space. If I shrink the visual it is shrinking but giving me scroll bar and my business doesn't want a scroll option and want everything in one glance
Any way to shrink/compress the window or expand the Powerbi page or so? OR any way to shrink the small multiple bar charts visual to one real small and concise chart
Thanks,
Vyas
On bar charts you can use the properties to help squeeze the most out of your screen space (see image below). However, if you find you are trying to squeeze too much on a screen, consider:
Reducing the amount of data to show, too much data is hard to consume
Using drill through and drill down (and training your audience how to use this)
Using tool tip visuals
Separate reports for separate audiences (maybe sales and production need two different views)
Using tables with conditional formatting to show bars.
Using matrices to have aggregations and drill downs.

How to let the user know that a graph do contain drill down in power bi?

Is it possible to show a subtitle in a power bi graph? I want to show the user that, this specific graph does contain drill-down(like the below-attached image).
If I add a hardcoded text box it is overlapping with the graph. Is there any way to show that the particular graph contains drill-down(like if I hove on the graph title, It should this contains drill-down)
Please suggest some ideas.
Usually, if drill-down is available, it shows some navigation buttons on the top right of the graph, which is basically is an indicator that drill-down is available:
Navigation buttons
Another option, which I personally do not like, but that might work for you. You can create a measure which just displays some help text like "Drilldown is available" and you can place it to the "Tooltips" section of the graph. When user hovers the mouse over the graph data, he will see the tooltip with this text. Something like this:
Tooltips

Download Chart.js graph from view

I have recently started using Chart.js for data visualization. I am able to do the visualization. My client also want that graph to be downloaded with data information. I know I can do it by giving print button from screen and show relevant data.
But is there a Chart.js feature available which can download this graph as well as the information in actual numbers.
Here is a Stack Overflow answer that points out the way to go: Save the underlying canvas data as Base64 encoded string as image.
Chart.js chart save as image

Change the order of ColumnLayout or ListView and save / restore it

I'm working on a stream overlay that extracts information out of a game (flight simulator) and displays it on the screen. Right now I'm using Qt in conjunction with a *.html to render the overlay. It is all working really well, however I wanted to add some customization options for the users of my overlay software and I figured the best way would be to render the Overlay in QML.
The main part of the overlay is a row that contains around 8 "elements" that display the relevant data.
One thing that should be customized is the order of the elements in the row. But I really have no idea how to implement this feature. I've seen a few posts and tutorials on how to customize the order in a View using the DelegateModel. However right now it's not a view but QML Components inserted in a RowLayout due to the fact that they are all different components (e.g. some of the images are actually animated for which I'm using a component that uses Canvas2D to draw the images). I guess I could figure out a way to store those elements in a model using the Loader Component to display the content in QML. But even then I'm not entirely sure how to store and restore the order of the elements. As far as I can tell the DelegateModel only changes the View and not the underlying model.
Any suggestion or best practice to accomplish my goal would be highly appreciated.

How to make google chart API responsive?

I am creating two charts Line Chart and Donut Chart on same HTML Page using Google JS API. But these charts are not responsive. How can I make those charts as responsive?
The Google Charts API was probably not designed with responsiveness in mind, specifically. The default size of the chart is to fill the element it's being rendered into, so you can just use CSS and Media Queries like you would normally do to make a responsive design.
The only real problem is that once the chart is drawn, it doesn't change it's size in a desktop window resize-type scenario. In Angular Google Chart we listen for the window's resize event and redraw the chart.
I've seen some of the resize strategy paired with a bit of JavaScript to keep the chart the same aspect ratio no matter how wide it is.
Anything more specific will need a more detailed question. I am intentionally not including any code for this answer, because whatever I write will probably be wrong for your situation.