Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

247 lines (229 sloc) 18.756 kB
<!DOCTYPE html>
<html data-require="math math-format stat word-problems graphie">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Reading pictographs 2</title>
<script data-main="../local-only/main.js" src="../local-only/require.js"></script>
<style>
.fake_header span, .fake_row span {
width: 40px;
height: 40px;
vertical-align: top;
line-height: 40px;
}
.fake_row span:first-child {
width: 80px;
}
.fake_row > span {
padding-left: 5px;
}
.fake_header span:first-child {
width: 460px;
}
</style>
</head>
<body>
<div class="exercise">
<div class="vars">
<var id="DATA">randRangeUnique( 1, 7, 5 )</var>
<var id="BADGE_ID,BADGE">randFromArray([
["meteorite", $._("meteorite")],
["moon", $._("moon")],
["earth", $._("earth")]
])</var>
<var id="SYMBOL_PL">new Plural(function(num) {
return $.ngettext("symbol", "symbols", num);
})</var>
<var id="BADGE_PL">new Plural(function(num) {
return $.ngettext("badge", "badges", num);
})</var>
<var id="FULL_IMAGE">"&lt;img src='" + Khan.imageBase + "badges/" + BADGE_ID + "-small.png'&gt;"</var>
<var id="HALF_IMAGE">"&lt;div style=\"background-image:url('" + Khan.imageBase + "badges/" + BADGE_ID + "-small.png'); width:20px; height:40px;\"&gt;&nbsp;&lt;/div&gt;"</var>
<var id="VALUE_PER_IMG">randFromArray([ 2, 4 ])</var>
<var id="HALF">VALUE_PER_IMG === 1 ? [ 0, 0, 0, 0, 0 ] : [ rand(2), rand(2), rand(2), rand(2), rand(2) ]</var>
</div>
<div class="problem">
<p>Use the pictograph to answer the question below:</p>
<p class="question" id="stem"></p>
<p class="render-answer-area-here"></p>
<div class="fake_header">
<span><span style="text-transform:capitalize"><var>BADGE</var></span> badges earned by each student</span>
</div>
<div class="fake_row" data-each="5 times as n">
<span><var>person( n + 1)</var></span><span data-each="DATA[n] times"><var>FULL_IMAGE</var>
</span><span data-if="HALF[n]"><var>HALF_IMAGE</var>
</span><span data-else=""></span><span data-each="(7 - DATA[n]) times">&nbsp;</span>
</div>
<span data-if="isSingular(VALUE_PER_IMG)" style="height: 50px; vertical-align: top; line-height: 50px;"><var>FULL_IMAGE</var> = <var>VALUE_PER_IMG</var> <var>BADGE</var> badge</span><span data-else="" style="height: 50px; vertical-align: top; line-height: 50px;"><var>FULL_IMAGE</var> = <var>VALUE_PER_IMG</var> <var>BADGE</var> badges</span>
</div>
<div class="problems">
<div id="read-chart">
<div class="vars">
<var id="PERSON">rand( 5 )</var>
<var id="ANSWER">DATA[ PERSON ] * VALUE_PER_IMG + HALF[ PERSON ] * VALUE_PER_IMG / 2</var>
</div>
<p class="question" id="stem">How many <var>BADGE</var> badges did <var>person( PERSON + 1 )</var> earn?</p>
<div class="solution" data-type="multiple">
<p><span class="sol short40" data-forms="integer, decimal" style="padding-right: 5px"><var>ANSWER</var></span> <var>BADGE</var> badges</p>
</div>
<div class="hints">
<p data-if="isSingular(VALUE_PER_IMG)">The key at the bottom of the pictograph shows that each full symbol represents <var>VALUE_PER_IMG</var> badge.</p><p data-else="">The key at the bottom of the pictograph shows that each full symbol represents <var>VALUE_PER_IMG</var> badges.</p>
<div>
<p>Find <var>person( PERSON + 1 )</var>'s row in the table:</p>
<div class="fake_row">
<span><var>person( PERSON + 1 )</var></span><span data-each="DATA[ PERSON ] times"><var>FULL_IMAGE</var>
</span><span data-if="HALF[ PERSON ]"><var>HALF_IMAGE</var>
</span><span data-else=""></span><span data-each="(7 - DATA[ PERSON ]) times">&nbsp;</span>
</div>
</div>
<p>
<span data-if="isSingular(DATA[PERSON])">There is <var>DATA[PERSON]</var> full symbol<span data-if="HALF[ PERSON ]"> and 1 half symbol</span>.</span><span data-else="">There are <var>DATA[PERSON]</var> full symbols<span data-if="HALF[ PERSON ]"> and 1 half symbol</span>.</span>
<span data-if="HALF[ PERSON ]">
<span data-if="isSingular(VALUE_PER_IMG)">The full symbols represent <var>VALUE_PER_IMG</var> badge.</span><span data-else="">The full symbols represent <var>VALUE_PER_IMG</var> badges.</span>
<span data-if="isSingular(VALUE_PER_IMG/2)">The half symbol must represent <var>VALUE_PER_IMG/2</var> badge.</span><span data-else="">The half symbol must represent <var>VALUE_PER_IMG/2</var> badges.</span>
</span>
</p>
<div>
<div>
<code><var>DATA[ PERSON ]</var></code> <var>plural_form(SYMBOL_PL, DATA[ PERSON ] )</var>
<code> \times </code>
<span data-if="isSingular(VALUE_PER_IMG)"><code><var>VALUE_PER_IMG</var></code> badge per symbol</span><span data-else=""><code><var>VALUE_PER_IMG</var></code> badges per symbol</span>
<span data-if="isSingular(DATA[ PERSON ] * VALUE_PER_IMG)"><code> = <var>DATA[ PERSON ] * VALUE_PER_IMG</var></code> badge.</span><span data-else=""><code> = <var>DATA[ PERSON ] * VALUE_PER_IMG</var></code> badges.</span>
<span data-if="HALF[ PERSON ]"><span data-if="isSingular(VALUE_PER_IMG / 2)" data-unwrap="">
<br><code>1</code> half symbol <code> \times <var>VALUE_PER_IMG/2</var></code> badge per half symbol <code> = <var>VALUE_PER_IMG / 2</var></code>
badge.
</span><span data-else="" data-unwrap="">
<br><code>1</code> half symbol <code> \times <var>VALUE_PER_IMG/2</var></code> badges per half symbol <code> = <var>VALUE_PER_IMG / 2</var></code>
badges.
</span></span>
</div>
</div>
<p data-if="isSingular(ANSWER)"><var>person( PERSON + 1 )</var> earned <code><var>ANSWER</var></code> <var>BADGE</var> badge.</p><p data-else=""><var>person( PERSON + 1 )</var> earned <code><var>ANSWER</var></code> <var>BADGE</var> badges.</p>
</div>
</div>
<div id="reverse">
<div class="vars">
<var id="PERSON">rand( 5 )</var>
<var id="VALUE">DATA[ PERSON ] * VALUE_PER_IMG + HALF[ PERSON ] * VALUE_PER_IMG / 2</var>
<var id="NUM_SYMBOLS">mixedFractionFromImproper( toFraction( VALUE / VALUE_PER_IMG, 0.001 )[0], toFraction( VALUE / VALUE_PER_IMG, 0.001 )[1] )</var>
<var id="POINTS_PER_BADGE">$._("%(point)s per badge", {point: plural_form(SYMBOL_PL, VALUE_PER_IMG )})</var>
</div>
<p class="question" id="stem"><span data-if="isSingular(VALUE)" data-unwrap="">Who earned <code><var>VALUE</var></code> <var>BADGE</var> badge?</span><span data-else="" data-unwrap="">Who earned <code><var>VALUE</var></code> <var>BADGE</var> badges?</span></p>
<div class="solution"><var>person( PERSON + 1 )</var></div>
<ul class="choices" data-category="true">
<li><var>person( 1 )</var></li>
<li><var>person( 2 )</var></li>
<li><var>person( 3 )</var></li>
<li><var>person( 4 )</var></li>
<li><var>person( 5 )</var></li>
</ul>
<div class="hints">
<p data-if="isSingular(VALUE_PER_IMG)">The key at the bottom of the pictograph shows that each full symbol represents <var>VALUE_PER_IMG</var> badge.</p><p data-else="">The key at the bottom of the pictograph shows that each full symbol represents <var>VALUE_PER_IMG</var> badges.</p>
<p data-if="isSingular(VALUE)">How many symbols are needed to represent <code><var>VALUE</var></code> badge?</p><p data-else="">How many symbols are needed to represent <code><var>VALUE</var></code> badges?</p>
<p>
<code>
\dfrac{<var>VALUE</var> \text{ <var>plural(BADGE_PL, VALUE )</var>}}{<var>VALUE_PER_IMG</var> \text{ <var>POINTS_PER_BADGE</var>}} =
<var>NUM_SYMBOLS</var> \text{ <var>plural_form(SYMBOL_PL, VALUE / VALUE_PER_IMG )</var>}
</code>
</p>
<div>
<p data-if="isMale(PERSON + 1)"><span data-if="isSingular(VALUE / VALUE_PER_IMG)" data-unwrap="">Who has <code><var>NUM_SYMBOLS</var></code> symbol next to his name?</span><span data-else="" data-unwrap="">Who has <code><var>NUM_SYMBOLS</var></code> symbols next to his name?</span></p><p data-else=""><span data-if="isSingular(VALUE / VALUE_PER_IMG)" data-unwrap="">Who has <code><var>NUM_SYMBOLS</var></code> symbol next to her name?</span><span data-else="" data-unwrap="">Who has <code><var>NUM_SYMBOLS</var></code> symbols next to her name?</span></p>
<div class="fake_row">
<span>???</span><span data-each="DATA[ PERSON ] times"><var>FULL_IMAGE</var>
</span><span data-if="HALF[ PERSON ]"><var>HALF_IMAGE</var>
</span><span data-else=""></span><span data-each="(7 - DATA[ PERSON ]) times">&nbsp;</span>
</div>
</div>
<p data-if="isMale(PERSON + 1)"><span data-if="isSingular(VALUE / VALUE_PER_IMG)" data-unwrap=""><var>person( PERSON + 1 )</var> has <code><var>NUM_SYMBOLS</var></code> symbol next to his name.</span><span data-else="" data-unwrap=""><var>person( PERSON + 1 )</var> has <code><var>NUM_SYMBOLS</var></code> symbols next to his name.</span></p><p data-else=""><span data-if="isSingular(VALUE / VALUE_PER_IMG)" data-unwrap=""><var>person( PERSON + 1 )</var> has <code><var>NUM_SYMBOLS</var></code> symbol next to her name.</span><span data-else="" data-unwrap=""><var>person( PERSON + 1 )</var> has <code><var>NUM_SYMBOLS</var></code> symbols next to her name.</span></p>
<p data-if="isSingular(VALUE)"><var>person( PERSON + 1 )</var> earned <code><var>VALUE</var></code> <var>BADGE</var> badge.</p><p data-else=""><var>person( PERSON + 1 )</var> earned <code><var>VALUE</var></code> <var>BADGE</var> badges.</p>
</div>
</div>
<div id="difference">
<div class="vars">
<div data-ensure="VAL1 &gt; VAL2">
<var id="PERSON1">rand( 5 )</var>
<var id="PERSON2">rand( 5 )</var>
<var id="VAL1">DATA[ PERSON1 ] * VALUE_PER_IMG + HALF[ PERSON1 ] * VALUE_PER_IMG / 2</var>
<var id="VAL2">DATA[ PERSON2 ] * VALUE_PER_IMG + HALF[ PERSON2 ] * VALUE_PER_IMG / 2</var>
</div>
<var id="SYMBOL_DIFF">( VAL1 - VAL2 ) / VALUE_PER_IMG</var>
<var id="PRETTY_SYM_DIFF">mixedFractionFromImproper( toFraction( SYMBOL_DIFF, 0.001 )[0], toFraction( SYMBOL_DIFF, 0.001 )[1] )</var>
</div>
<p class="question" id="stem">How many more <var>BADGE</var> badges did <var>person( PERSON1 + 1 )</var> earn than <var>person( PERSON2 + 1 )</var>?</p>
<div class="solution" data-type="multiple">
<p><span class="sol short40" data-forms="integer, decimal" style="padding-right: 5px"><var>VAL1 - VAL2</var></span> <var>BADGE</var> badges</p>
</div>
<div class="hints">
<p data-if="isSingular(VALUE_PER_IMG)">The key at the bottom of the pictograph shows that each full symbol represents <var>VALUE_PER_IMG</var> badge.</p><p data-else="">The key at the bottom of the pictograph shows that each full symbol represents <var>VALUE_PER_IMG</var> badges.</p>
<div>
<p>Find <var>person( PERSON1 + 1 )</var>'s and <var>person( PERSON2 + 1 )</var>'s rows in the table:</p>
<div class="fake_row">
<span><var>person( PERSON1 + 1 )</var></span><span data-each="DATA[ PERSON1 ] times"><var>FULL_IMAGE</var>
</span><span data-if="HALF[ PERSON1 ]"><var>HALF_IMAGE</var>
</span><span data-else=""></span><span data-each="(7 - DATA[ PERSON1 ]) times">&nbsp;</span>
</div>
<div class="fake_row">
<span><var>person( PERSON2 + 1 )</var></span><span data-each="DATA[ PERSON2 ] times"><var>FULL_IMAGE</var>
</span><span data-if="HALF[ PERSON2 ]"><var>HALF_IMAGE</var>
</span><span data-else=""></span><span data-each="(7 - DATA[ PERSON2 ]) times">&nbsp;</span>
</div>
</div>
<p data-if="isMale(PERSON1 + 1)"><span data-if="isSingular(SYMBOL_DIFF)" data-unwrap="">
<var>person( PERSON1 + 1 )</var> has <code><var>PRETTY_SYM_DIFF</var></code> more symbol next to his name than <var>person( PERSON2 + 1 )</var> does.
</span><span data-else="" data-unwrap="">
<var>person( PERSON1 + 1 )</var> has <code><var>PRETTY_SYM_DIFF</var></code> more symbols next to his name than <var>person( PERSON2 + 1 )</var> does.
</span></p><p data-else=""><span data-if="isSingular(SYMBOL_DIFF)" data-unwrap="">
<var>person( PERSON1 + 1 )</var> has <code><var>PRETTY_SYM_DIFF</var></code> more symbol next to her name than <var>person( PERSON2 + 1 )</var> does.
</span><span data-else="" data-unwrap="">
<var>person( PERSON1 + 1 )</var> has <code><var>PRETTY_SYM_DIFF</var></code> more symbols next to her name than <var>person( PERSON2 + 1 )</var> does.
</span></p>
<div>
<div>
<code><var>PRETTY_SYM_DIFF</var></code> <var>plural_form(SYMBOL_PL, SYMBOL_DIFF )</var>
<code> \times </code>
<span data-if="isSingular(VALUE_PER_IMG)"><code><var>VALUE_PER_IMG</var></code> badge per symbol</span><span data-else=""><code><var>VALUE_PER_IMG</var></code> badges per symbol</span>
<span data-if="isSingular(VAL1 - VAL2)"><code> = <var>VAL1 - VAL2</var></code> badge.</span><span data-else=""><code> = <var>VAL1 - VAL2</var></code> badges.</span>
</div>
</div>
<p data-if="isSingular(VAL1 - VAL2)"><var>person( PERSON1 + 1 )</var> earned <code><var>VAL1 - VAL2</var></code> more <var>BADGE</var> badge than <var>person( PERSON2 + 1 )</var>.</p><p data-else=""><var>person( PERSON1 + 1 )</var> earned <code><var>VAL1 - VAL2</var></code> more <var>BADGE</var> badges than <var>person( PERSON2 + 1 )</var>.</p>
</div>
</div>
<div id="total">
<div class="vars">
<var id="FULL_SYM">sum( DATA )</var>
<var id="HALF_SYM">sum( HALF )</var>
<var id="TOTAL">sum( DATA ) * VALUE_PER_IMG + sum( HALF ) * ( VALUE_PER_IMG / 2 )</var>
</div>
<p class="question" id="stem">How many <var>BADGE</var> badges were earned by everyone all together?</p>
<div class="solution" data-type="multiple">
<p><span class="sol short40" data-forms="integer, decimal" style="padding-right: 5px"><var>TOTAL</var></span> <var>BADGE</var> badges</p>
</div>
<div class="hints">
<p>Start by counting the total number of <var>BADGE</var> symbols.</p>
<p>There are <code><var>FULL_SYM</var></code> symbols<span data-if="HALF_SYM !== 0"> and <code><var>HALF_SYM</var></code> half symbols</span>.</p>
<p>
<span data-if="isSingular(VALUE_PER_IMG)">Each symbol represents <code><var>VALUE_PER_IMG</var></code> <var>BADGE</var> badge.</span><span data-else="">Each symbol represents <code><var>VALUE_PER_IMG</var></code> <var>BADGE</var> badges.</span>
<span data-if="HALF_SYM !== 0"><span data-if="isSingular(VALUE_PER_IMG / 2)" data-unwrap="">Each half symbol represents <code><var>VALUE_PER_IMG / 2</var></code> <var>BADGE</var> badge.</span><span data-else="" data-unwrap="">Each half symbol represents <code><var>VALUE_PER_IMG / 2</var></code> <var>BADGE</var> badges.</span></span>
</p>
<div>
<div>
<code><var>FULL_SYM</var></code> <var>plural_form(SYMBOL_PL, FULL_SYM )</var>
<code> \times </code>
<span data-if="isSingular(VALUE_PER_IMG)"><code><var>VALUE_PER_IMG</var></code> badge per symbol</span><span data-else=""><code><var>VALUE_PER_IMG</var></code> badges per symbol</span>
<span data-if="isSingular(FULL_SYM * VALUE_PER_IMG)"><code> = <var>FULL_SYM * VALUE_PER_IMG</var></code> badge.</span><span data-else=""><code> = <var>FULL_SYM * VALUE_PER_IMG</var></code> badges.</span>
<span data-if="HALF_SYM">
<br><span data-if="isSingular(HALF_SYM)"><code><var>HALF_SYM</var></code> half symbol</span><span data-else=""><code><var>HALF_SYM</var></code> half symbols</span>
<span data-if="isSingular(VALUE_PER_IMG / 2)"><code> \times <var>VALUE_PER_IMG/2</var></code> badge per half symbol</span><span data-else=""><code> \times <var>VALUE_PER_IMG/2</var></code> badges per half symbol</span>
<span data-if="isSingular(HALF_SYM * VALUE_PER_IMG / 2)"><code> = <var>HALF_SYM * VALUE_PER_IMG / 2</var></code>
badge.</span><span data-else=""><code> = <var>HALF_SYM * VALUE_PER_IMG / 2</var></code>
badges.</span>
</span>
</div>
</div>
<p data-if="isSingular(TOTAL)">All together, everyone earned <code><var>TOTAL</var></code> <var>BADGE</var> badge.</p><p data-else="">All together, everyone earned <code><var>TOTAL</var></code> <var>BADGE</var> badges.</p>
</div>
</div>
</div>
</div>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.