datavis quizzes

pull/61/head
Jen Looper 4 years ago
parent cb1dd12ebf
commit 4048f1b164

@ -1,9 +1,7 @@
# Visualizing Quantities
In this lesson, you will use three different libraries to learn how to create interesting visualizations all around the concept of quantity. Using a cleaned dataset about the birds of Minnesota, you can learn many interesting facts about local wildlife.
## Pre-Lecture Quiz
[Pre-lecture quiz]()
## [Pre-lecture quiz](https://red-water-0103e7a0f.azurestaticapps.net/quiz/16)
## Observe wingspan with Matplotlib
@ -192,9 +190,7 @@ In this plot you can see the range, per category, of the Minimum Length and Maxi
## 🚀 Challenge
This bird dataset offers a wealth of information about different types of birds within a particular ecosystem. Search around the internet and see if you can find other bird-oriented datasets. Practice building charts and graphs around these birds to discover facts you didn't realize.
## Post-Lecture Quiz
[Post-lecture quiz]()
## [Post-lecture quiz](https://red-water-0103e7a0f.azurestaticapps.net/quiz/17)
## Review & Self Study

@ -1,9 +1,8 @@
# Visualizing Distributions
In the previous lesson, you learned some interesting facts about a dataset about the birds of Minnesota. You found some erroneous data by visualizing outliers and looked at the differences between bird categories by their maximum length.
## Pre-Lecture Quiz
[Pre-lecture quiz]()
## [Pre-lecture quiz](https://red-water-0103e7a0f.azurestaticapps.net/quiz/18)
## Explore the birds dataset
Another way to dig into data is by looking at its distribution, or how the data is organized along an axis. Perhaps, for example, you'd like to learn about the general distribution, for this dataset, of maximum wingspan or maximum body mass for the birds of Minnesota.
@ -178,9 +177,7 @@ Perhaps it's worth researching whether the cluster of 'Vulnerable' birds accordi
Histograms are a more sophisticated type of chart than basic scatterplots, bar charts, or line charts. Go on a search on the internet to find good examples of the use of histograms. How are they used, what do they demonstrate, and in what fields or areas of inquiry do they tend to be used?
## Post-Lecture Quiz
[Post-lecture quiz]()
## [Post-lecture quiz](https://red-water-0103e7a0f.azurestaticapps.net/quiz/19)
## Review & Self Study

