var Log = {
elem: false,
write: function(text){
if (!this.elem)
this.elem = document.getElementById('log');
this.elem.innerHTML = text;
this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px';
}
};
function addEvent(obj, type, fn) {
if (obj.addEventListener) obj.addEventListener(type, fn, false);
else obj.attachEvent('on' + type, fn);
};
function init(){
//init data
var json = {
children: [{
children: [{
children: [],
data: {
$area: "12",
$color: "2.17",
image: "Using concrete materials and visual representations, compare, order, and represent decimal fractions with like and unlike denominators such as: halves, fourths, and tenths (for example, may use base-ten blocks, pictures, fraction strips, fraction circles)."
},
id: "1.1a",
name: "1.1a"
}, {
children: [],
data: {
$area: "3",
$color: "2",
image: "Recognize different combinations of currency and coins for a set amount up to $10.00."
},
id: "1.1b",
name: "1.1b"
}, {
children: [],
data: {
$area: "12",
$color: "1.75",
image: "Read, write, and order numerals and number words from 0-99,999."
},
id: "1.2a",
name: "1.2a"
}, {
children: [],
data: {
$area: "3",
$color: "2.67",
image: "Identify place value through 99,9999."
},
id: "1.2b",
name: "1.2b"
}, {
children: [],
data: {
$area: "4",
$color: "2",
image: "Generate equivalent representations for whole numbers up to 99,9999 (for example; 87459 = 7,000 + 400 + 50 + 9 or 36 = 30 + 6 or 2 tens +16 ones)."
},
id: "1.2c",
name: "1.2c"
}, {
children: [],
data: {
$area: "3",
$color: "3.33",
image: "Using a number line, a hundreds chart or other number chart, locate, label, or count from any number by 2s, 3s, 5s, 10s, or 100s."
},
id: "1.3a",
name: "1.3a"
}, {
children: [],
data: {
$area: "6",
$color: "2.67",
image: "Locate and label halves, multiples of fourths, and thirds, between whole numbers on a number line."
},
id: "1.3b",
name: "1.3b"
}, {
children: [],
data: {
$area: "1",
$color: "4",
image: "Show division of whole numbers is not commutative (1-digit into 2-digits)."
},
id: "1.4a",
name: "1.4a"
}, {
children: [],
data: {
$area: "2",
$color: "1",
image: "Use number properties with any of the four basic operations (commutative, associative, properties of zero and one)."
},
id: "1.4b",
name: "1.4b"
}, {
children: [],
data: {
$area: "20",
$color: "3.5",
image: "Use estimation strategies to determine the reasonableness of solutions involving the four basic operations."
},
id: "1.5a",
name: "1.5a"
}, {
children: [],
data: {
$area: "11",
$color: "3.09",
image: "Use estimation to round to the nearest dollar in context and determine reasonableness."
},
id: "1.5b",
name: "1.5b"
}],
data: {
$area: 77,
image: "Students develop number sense and use numbers and number relationships in problem-solving situations and communicate the reasoning used in solving these problems."
},
id: "Standard 1 - Number Sense",
name: "Standard 1 - Number Sense
Average Difficulty: 2.66
20.16% of CSAP"
}, {
children: [{
children: [],
data: {
$area: "27",
$color: "2.33",
image: "Reproduce, extend, and create patterns, using pictures, geometric shapes or numbers."
},
id: "2.1a",
name: "2.1a"
}, {
children: [],
data: {
$area: "9",
$color: "1.67",
image: "Determine the missing element in a pattern using pictures, geometric shapes, or numbers."
},
id: "2.1b",
name: "2.1b"
}, {
children: [],
data: {
$area: "3",
$color: "3",
image: "Display numbers in tables or graphs, to show patterns."
},
id: "2.2a",
name: "2.2a"
}, {
children: [],
data: {
$area: "1",
$color: "3",
image: "Describe patterns given in tables and graphs."
},
id: "2.2b",
name: "2.2b"
}, {
children: [],
data: {
$area: "11",
$color: "2.36",
image: "Identify a rule using addition, subtraction, or multiplication and solve a problem using the rule (for example, function boxes, input/output boxes, T charts)."
},
id: "2.3a",
name: "2.3a"
}, {
children: [],
data: {
$area: "8",
$color: "2",
image: "Using whole numbers, determine how the change in one quantity affects the change in the other by addition, subtraction, or multiplication (for example, Maria is making ladybugs. For 1 ladybug she needs 6 black dots, for 2 ladybugs she needs 12 dots. How many black dots will she need for 4 ladybugs?)"
},
id: "2.4a",
name: "2.4a"
}],
data: {
$area: 59,
image: "Students use algebraic methods to explore, model, and describe patterns and functions involving numbers, shapes, data, and graphs in problem-solving situations and communicate the reasoning used in solving these problems."
},
id: "Standard 2 - Algebra",
name: "Standard 2 - Algebra
Average Difficulty: 2.24
15.45% of CSAP"
}, {
children: [{
children: [],
data: {
$area: "16",
$color: "2.63",
image: "Organize, construct, read and interpret a table, line plot, bar graph and/or pictograph from given data."
},
id: "3.1a",
name: "3.1a"
}, {
children: [],
data: {
$area: "4",
$color: "2.5",
image: "Draw conclusions from a given data display."
},
id: "3.2a",
name: "3.2a"
}, {
children: [],
data: {
$area: "12",
$color: "2.92",
image: "Find the median, mode, the smallest and the largest element in a set of data."
},
id: "3.2b",
name: "3.2b"
}, {
children: [],
data: {
$area: "7",
$color: "2.14",
image: "Predict the outcomes of flipping a coin, spinning a spinner with four congruent sectors and/or a number cube."
},
id: "3.3a",
name: "3.3a"
}, {
children: [],
data: {
$area: "12",
$color: "2.33",
image: "Determine and support which outcomes are most likely, least likely or equally likely when using a chance device."
},
id: "3.3b",
name: "3.3b"
}, {
children: [],
data: {
$area: "5",
$color: "3.4",
image: "Given pictures, describe all possible combinations of matching the elements of two sets."
},
id: "3.4a",
name: "3.4a"
}],
data: {
$area: 56,
image: "Students use data collection and analysis, statistics, and probability in problem-solving situations and communicate the reasoning used in solving these problems."
},
id: "Standard 3 - Data Analysis and Probability",
name: "Standard 3 - Data Analysis and Probability
Average Difficulty: 2.63
14.66% of CSAP"
}, {
children: [{
children: [],
data: {
$area: "11",
$color: "1.91",
image: "Identify and give examples of congruency."
},
id: "4.1a",
name: "4.1a"
}, {
children: [],
data: {
$area: "7",
$color: "1.71",
image: "Identify one line of symmetry for a given shape."
},
id: "4.1b",
name: "4.1b"
}, {
children: [],
data: {
$area: "14",
$color: "2.86",
image: "Identify, classify, and compare 2-dimensional shapes and use vocabulary to describe the attributes (for example, number of sides, vertices, angles, parallel sides)."
},
id: "4.2a",
name: "4.2a"
}, {
children: [],
data: {
$area: "5",
$color: "2.4",
image: "Identify parallel, and intersecting lines and right angles."
},
id: "4.2b",
name: "4.2b"
}, {
children: [],
data: {
$area: "9",
$color: "2.44",
image: "Identify 2- and 3-dimensional figures; such as, trapezoids, parallelograms, rhombuses and other polygons."
},
id: "4.2c",
name: "4.2c"
}, {
children: [],
data: {
$area: "1",
$color: "3",
image: "Recognize common attributes of squares and rectangles."
},
id: "4.2d",
name: "4.2d"
}, {
children: [],
data: {
$area: "22",
$color: "2.86",
image: "Solve for perimeter and area of rectangles and squares using a drawing on a grid."
},
id: "4.3a",
name: "4.3a"
}, {
children: [],
data: {
$area: "7",
$color: "2",
image: "Locate objects on a coordinate grid (1st quadrant only) and label ordered pairs."
},
id: "4.4a",
name: "4.4a"
}],
data: {
$area: 76,
image: "Students use geometric concepts, properties, and relationships in problem-solving situations and communicate the reasoning used in solving these problems."
},
id: "Standard 4 - Geometry",
name: "Standard 4 - Geometry
Average Difficulty: 2.46
19.90% of CSAP"
}, {
children: [{
children: [],
data: {
$area: "5",
$color: "1",
image: "Tell time in hours and minutes, including a.m. and p.m. using both analog and digital displays."
},
id: "5.1a",
name: "5.1a"
}, {
children: [],
data: {
$area: "3",
$color: "1",
image: "Choose the appropriate tool to measure familiar objects in situations that contain length, weight, capacity, time and temperature."
},
id: "5.1b",
name: "5.1b"
}, {
children: [],
data: {
$area: "8",
$color: "2.13",
image: "Compare objects according to measurable attributes of length, area, volume, capacity, weight, and/or temperature in US customary and/or metric units."
},
id: "5.2a",
name: "5.2a"
}, {
children: [],
data: {
$area: "5",
$color: "3",
image: "Measure and determine perimeter of polygons to the nearest half inch or centimeter."
},
id: "5.3a",
name: "5.3a"
}, {
children: [],
data: {
$area: "10",
$color: "2.5",
image: "Determine the areas of squares and rectangles on a grid."
},
id: "5.3b",
name: "5.3b"
}, {
children: [],
data: {
$area: "3",
$color: "3.67",
image: "Relate units of measurement of length, area, volume, capacity, weight, and/or temperature in US customary and/or metric units to every day objects or situations (for example, yard to a stride, liter to a quart)."
},
id: "5.4a",
name: "5.4a"
}, {
children: [],
data: {
$area: "6",
$color: "1.67",
image: "Choose appropriate units of measure for length, area, volume, capacity, weight, temperature, and/or time to solve problems."
},
id: "5.5a",
name: "5.5a"
}],
data: {
$area: 40,
image: "Students use a variety of tools and techniques to measure, apply the results in problem-solving situations, and communicate the reasoning used in solving these problems."
},
id: "Standard 5 - Measurement",
name: "Standard 5 - Measurement
Average Difficulty: 2.15
10.47% of CSAP"
}, {
children: [{
children: [],
data: {
$area: "19",
$color: "2.42",
image: "Demonstrate the conceptual meaning (using pictures, words, diagrams, or numbers) of addition, subtraction, multiplication, and division of whole numbers."
},
id: "6.1a",
name: "6.1a"
}, {
children: [],
data: {
$area: "4",
$color: "2",
image: "Using pictures, demonstrate addition and subtraction of commonly used fractions with the same denominators where sums/differences are equal or less than a whole (1/2, 1/3, 1/4, 1/8, 1/10)."
},
id: "6.2a",
name: "6.2a"
}, {
children: [],
data: {
$area: "4",
$color: "2.5",
image: "Using money notation, add and subtract decimals in which sums and differences should not exceed $100.00."
},
id: "6.2b",
name: "6.2b"
}, {
children: [],
data: {
$area: "6",
$color: "2.5",
image: "Demonstrate understanding of basic multiplication and division facts."
},
id: "6.3a",
name: "6.3a"
}, {
children: [],
data: {
$area: "1",
$color: "1",
image: "Continue to demonstrate proficiency of basic addition and subtraction facts."
},
id: "6.3b",
name: "6.3b"
}, {
children: [],
data: {
$area: "26",
$color: "2.04",
image: "Using paper and pencil, demonstrate the four basic operations of whole numbers including: addition; subtraction; multiplication of 2 or 3-digit numbers by a 1-digit number; division of 2-digit number by a 1-digit divisor."
},
id: "6.4b",
name: "6.4b"
}, {
children: [],
data: {
$area: "14",
$color: "2.71",
image: "Given a real-world problem solving situation, use an appropriate operation (any four basic math operation) and an appropriate method (paper-pencil, mental math, estimation, calculator, computer) to solve the problem."
},
id: "6.5a",
name: "6.5a"
}],
data: {
$area: 74,
image: "Students link concepts and procedures as they develop and use computational techniques, including estimation, mental arithmetic, paper-and-pencil, calculators, and computers, in problem-solving situations and communicate the reasoning used in solving these problems."
},
id: "Standard 6 - Problem Solving",
name: "Standard 6 - Problem Solving
Average Difficulty: 2.31
19.37% of CSAP"
}],
data: {
$area: 382
},
id: "4th Grade Math Item Map Totals (2005-2008)",
name: "4th Grade Math Item Map Totals (2005-2008)
Average Difficulty: 2.43"
};
//end
var infovis = document.getElementById('infovis');
var w = infovis.offsetWidth, h = infovis.offsetHeight;
infovis.style.width = w + 'px';
infovis.style.height = h + 'px';
//init tm
var tm = new TM.Squarified({
//Where to inject the treemap.
rootId: 'infovis',
//Add click handlers for
//zooming the Treemap in and out
addLeftClickHandler: true,
addRightClickHandler: true,
//When hovering a node highlight the nodes
//between the root node and the hovered node. This
//is done by adding the 'in-path' CSS class to each node.
selectPathOnHover: true,
Color: {
//Allow coloring
allow: true,
//Set min value and max value constraints
//for the *$color* property value.
//Default's to -100 and 100.
minValue: 2,
maxValue: 4,
//Set color range. Default's to reddish and greenish.
//It takes an array of three
//integers as R, G and B values.
minColorValue: [0, 0, 0],
maxColorValue: [0, 255, 0]
},
//Allow tips
Tips: {
allow: true,
//add positioning offsets
offsetX: 20,
offsetY: 20,
//implement the onShow method to
//add content to the tooltip when a node
//is hovered
onShow: function(tip, node, isLeaf, domElement) {
tip.innerHTML = "