One option for integrating text -- use tabsets

[martinamorris]

Objective: Highlight the plots, with minimal text, so each scroll brings a new, complete view of text and network. Almost a storyboard approach.

What to do with the extra text? Put it on a tab, call it "What's happening here?". Then you could add a bit more, maybe also some questions for people to think about, without disrupting the flow of the main story.

[sgoodreau]

I love this idea, but have no idea how to do it! You are way ahead of me in terms of learning about tabs and the like. Can you point me to a quick tutorial, or perhaps we can talk about it on our call later today.

[netterie]

@sgoodreau @martinamorris Martina took the words out of my mouth. Earlier I had been pondering whether flexdashboard might be helpful for this purpose? There are a variety of layouts.

https://rmarkdown.rstudio.com/flexdashboard/examples.html

One that I see having potential is the "storyboard" layout, but it may not have quite enough emphasis on the text? What do you think? I can put together a demo this afternoon if you think it might work. https://beta.rstudioconnect.com/jjallaire/htmlwidgets-showcase-storyboard/htmlwidgets-showcase-storyboard.html

[sgoodreau]

I love all these ideas. My ideal would allow for some small amount of text that provides a basic grounding alongside each network, and then a way to toggle on the much larger text, as Martina suggested. Whether all four networks are on one tab or on four tabs doesn't matter to me. Is there any way to do something like that?

I really don't have the space to learn all these skills now. @netterie, if you have any capacity to make this happen, I will add you as an author.

Thanks!

[martinamorris]

@sgoodreau @martinamorris Martina took the words out of my mouth. Earlier I had been pondering whether flexdashboard might be helpful for this purpose? There are a variety of layouts.

https://rmarkdown.rstudio.com/flexdashboard/examples.html

One that I see having potential is the "storyboard" layout, but it may not have quite enough emphasis on the text? What do you think? I can put together a demo this afternoon if you think it might work. https://beta.rstudioconnect.com/jjallaire/htmlwidgets-showcase-storyboard/htmlwidgets-showcase-storyboard. html

oooh, this is a lovely idea!!!

[martinamorris]

I love this idea, but have no idea how to do it! You are way ahead of me in terms of learning about tabs and the like. Can you point me to a quick tutorial, or perhaps we can talk about it on our call later today.

it's so easy you'll explode.

Heading with subtabs {.tabset}

blah blah

Plot

this will show on a tab

Text

this will show on the next tab

etc. until

Next heading

which stops the tabset

[EmilyPo]

I should have some time today to play around with the tabs - perhaps I’ll do that, show SMG & MM at our meeting this afternoon? flexdashboard is an interesting option too - curious to see how that would turn out

On Apr 7, 2020, at 9:48 AM, Martina Morris notifications@github.com wrote:

I love this idea, but have no idea how to do it! You are way ahead of me in terms of learning about tabs and the like. Can you point me to a quick tutorial, or perhaps we can talk about it on our call later today.

it's so easy you'll explode.

Heading with subtabs {.tabset}

blah blah

Plot

this will show on a tab

Text

this will show on the next tab

etc. until

Next heading

which stops the tabset — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/statnet/COVID-JustOneFriend/issues/1#issuecomment-610498857, or unsubscribe https://github.com/notifications/unsubscribe-auth/AD6YCJA2OX52NYTDMRJLDODRLNKNVANCNFSM4MCYHKWA.

[martinamorris]

I should have some time today to play around with the tabs - perhaps I’ll do that, show SMG & MM at our meeting this afternoon?

sounds good, tho maybe do on a branch? there will be lots of updates, so managing the process may get complicated.

[netterie]

@sgoodreau @martinamorris @EmilyPo I have a little time right now. I'll create a flexdashboard-story branch and test it out. I don't think it will take long. No worries if you end up preferring to use tabs.

[EmilyPo]

I made a branch called "tabs" with tabs and some other formatting (making figures a bit bigger, adding breaks for visual spacing). You should be able to pull the repo, switch branches, and build that rmd file to check it out.

[martinamorris]

nice work. this is definitely the way to go. i think the goal is to have the network/text display on a typical laptop screen (it doesn't yet for me).

will make a couple of suggested changes and push

[EmilyPo]

@martinamorris what do you mean by a typical laptop screen?

[martinamorris]

wider than it is long. so the key content for each section needs to fit on the screen without scrolling down.

i've tweaked the text distribution across tabs (in the tabs branch). take a look (i committed the html so you don't have to rebuild).

[EmilyPo]

Oh sure sure sure I see. That's a challenging one in R markdown in the standard setup. I wonder if using Github Pages would be better for this goal?

[netterie]

@martinamorris @sgoodreau @EmilyPo

I build a storyboard, in branch "flexdashboard-story". I think you can switch to that branch and just open SocDistNets.html? To build, you just need to install the "flexdashboard" package. In any case, here's are screenshots of the first 3 panels:

[martinamorris]

he is using GH pages

[EmilyPo]

oh I like the flexdashboard! with some tweaking I think that could be exactly what we want. @netterie mind if I play around with it? I've been meaning to learn how to use this tool....

[netterie]

@EmilyPo Yes, please go ahead! @martinamorris re: your comment "so the key content for each section needs to fit on the screen without scrolling down" - @sgoodreau, I think that cutting some text to reduce reader fatigue might help get your message across. I'll open a separate issue with a couple suggestions for you to consider.

[martinamorris]

@martinamorris re: your comment "so the key content for each section needs to fit on the screen without scrolling down" - @sgoodreau, I think that cutting some text to reduce reader fatigue might help get your message across. I'll open a separate issue with a couple suggestions for you to consider.

i've already implemented a change in the tabs branch

[martinamorris]

Dashboard version is super great!

[netterie]

@martinamorris @sgoodreau @EmilyPo

I see Martina's commit 0a515da on the "tabs" branch has text edits that aren't in my commit 995974c on the "flexdashboard-story" branch.

Since @EmilyPo is working on the dashboard and I'll be signing off soon, I will stop working on this - I'd only add to the complexity at this point :)

Feel free to text me at 978 844 0034 if you want to use the flexdashboard and something comes up that I might be able to help with!

[martinamorris]

The FlexDB is great -- but it turns out not to render so well on mobile devices. For that, the tabset version seems optimal. Once we decide how we want to disseminate this, we can figure out if there's a way to set this up so the version you get depends on your device.

[netterie]

@EmilyPo @martinamorris https://rmarkdown.rstudio.com/flexdashboard/using.html#mobile_layout has dashboard tips for mobile - not sure if that might help?

[sgoodreau]

First off, @netterie and @EmilyPo you are both awesome!!!!!

Jeanette- we did go through that flexdashboard mobile site, and in the end still found that it just didn't work well on mobiles. And I'm learning that apparently normal (non-academic) people under the age of, say, 75, spend a lot more time surfing the web on their phone than on their computers :-) So I think we need to go with the tabs version. But I still love the storyboard idea! And I will add you both as authors now.