@ -8,9 +8,7 @@ In this lesson, you will use a different nature-focused dataset to visualize pro
> 💡 A very interesting project called [Charticulator](https://charticulator.com) by Microsoft Research offers a free drag and drop interface for data visualizations. In one of their tutorials they also use this mushroom dataset! So you can explore the data and learn the library at the same time: https://charticulator.com/tutorials/tutorial4.html
## Pre-Lecture Quiz
[Pre-lecture quiz]()
## [Pre-lecture quiz](https://red-water-0103e7a0f.azurestaticapps.net/quiz/20)
## Get to know your mushrooms 🍄
@ -162,9 +160,7 @@ In this lesson you learned three ways to visualize proportions. First, you need
## 🚀 Challenge
Try recreating these tasty charts in [Charticulator](https://charticulator.com).
## Post-Lecture Quiz
[Post-lecture quiz]()
## [Post-lecture quiz](https://red-water-0103e7a0f.azurestaticapps.net/quiz/21)
## Review & Self Study

@ -6,9 +6,7 @@ This dataset of about 600 items displays honey production in many U.S. states. S
It will be interesting to visualize the relationship between a given state's production per year and, for example, the price of honey in that state. Alternately, you could visualize the relationship between states' honey yield per colony. This year span covers the devastating 'CCD' or 'Colony Collapse Disorder' first seen in 2006 (http://npic.orst.edu/envir/ccd.html), so it is a poignant dataset to study. 🐝
## Pre-Lecture Quiz
[Pre-lecture quiz]()
## [Pre-lecture quiz](https://red-water-0103e7a0f.azurestaticapps.net/quiz/22)
In this lesson, you can use Seaborn, which you use before, as a good library to visualize relationships between variables. Particularly interesting is the use of Seaborn's `relplot` function that allows scatter plots and line plots to quickly visualize '[statistical relationships](https://seaborn.pydata.org/tutorial/relational.html?highlight=relationships)', which allow the data scientist to better understand how variables relate to each other.
@ -162,9 +160,7 @@ Go, bees, go!
## 🚀 Challenge
In this lesson, you learned a bit more about other uses of scatterplots and line grids, including facet grids. Challenge yourself to create a facet grid using a different dataset, maybe one you used prior to these lessons. Note how long they take to create and how you need to be careful about how many grids you need to draw using these techniques.
## Post-Lecture Quiz
[Post-lecture quiz]()
## [Post-lecture quiz](https://red-water-0103e7a0f.azurestaticapps.net/quiz/23)
## Review & Self Study

@ -13,8 +13,7 @@ In this lesson, you will review:
5. How to build animated or 3D charting solutions
6. How to build a creative visualization
[Pre-lecture quiz]()
## Pre-Lecture Quiz
## [Pre-Lecture Quiz](https://red-water-0103e7a0f.azurestaticapps.net/quiz/24)
## Choose the right chart type
@ -94,6 +93,8 @@ Some of the best data visualizations today are animated. Shirley Wu has amazing
![busing](images/busing.png)
> "Bussed Out: How America Moves its Homeless" from [the Guardian](https://www.theguardian.com/us-news/ng-interactive/2017/dec/20/bussed-out-america-moves-homeless-people-country-study). Visualizations by Nadieh Bremer & Shirley Wu
While this lesson is insufficient to go into depth to teach these powerful visualization libraries, try your hand at D3 in a Vue.js app using a library to display a visualization of the book "Dangerous Liaisons" as an animated social network.
> "Les Liaisons Dangereuses" is an epistolary novel, or a novel presented as a series of letters. Written in 1782 by Choderlos de Laclos, it tells the story of the vicious, morally-bankrupt social maneuvers of two dueling protagonists of the French aristocracy in the late 18th century, the Vicomte de Valmont and the Marquise de Merteuil. Both meet their demise in the end but not without inflicting a great deal of social damage. The novel unfolds as a series of letters written to various people in their circles, plotting for revenge or simply to make trouble. Create a visualization of these letters to discover the major kingpins of the narrative, visually.
@ -134,9 +135,7 @@ Run your app from the terminal (npm run serve) and enjoy the visualization!
## 🚀 Challenge
Take a tour of the internet to discover deceptive visualizations. How does the author fool the user, and is it intentional? Try correcting the visualizations to show how they should look.
## Post-Lecture Quiz
[Post-lecture quiz]()
## [Post-lecture quiz](https://red-water-0103e7a0f.azurestaticapps.net/quiz/25)
## Review & Self Study

@ -9,49 +9,49 @@
"title": "Visualizing Quantities - Pre-Quiz",
"quiz": [
{
"questionText": "quiz 2 question 2",
"questionText": "A useful library for data visualizations is:",
"answerOptions": [
{
"answerText": "True",
"answerText": "Matplotlib",
"isCorrect": "true"
},
{
"answerText": "False",
"answerText": "Matchartlib",
"isCorrect": "false"
},
{
"answerText": "Matgraphtlib",
"isCorrect": "false"
}
]
},
{
"questionText": "q2",
"questionText": "You can visualize quantities using:",
"answerOptions": [
{
"answerText": "classical ML was invented first",
"answerText": "scatterplots",
"isCorrect": "false"
},
{
"answerText": "the use of neural networks",
"isCorrect": "true"
"answerText": "line charts",
"isCorrect": "false"
},
{
"answerText": "deep learning is used in robots",
"isCorrect": "false"
"answerText": "both the above",
"isCorrect": "true"
}
]
},
{
"questionText": "q3",
"questionText": "Bar plots are useful for visualizing quantity",
"answerOptions": [
{
"answerText": "to automate the solving of multi-dimensional problems",
"isCorrect": "false"
"answerText": "true",
"isCorrect": "true"
},
{
"answerText": "to customize a shopping experience based on the type of customer",
"answerText": "false",
"isCorrect": "false"
},
{
"answerText": "both of the above",
"isCorrect": "true"
}
]
}
@ -62,48 +62,52 @@
"title": "Visualizing Quantities - Post-Quiz",
"quiz": [
{
"questionText": "quiz 2 question 2",
"questionText": "You can analyze trends over time using a:",
"answerOptions": [
{
"answerText": "True",
"answerText": "line chart",
"isCorrect": "true"
},
{
"answerText": "False",
"answerText": "bar chart",
"isCorrect": "false"
},
{
"answerText": "pie chart",
"isCorrect": "false"
}
]
},
{
"questionText": "q2",
"questionText": "You can compare values using this type of chart:",
"answerOptions": [
{
"answerText": "classical ML was invented first",
"answerText": "line chart",
"isCorrect": "false"
},
{
"answerText": "the use of neural networks",
"isCorrect": "true"
"answerText": "bar chart",
"isCorrect": "false"
},
{
"answerText": "deep learning is used in robots",
"isCorrect": "false"
"answerText": "both of these",
"isCorrect": "true"
}
]
},
{
"questionText": "q3",
"questionText": "Show how parts relate to a whole using this type of chart:",
"answerOptions": [
{
"answerText": "to automate the solving of multi-dimensional problems",
"answerText": "line",
"isCorrect": "false"
},
{
"answerText": "to customize a shopping experience based on the type of customer",
"answerText": "column",
"isCorrect": "false"
},
{
"answerText": "both of the above",
"answerText": "pie",
"isCorrect": "true"
}
]
@ -115,7 +119,7 @@
"title": "Visualizing Distributions - Pre-Quiz",
"quiz": [
{
"questionText": "quiz 2 question 2",
"questionText": "Histograms are overall more sophisticated types of chart than scatterplots",
"answerOptions": [
{
"answerText": "True",
@ -128,35 +132,35 @@
]
},
{
"questionText": "q2",
"questionText": "You can visualize distributions using this type of chart:",
"answerOptions": [
{
"answerText": "classical ML was invented first",
"isCorrect": "false"
"answerText": "scatterplot",
"isCorrect": "true"
},
{
"answerText": "the use of neural networks",
"isCorrect": "true"
"answerText": "pie chart",
"isCorrect": "false"
},
{
"answerText": "deep learning is used in robots",
"answerText": "column chart",
"isCorrect": "false"
}
]
},
{
"questionText": "q3",
"questionText": "This library is particularly useful for building histograms",
"answerOptions": [
{
"answerText": "to automate the solving of multi-dimensional problems",
"answerText": "TensorFlow",
"isCorrect": "false"
},
{
"answerText": "to customize a shopping experience based on the type of customer",
"answerText": "PyTorch",
"isCorrect": "false"
},
{
"answerText": "both of the above",
"answerText": "Matplotlib",
"isCorrect": "true"
}
]
@ -168,49 +172,53 @@
"title": "Visualizing Distributions - Post-Quiz",
"quiz": [
{
"questionText": "quiz 2 question 2",
"questionText": "Histograms can be used to analyze this type of data:",
"answerOptions": [
{
"answerText": "True",
"isCorrect": "true"
"answerText": "textual",
"isCorrect": "false"
},
{
"answerText": "False",
"answerText": "numeric",
"isCorrect": "false"
},
{
"answerText": "both of the above",
"isCorrect": "true"
}
]
},
{
"questionText": "q2",
"questionText": "In a histogram, a 'bin' refers to:",
"answerOptions": [
{
"answerText": "classical ML was invented first",
"answerText": "a class of data",
"isCorrect": "false"
},
{
"answerText": "the use of neural networks",
"answerText": "a grouping of data",
"isCorrect": "true"
},
{
"answerText": "deep learning is used in robots",
"answerText": "throwaway data",
"isCorrect": "false"
}
]
},
{
"questionText": "q3",
"questionText": "To build a smooth density plot, use this library:",
"answerOptions": [
{
"answerText": "to automate the solving of multi-dimensional problems",
"isCorrect": "false"
"answerText": "Seaborn",
"isCorrect": "true"
},
{
"answerText": "to customize a shopping experience based on the type of customer",
"answerText": "Matplotlib",
"isCorrect": "false"
},
{
"answerText": "both of the above",
"isCorrect": "true"
"answerText": "PyTorch",
"isCorrect": "false"
}
]
}
@ -221,49 +229,53 @@
"title": "Visualizing Proportions - Pre-Quiz",
"quiz": [
{
"questionText": "quiz 2 question 2",
"questionText": "To visualize proprtions, use this type of chart:",
"answerOptions": [
{
"answerText": "True",
"isCorrect": "true"
"answerText": "pie",
"isCorrect": "false"
},
{
"answerText": "False",
"answerText": "waffle",
"isCorrect": "false"
},
{
"answerText": "either of the above",
"isCorrect": "true"
}
]
},
{
"questionText": "q2",
"questionText": "A free tool for visualizing your data is:",
"answerOptions": [
{
"answerText": "classical ML was invented first",
"answerText": "Popculator",
"isCorrect": "false"
},
{
"answerText": "the use of neural networks",
"isCorrect": "true"
"answerText": "Graphculator",
"isCorrect": "false"
},
{
"answerText": "deep learning is used in robots",
"isCorrect": "false"
"answerText": "Charticulator",
"isCorrect": "true"
}
]
},
{
"questionText": "q3",
"questionText": "Use `plt.pie` to display a:",
"answerOptions": [
{
"answerText": "to automate the solving of multi-dimensional problems",
"isCorrect": "false"
"answerText": "pie chart",
"isCorrect": "true"
},
{
"answerText": "to customize a shopping experience based on the type of customer",
"answerText": "waffle chart",
"isCorrect": "false"
},
{
"answerText": "both of the above",
"isCorrect": "true"
"answerText": "scatterplot",
"isCorrect": "false"
}
]
}
@ -274,7 +286,7 @@
"title": "Visualizing Proportions - Post-Quiz",
"quiz": [
{
"questionText": "quiz 2 question 2",
"questionText": "You can edit the colors of your waffle charts",
"answerOptions": [
{
"answerText": "True",
@ -287,36 +299,36 @@
]
},
{
"questionText": "q2",
"questionText": "Use this library to build waffle charts:",
"answerOptions": [
{
"answerText": "classical ML was invented first",
"answerText": "edwaffle",
"isCorrect": "false"
},
{
"answerText": "the use of neural networks",
"answerText": "pywaffle",
"isCorrect": "true"
},
{
"answerText": "deep learning is used in robots",
"answerText": "yumwaffle",
"isCorrect": "false"
}
]
},
{
"questionText": "q3",
"questionText": "In a donut chart, build your center circle using this syntax:",
"answerOptions": [
{
"answerText": "to automate the solving of multi-dimensional problems",
"answerText": "plt.Oval",
"isCorrect": "false"
},
{
"answerText": "to customize a shopping experience based on the type of customer",
"isCorrect": "false"
"answerText": "plt.Circle",
"isCorrect": "true"
},
{
"answerText": "both of the above",
"isCorrect": "true"
"answerText": "plt.Edit",
"isCorrect": "false"
}
]
}
@ -327,49 +339,53 @@
"title": "Visualizing Relationships - Pre-Quiz",
"quiz": [
{
"questionText": "quiz 2 question 2",
"questionText": "Use this library to visualize relationships:",
"answerOptions": [
{
"answerText": "True",
"answerText": "Seaborn",
"isCorrect": "true"
},
{
"answerText": "False",
"answerText": "Merborn",
"isCorrect": "false"
},
{
"answerText": "Reborn",
"isCorrect": "false"
}
]
},
{
"questionText": "q2",
"questionText": "Use Seaborn's `relplot` to visualize",
"answerOptions": [
{
"answerText": "classical ML was invented first",
"answerText": "categorical relationships",
"isCorrect": "false"
},
{
"answerText": "the use of neural networks",
"answerText": "statistical relationships",
"isCorrect": "true"
},
{
"answerText": "deep learning is used in robots",
"answerText": "special relationships",
"isCorrect": "false"
}
]
},
{
"questionText": "q3",
"questionText": "By editing a scatterplot's hue, you can:",
"answerOptions": [
{
"answerText": "to automate the solving of multi-dimensional problems",
"isCorrect": "false"
"answerText": "display a dataset's distribution",
"isCorrect": "true"
},
{
"answerText": "to customize a shopping experience based on the type of customer",
"answerText": "display item colors",
"isCorrect": "false"
},
{
"answerText": "both of the above",
"isCorrect": "true"
"answerText": "display temperatures",
"isCorrect": "false"
}
]
}
@ -380,49 +396,49 @@
"title": "Visualizing Relationships - Post-Quiz",
"quiz": [
{
"questionText": "quiz 2 question 2",
"questionText": "A more accessible way to display distribution is:",
"answerOptions": [
{
"answerText": "True",
"isCorrect": "true"
"answerText": "Using datapoint shape variation",
"isCorrect": "false"
},
{
"answerText": "False",
"answerText": "Using datapoint size variation",
"isCorrect": "false"
},
{
"answerText": "Using either of the above",
"isCorrect": "true"
}
]
},
{
"questionText": "q2",
"questionText": "Using Seaborn's `relplot` you can view an aggregation of data around a line chart",
"answerOptions": [
{
"answerText": "classical ML was invented first",
"isCorrect": "false"
},
{
"answerText": "the use of neural networks",
"answerText": "true",
"isCorrect": "true"
},
{
"answerText": "deep learning is used in robots",
"answerText": "false",
"isCorrect": "false"
}
]
},
{
"questionText": "q3",
"questionText": "Facet grids help visualize",
"answerOptions": [
{
"answerText": "to automate the solving of multi-dimensional problems",
"isCorrect": "false"
"answerText": "a given facet of your data",
"isCorrect": "true"
},
{
"answerText": "to customize a shopping experience based on the type of customer",
"answerText": "outliers in your data",
"isCorrect": "false"
},
{
"answerText": "both of the above",
"isCorrect": "true"
"answerText": "progression in your data",
"isCorrect": "false"
}
]
}
@ -433,7 +449,7 @@
"title": "Meaningful Visualizations - Pre-Quiz",
"quiz": [
{
"questionText": "quiz 2 question 2",
"questionText": "It's relatively easy to deceive users by editing charts",
"answerOptions": [
{
"answerText": "True",
@ -446,35 +462,31 @@
]
},
{
"questionText": "q2",
"questionText": "Selecting the kind of chart to build depends on the type of data you have and the story you are telling about it",
"answerOptions": [
{
"answerText": "classical ML was invented first",
"isCorrect": "false"
},
{
"answerText": "the use of neural networks",
"answerText": "True",
"isCorrect": "true"
},
{
"answerText": "deep learning is used in robots",
"answerText": "False",
"isCorrect": "false"
}
]
},
{
"questionText": "q3",
"questionText": "To create a deceptive chart, some creators manipulate:",
"answerOptions": [
{
"answerText": "to automate the solving of multi-dimensional problems",
"answerText": "the chart colors",
"isCorrect": "false"
},
{
"answerText": "to customize a shopping experience based on the type of customer",
"answerText": "the X and Y axes",
"isCorrect": "false"
},
{
"answerText": "both of the above",
"answerText": "either of the above",
"isCorrect": "true"
}
]
@ -486,48 +498,52 @@
"title": "Meaningful Visualizations - Post-Quiz",
"quiz": [
{
"questionText": "quiz 2 question 2",
"questionText": "Ensure that your charts are:",
"answerOptions": [
{
"answerText": "True",
"isCorrect": "true"
"answerText": "accessible",
"isCorrect": "false"
},
{
"answerText": "False",
"answerText": "readable",
"isCorrect": "false"
},
{
"answerText": "both of the above",
"isCorrect": "true"
}
]
},
{
"questionText": "q2",
"questionText": "D3 is an excellent charting library for use to create:",
"answerOptions": [
{
"answerText": "classical ML was invented first",
"isCorrect": "false"
"answerText": "animated visualizations",
"isCorrect": "true"
},
{
"answerText": "the use of neural networks",
"isCorrect": "true"
"answerText": "infographics",
"isCorrect": "false"
},
{
"answerText": "deep learning is used in robots",
"answerText": "deep learning",
"isCorrect": "false"
}
]
},
{
"questionText": "q3",
"questionText": "Ensure the readability of your chart by:",
"answerOptions": [
{
"answerText": "to automate the solving of multi-dimensional problems",
"answerText": "adding tags",
"isCorrect": "false"
},
{
"answerText": "to customize a shopping experience based on the type of customer",
"answerText": "editing color",
"isCorrect": "false"
},
{
"answerText": "both of the above",
"answerText": "aligning labels properly",
"isCorrect": "true"
}
]

Loading…
Cancel
Save