Add live surveys to DS pathway

[flannery-denny]

These should be offered as an optional do now as the first time students see each new display for teachers who feel confident

• Generate boiler plate text for Preparation sections: shared/langs/en-us/docroot/pages/live-pyret-survey-instructions.adoc
• Generate comments for starter file code so that teachers can make sense of the content that is beyond Bootstrap: Here's what FD wrote for histograms

Update the questions on these google form surveys

• bar and pie charts - eye color: Brown, Blue, Green, Hazel, Gray, Black, Other
• dot plots - number of letters in your first name
• histograms - how old is your favorite person?
• box plots - number of different homes you've lived in since you were born
• scatter plots - how many people do you live with v. how many pets do you live with
• linear regression - how old is the youngest person you live with v. how old is the oldest person you live with
• measures of center - commute time
• computing needs all voices - ketchup survey? not possible because there are blank cells in the table.~

Update starter files and confirm that they 1) are commented so teachers can make sense of the code 2) do what we want them to do when we click "Run"

• bar and pie charts (wanted to display the frequency table, but it was a nonstarter) Add live surveys to DS pathway #2245 (comment)
• dot plots
• histograms
• box plot
• scatter plots
• linear regression
• measures of center

Incorporate the surveys into the lesson plans!

• bar and pie charts
• dot plots
• dot plots to histograms
• box plots
• scatter plots
• linear regression
• measures of center
• alg2 - linear 3 I think I thought that it might make sense to reuse the lr-plot starter file in this lesson, but it seems like a stretch to work it in at the moment.

Other ideas we had:

• how do you get to school?
• were all of your grandparents born in the U.S.?
• favorite instrument
• shoe size (this is tough because men's / women's / UK / European)
• Number of concerts attended (I think this would be hard to answer unless it was categorical. My kid has already attended more concerts than I can count.)
• Is there any sort of physical thing we want to offer as an option?
• length of your longest finger nail (they would need rulers... and they'd need to know how to use them.... thought about including an icon in the question for them to measure their finger nails in terms of, but decided the results would likely be pretty inaccurate.)

[flannery-denny]

@retabak If you have a chance before our meeting on Tuesday, checkout the latest draft of the live survey instructions in dot-plots-to-histograms on master and add screenshots if you think they'd be helpful.

[flannery-denny]

@retabak please review this file: shared/langs/en-us/docroot/pages/live-pyret-survey-instructions.adoc and or the web version of it linked from the histograms materials table and lmk when you are done with it. Merci!

[flannery-denny]

@schanzer We had a thought about launching the MOC lesson with a live survey. Possible to have the reactor generate mean median and mode? OR does this not make sense?

[schanzer]

@flannery-denny yeah, that's doable -- the visualize function would take in a table and then use mean, median, or mode to calculate a MOC:

fun visualize(t):
  text("Median age of Mr. Schanzer's class: " + num-to-string(mean(t, "age")), 20, "purple")
end

[flannery-denny]

@schanzer Turns out bar and pie charts are in the same lesson with frequency tables, so our live survey needs to display them all together.

I need a method to put the table beside the image here:

fun visualize(t): 
  beside(
    count(t,"color"),
    beside(
      scale(0.75, bar-chart(t, "color")),
      scale(0.75, pie-chart(t, "color"))
      ))
end

When you get a chance, please either send me a fix or update the file. Thanks! https://code.pyret.org/editor#share=1ZlKmA4Dx9SWXnk7hQx8FQ1AKHmykcsoE&v=fee2ecd

[flannery-denny]

@schanzer There's a note here about possibly using a live survey in linear 3. I'm not seeing the connection anymore... and am inclined to remove the bullet point unless you have a concrete idea (but I don't actually think the mention stems from you.)

Other than that, will definitely be able to close this issue by Monday. Just need to fix the bar and pie chart starter file and add language to the MOC lesson.

[flannery-denny]

@schanzer once you fix (or let me know how to fix) the live survey starter file for bar and pie charts, this issue is ready to close and we can merge live-survey into master.

[schanzer]

@flannery-denny I did tell you this was impossible earlier. ;)

It turns out there is a hack - forcing the reactor to render its internal state, which gives us zero control over things like font size, cropping, image size, etc. This is the end result:

I think this is a non-starter

[flannery-denny]

@schanzer agreed. I'll adjust the starter file and merge the pull request.

[flannery-denny]

@schanzer A new interesting noticing about live pyret surveys... the bar charts don't work like other bar charts in that they don't leave empty columns for the options in the google form that don't get populated in the table... any way to get this bar chart to include black, grey, green, other? It's a big point we make when comparing the two kinds of visualizations.

[flannery-denny]

@schanzer - opt-blocks are now rendering in slides, but there is no indicator on the slide that they are optional... I suggest we make a new Optional slide for the slide template that authors can specify in the slidebreak

[schanzer]

@flannery-denny how do you want to show teachers (and students?) that a slide is optional? Is it the background color? The icon on the template?

[flannery-denny]

@schanzer I suggest we make a new Optional slide for the slide template that authors can specify in the slidebreak. An optional icon could do the trick, but I think it actually has to have the word Optional in it. I hadn't thought of a different color background - it might be more obvious to teachers that there was something different. Perhaps the template should both have an icon with the word optional and a slightly different background color?