Skip to content

Commit

Permalink
dot plots lesson (#2229)
Browse files Browse the repository at this point in the history
  • Loading branch information
retabak committed Oct 24, 2024
1 parent 0f35145 commit bfe9103
Show file tree
Hide file tree
Showing 31 changed files with 248 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
= Assessments

== Published Assessment

- Desmos File:

== Question Text

@n question 1

- objective:

@n question 2

- objective:

== Links to Documents Used for Thinking and Generating Content

- Desmos file?
- Pyret file?
- Google Doc?
- Google Sheet?
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
{
"histogram-a.png": {
"description": "Histogram with 6 columns whose respective heights from left to right are 1, 1, 3, 3, 1, 1",
"source" : "Created by the Bootstrap Team based on contrived data",
"license" : "Creative Commons 4.0 - NC - SA"
},
"histogram-b.png": {
"description": "histogram with 10 bars equal in height based on contrived data",
"source" : "Created by the Bootstrap Team",
"license" : "Creative Commons 4.0 - NC - SA"
},
"histogram-c.png": {
"description": "Histogram with 9 bars whose heights from left to right are 0,1,3,3,1,0,0,1,1",
"source" : "Created by the Bootstrap Team based on contrived data",
"license" : "Creative Commons 4.0 - NC - SA"
},
"histogram-d.png": {
"description": "Histogram with 9 bars whose heights from left to right are 0,1,1,0,0,1,3,3,1",
"source" : "Created by the Bootstrap Team based on contrived data",
"license" : "Creative Commons 4.0 - NC - SA"
},
"histogram-e.png": {
"description": "Histogram with 11 bars whose heights from left to right are 0,2,2,1,0,0,0,0,1,2,2",
"source" : "Created by the Bootstrap Team based on contrived data",
"license" : "Creative Commons 4.0 - NC - SA"
},
"pounds.png": {
"description": "Histogram for the pounds column of the animals dataset",
"source": "Created by the Bootstrap Team",
"license": "Creative Commons 4.0 - NC - SA"
}
}
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
149 changes: 149 additions & 0 deletions lessons/Data-Science/dot-plots-variability/langs/en-us/index.adoc
Original file line number Diff line number Diff line change
@@ -0,0 +1,149 @@
= From Dot Plots to Histograms

@description{Students are introduced to Histograms by comparing them to bar charts, learning to construct them by hand and in the programming environment.}

@ifproglang{pyret}{
@lesson-prereqs{contracts-tables-visualizations, ds-intro}
}

@ifproglang{codap}{
@lesson-prereqs{codap-dot-plots-bar-charts}
}

@keywords{histogram, bin, interval}

@add-to-lang{histogram}

[@lesson-intro-table]
|===
| Lesson Goals
| Students will be able to...

@objectives
@objective{histograms-pyret}
@objective{Make charts displaying frequency in Pyret and interpret them.}

| Student-facing Lesson Goals
|

- Let's create histograms for datasets and learn how to interpret them.
| Materials
|[.materials-links]

@material-links

| Preparation
|
@preparation{
- There is an interactive Desmos activity in the lesson, as well as Desmos formative assessments.
* Open the Desmos activity you plan to use (@starter-file{histograms}, @assessment{histograms-check1-desmos}, or @assessment{histograms-check2-desmos}) and make a code or link to share with students.
* If you are using our Google Slides, add the appropriate link to the slide deck.
* _If you're a first-time Desmos user, fear not!_ @dist-link{pages/desmos-instructions.adoc, _Here's what you need to do._}
- There is an optional kinesthetic activity in this lesson that requires a ball of play-dough for each group of 3.
}

| Assessments
| @assessments

|===


== Introduction to Dot Plots

=== Overview

=== Launch

=== Investigate

=== Synthesize


== From Dot Plots to Histograms

=== Overview

=== Launch

A histogram is another data visualization commonly used to display quantitative data. Let's explore the ways that histograms are similar to and different from dot plots.


@QandA{
@Q{What do you Notice about the dot plot and histogram, which both display the same quantitative dataset?}
@A{What do you Wonder about the dot plot and histogram?}

[cols="^.^1a,^.^1a", option="header"]
|===
| Dot Plot | Histogram
| @image{images/pounds.png} | @image{images/pounds.png}

|===

}


=== Investigate

Now, let's think more deeply about the sort of information that dot plots and histograms provide us.


@lesson-instruction{
- Turn to @printable-exercise{compare-dot-plots-histograms.adoc}. At the top of the page, there is a dot plot on the left and a histogram on the right.
- First: Use *only the dot plot* to answer the questions. Record your responses in the *middle* column of the table. If there is a question that you *cannot* answer, put an X.

@image{images/pounds.png}

}



@QandA{
@Q{Were there any questions that you could *not* answer using the dot plot? If so, which ones?}

@Q{Were there any questions that were *challenging* to answer using only the dot plot? If so, which ones?}
}


Next, we'll use a histogram to answer the same questions.

@QandA{
@Q{Given that this is your first time interpreting a histogram: What questions do you have about doing reading a histogram?}

@A{Possible questions include:
- How is this different from a bar chart? Histograms show the distribution of quantitative data, not categorical. Histograms' bars cannot be reordered, as they allow us to see the shape of a dataset. We can reorder bars in a bar chart.
- Are the values on the tick mark included in the bar? On a histogram, each bar _includes_ the left-end value but not the right-end value.}
}

@lesson-instruction{
- Now, you will use *only the histogram* to answer the same set of questions. Record your responses in the *right-hand* column of the table. If there is a question that you cannot answer, put an X.
- Respond to the remaining questions on the page; we will discuss your responses when you are finished.

@images{images/pounds.png}

}


@strategy{Histograms Don't Display Individual Data Points!}{

According to research conducted by Bakker, Biehler, and Konold (2014), students are inclined to view data as _individual cases_.

For this reason, you may notice that dot plots are accessible to students while histograms (which only offer aggregate information) are more challenging to interpret.

To combat this student inclination, we spend ample time in this lesson focusing on data visualizations where individual cases are visible, as recommended by the research. Additionally, when we introduce aggregate plots, they are accompanied by representations that allow students to see individual cases.

}


@QandA{
@Q{How are the two displays alike?}
@A{They both display the frequency and distribution of quantitative data. They both show the total number of values.}

@Q{How are the two displays different?}
@A{We can see individual points on the dot plot, but on the histogram, we just get a collective overview of the data. There is no way to single out one particular animal's weight on the histogram.}
}


=== Synthesize


Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
= Comparing Dot Plots and Histograms


[cols="^.^1a,^.^1a", option="header"]
|===
| Dot Plot | Histogram
| @image{../images/pounds.png} | @image{../images/pounds.png}

|===


[cols="^.^5a,^.^1a, ^.^1a", option="header"]
|===
|

| Question | Dot Plot | Histogram

| How many dogs weigh less than


|===




@n How are the two displays alike? @fitb{}{}

@fitb{}{}

@fitb{}{}

@fitb{}{}

@n How are the two displays different? @fitb{}{}

@fitb{}{}

@fitb{}{}

@fitb{}{}
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
compare-dot-plots-histograms.adoc
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
pyret
codap
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
1K97Xfu1mxcjCVis3_v-kyCH9x8AakiTdl73uWkIcMZo
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
1U-hMS-iXKL13NFD4szyOWVuoXdTWPk79GilEROa8cSw

0 comments on commit bfe9103

Please sign in to comment.