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: "2",
$color: "3",
image: "Identify whether a given number is odd or even."
},
id: "1.1a",
name: "1.1a"
}, {
children: [],
data: {
$area: "4",
$color: "1",
image: "Identify the fractional part of a drawing or a set (restricted to halves, thirds, fourths)."
},
id: "1.1b",
name: "1.1b"
}, {
children: [],
data: {
$area: "6",
$color: "2.83",
image: "Using concrete materials or pictures identify different combinations of coins up to $0.99."
},
id: "1.1c",
name: "1.1c"
}, {
children: [],
data: {
$area: "2",
$color: "1.5",
image: "Read, write, and order numerals 0-9,999."
},
id: "1.2a",
name: "1.2a"
}, {
children: [],
data: {
$area: "5",
$color: "2.2",
image: "Read the number words for selected numbers from zero to nine thousand, nine hundred ninety-nine."
},
id: "1.2b",
name: "1.2b"
}, {
children: [],
data: {
$area: "4",
$color: "2.25",
image: "Generate equivalent representations for the same number up to a 4 digit number (for example; 25=20+5 or 10+15 or 2 tens and 5 ones)."
},
id: "1.2d",
name: "1.2d"
}, {
children: [],
data: {
$area: "1",
$color: "3",
image: "Compare whole numbers as greater than, less than, or equal to one another using words or symbols."
},
id: "1.2e",
name: "1.2e"
}, {
children: [],
data: {
$area: "4",
$color: "3",
image: "Locate, label, or count forward from any even number by 2’s and from any number by 10’s and 100’s up to 999."
},
id: "1.3a",
name: "1.3a"
}, {
children: [],
data: {
$area: "2",
$color: "3.5",
image: "Locate and label 1/2s between whole numbers on the number line."
},
id: "1.3b",
name: "1.3b"
}, {
children: [],
data: {
$area: "2",
$color: "2",
image: "Use the multiplication properties of zero and one with whole numbers."
},
id: "1.4a",
name: "1.4a"
}, {
children: [],
data: {
$area: "2",
$color: "2",
image: "Solve addition and subtraction problems using commutative and associative properties (for example, 2+3+6=6+3+2; the words commutative and associative will not be used in test items)."
},
id: "1.4b",
name: "1.4b"
}, {
children: [],
data: {
$area: "4",
$color: "3.5",
image: "Use estimation strategies to determine the reasonableness of solutions to problems."
},
id: "1.5a",
name: "1.5a"
}],
data: {
$area: 38,
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.47
19.19% of CSAP"
}, {
children: [{
children: [],
data: {
$area: "6",
$color: "1.67",
image: "Reproduce, extend, and create patterns, using pictures or geometric shapes."
},
id: "2.1a",
name: "2.1a"
}, {
children: [],
data: {
$area: "7",
$color: "1.57",
image: "Use a pattern to find missing elements (for example, multiples of 2, 3, 4, 5, 10)."
},
id: "2.1b",
name: "2.1b"
}, {
children: [],
data: {
$area: "4",
$color: "3.25",
image: "Identify a rule using addition or subtraction patterns and solve a new problem using the rule."
},
id: "2.3a",
name: "2.3a"
}, {
children: [],
data: {
$area: "7",
$color: "2.29",
image: "Given numbers in a table, extend the table."
},
id: "2.3b",
name: "2.3b"
}, {
children: [],
data: {
$area: "4",
$color: "2.75",
image: "Using whole numbers, determine how the change in one quantity affects the change in the other by addition or subtraction (for example, one bicycle has 2 wheels, 2 bicycles have 4 wheels, and 3 bicycles have 6 wheels. How many wheels do 4 bicycles have?"
},
id: "2.4a",
name: "2.4a"
}],
data: {
$area: 28,
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.18
14.14% of CSAP"
}, {
children: [{
children: [],
data: {
$area: "2",
$color: "3.5",
image: "Organize and display data using tallies, bar graphs, pictographs, or tables."
},
id: "3.1a",
name: "3.1a"
}, {
children: [],
data: {
$area: "1",
$color: "4",
image: "Determine the mode from a given a set of numbers, the mode is the number that occurs most often."
},
id: "3.2a",
name: "3.2a"
}, {
children: [],
data: {
$area: "9",
$color: "2.22",
image: "Use various displays of data, interpret and draw conclusions."
},
id: "3.2b",
name: "3.2b"
}, {
children: [],
data: {
$area: "4",
$color: "2.25",
image: "Determine which outcomes are the most likely, least likely, or equally likely when using a chance device (for example, a spinner)."
},
id: "3.3a",
name: "3.3a"
}, {
children: [],
data: {
$area: "8",
$color: "3.38",
image: "Given pictures, determine all the possible combinations of matching a set containing two elements with a set containing three elements."
},
id: "3.4a",
name: "3.4a"
}],
data: {
$area: 24,
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.79
12.12% of CSAP"
}, {
children: [{
children: [],
data: {
$area: "2",
$color: "1",
image: "Identify figures which are congruent."
},
id: "4.1a",
name: "4.1a"
}, {
children: [],
data: {
$area: "10",
$color: "2.5",
image: "Identify a line of symmetry for regular polygons and other familiar objects."
},
id: "4.1b",
name: "4.1b"
}, {
children: [],
data: {
$area: "2",
$color: "2.5",
image: "Create a figure with at least one line of symmetry."
},
id: "4.1c",
name: "4.1c"
}, {
children: [],
data: {
$area: "7",
$color: "2.86",
image: "Identify the characteristics of two-dimensional figures (for example, number of sides or vertices, contains a right angle, contains parallel sides)."
},
id: "4.2a",
name: "4.2a"
}, {
children: [],
data: {
$area: "2",
$color: "3.5",
image: "Identify points, lines, and line segments."
},
id: "4.2b",
name: "4.2b"
}, {
children: [],
data: {
$area: "4",
$color: "1.75",
image: "Identify three dimensional figures (for example, cubes, spheres, cylinders, cones and pyramids)."
},
id: "4.2c",
name: "4.2c"
}, {
children: [],
data: {
$area: "3",
$color: "3.67",
image: "Identify right angles."
},
id: "4.2d",
name: "4.2d"
}, {
children: [],
data: {
$area: "2",
$color: "2.5",
image: "Create and identify the results of combining or subdividing given geometric shapes (for example, pattern blocks, tangrams)."
},
id: "4.2e",
name: "4.2e"
}, {
children: [],
data: {
$area: "6",
$color: "2.17",
image: "Find the perimeter of a polygon."
},
id: "4.3a",
name: "4.3a"
}],
data: {
$area: 38,
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.5
19.19% of CSAP"
}, {
children: [{
children: [],
data: {
$area: "3",
$color: "2",
image: "Use an analog and digital clock, tell time to the nearest 5 minutes."
},
id: "5.1a",
name: "5.1a"
}, {
children: [],
data: {
$area: "4",
$color: "2",
image: "Read and interpret pictorial representations of measurements of length, weight, temperature, and capacity."
},
id: "5.1b",
name: "5.1b"
}, {
children: [],
data: {
$area: "6",
$color: "1.33",
image: "Choose the appropriate tool to measure familiar objects/situations containing length, weight, temperature or time."
},
id: "5.1c",
name: "5.1c"
}, {
children: [],
data: {
$area: "5",
$color: "2.6",
image: "Compare objects according to the measurable attributes of length, capacity, weight, or temperature."
},
id: "5.2a",
name: "5.2a"
}, {
children: [],
data: {
$area: "12",
$color: "2.33",
image: "Measure the length of objects including the sides of rectangles and squares to the nearest inch and centimeter."
},
id: "5.3a",
name: "5.3a"
}],
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.1
15.15% of CSAP"
}, {
children: [{
children: [],
data: {
$area: "9",
$color: "2.78",
image: "Using pictures, diagrams, numbers or words, demonstrate addition and subtraction of whole numbers with 2-digit numbers."
},
id: "6.1a",
name: "6.1a"
}, {
children: [],
data: {
$area: "4",
$color: "2",
image: "Using pictures, demonstrate addition and subtraction of proper fractions with common denominators of four or less."
},
id: "6.2a",
name: "6.2a"
}, {
children: [],
data: {
$area: "7",
$color: "3",
image: "Using money notation, add and subtract commonly used decimals in which sums and differences should not exceed $10.00."
},
id: "6.2b",
name: "6.2b"
}, {
children: [],
data: {
$area: "4",
$color: "1.5",
image: "Demonstrate understanding of basic multiplication facts of 1’s, 2’s, 3’s, 5’s, 10’s."
},
id: "6.3a",
name: "6.3a"
}, {
children: [],
data: {
$area: "2",
$color: "3",
image: "Use estimation strategies with whole numbers prior to performing the operations of addition and subtraction (for example, front-end estimation, estimation by rounding, friendly numbers, flexible rounding, clustering)."
},
id: "6.4a",
name: "6.4a"
}, {
children: [],
data: {
$area: "8",
$color: "2.5",
image: "Demonstrate three basic operations of whole numbers (for example, addition and subtraction of three digits, and multiplication of multiples of ten by 1, 2, 3, 5)."
},
id: "6.4b",
name: "6.4b"
}, {
children: [],
data: {
$area: "6",
$color: "2.67",
image: "Given a real world problem-solving situation, sue addition, subtraction, or multiplication to solve the problem."
},
id: "6.5a",
name: "6.5a"
}],
data: {
$area: 40,
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.55
20.20% of CSAP"
}],
data: {
$area: 198
},
id: "3rd Grade Math Item Map Totals (2005-2008)",
name: "3rd 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 = "