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: "8",
$color: "2.5",
image: "Compare and order sets of real numbers."
},
id: "1.1a",
name: "1.1a"
}, {
children: [],
data: {
$area: "14",
$color: "2.57",
image: "Recognize and use equivalent representations of real numbers in a variety of forms including scientific notation, radicals, and other irrational numbers such as p."
},
id: "1.1b",
name: "1.1b"
}, {
children: [],
data: {
$area: "8",
$color: "2.88",
image: "Use very large and very small numbers in real life situations to solve problems (for example, understanding the size of the national debt)."
},
id: "1.1c",
name: "1.1c"
}, {
children: [],
data: {
$area: "3",
$color: "3",
image: "Develop and test conjectures about the properties of the real number system and common subsets of the real number system (for example, counting numbers, integers*, rationals)."
},
id: "1.2a",
name: "1.2a"
}, {
children: [],
data: {
$area: "3",
$color: "4",
image: "Verify and apply the properties of the operation “to the power of”."
},
id: "1.2b",
name: "1.2b"
}, {
children: [],
data: {
$area: "25",
$color: "2.88",
image: "Use number sense to estimate and justify the reasonableness of solutions to problems involving real numbers."
},
id: "1.3a",
name: "1.3a"
}],
data: {
$area: 61,
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.82
10.08% of CSAP"
}, {
children: [{
children: [],
data: {
$area: "17",
$color: "2.59",
image: "Model* real world phenomena involving linear, quadratic and exponential relationships using multiple representations of rules that can take the form of a recursive process, a function, an equation, or an inequality."
},
id: "2.1a",
name: "2.1a"
}, {
children: [],
data: {
$area: "25",
$color: "2.64",
image: "Represent functional relationships using written explanations, tables, equations, and graphs, and describe the connections among these representations."
},
id: "2.2a",
name: "2.2a"
}, {
children: [],
data: {
$area: "21",
$color: "2.48",
image: "Convert from one functional representation to another."
},
id: "2.2b",
name: "2.2b"
}, {
children: [],
data: {
$area: "17",
$color: "1.82",
image: "Interpret a graphical representation of a real-world situation."
},
id: "2.2c",
name: "2.2c"
}, {
children: [],
data: {
$area: "22",
$color: "2.64",
image: "Solve problems involving functions and relations using calculators, graphs, tables, and algebraic methods*."
},
id: "2.3a",
name: "2.3a"
}, {
children: [],
data: {
$area: "21",
$color: "2.86",
image: "Solve simple systems of equations using algebraic, graphical or numeric methods."
},
id: "2.3b",
name: "2.3b"
}, {
children: [],
data: {
$area: "14",
$color: "2.93",
image: "Solve equations with more than one variable* for a given variable (for example, solve for p in 1= prt or for r in C=2pr)."
},
id: "2.3c",
name: "2.3c"
}, {
children: [],
data: {
$area: "5",
$color: "2.4",
image: "Identify and interpret x and y intercepts in the context of a problem."
},
id: "2.4a",
name: "2.4a"
}, {
children: [],
data: {
$area: "2",
$color: "4",
image: "Using a graph, identify the maximum and minimum value within a given domain."
},
id: "2.4b",
name: "2.4b"
}, {
children: [],
data: {
$area: "15",
$color: "3.2",
image: "Demonstrate horizontal and vertical translations on graphs of functions and their meanings in the context of a problem."
},
id: "2.4c",
name: "2.4c"
}, {
children: [],
data: {
$area: "1",
$color: "3",
image: "Recognize when a relation is a function."
},
id: "2.4d",
name: "2.4d"
}, {
children: [],
data: {
$area: "13",
$color: "3.31",
image: "Graph solutions to equations and inequalities in one-and two-dimensions."
},
id: "2.5a",
name: "2.5a"
}, {
children: [],
data: {
$area: "6",
$color: "2.83",
image: "Express the perimeter, area and volume* relationships of geometric figures algebraically."
},
id: "2.5b",
name: "2.5b"
}, {
children: [],
data: {
$area: "2",
$color: "2.5",
image: "Describe geometric relationships algebraically."
},
id: "2.5c",
name: "2.5c"
}],
data: {
$area: 181,
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.7
29.92% of CSAP"
}, {
children: [{
children: [],
data: {
$area: "11",
$color: "2.27",
image: "Identify factors which may have affected the outcome of a survey (for example, biased questions or collection methods)."
},
id: "3.1a",
name: "3.1a"
}, {
children: [],
data: {
$area: "5",
$color: "2.2",
image: "Draw conclusions about a large population based upon a properly chosen random sample."
},
id: "3.1b",
name: "3.1b"
}, {
children: [],
data: {
$area: "1",
$color: "3",
image: "Select and use an appropriate display to represent and describe a set of data (for example, scatter plot*, line graph and histogram)."
},
id: "3.1c",
name: "3.1c"
}, {
children: [],
data: {
$area: "6",
$color: "3.17",
image: "Check a graph, table or summary for misleading characteristics."
},
id: "3.2a",
name: "3.2a"
}, {
children: [],
data: {
$area: "7",
$color: "2.71",
image: "Describe how data can be interpreted in more than one way or be used to support more than one position in a debate."
},
id: "3.2c",
name: "3.2c"
}, {
children: [],
data: {
$area: "12",
$color: "3",
image: "Graph data sets, create a scatter plot, and identify the control (independent) variable and dependent variable."
},
id: "3.3a",
name: "3.3a"
}, {
children: [],
data: {
$area: "5",
$color: "2.6",
image: "Determine a line of best fit from a scatter plot using visual techniques."
},
id: "3.3b",
name: "3.3b"
}, {
children: [],
data: {
$area: "16",
$color: "2.75",
image: "Predict values using a line of best fit."
},
id: "3.3c",
name: "3.3c"
}, {
children: [],
data: {
$area: "3",
$color: "2",
image: "Recognize which model, linear or nonlinear, fits the data most appropriately."
},
id: "3.3e",
name: "3.3e"
}, {
children: [],
data: {
$area: "15",
$color: "2.93",
image: "Differentiate between mean, median, and mode and demonstrate the appropriate use of each."
},
id: "3.4a",
name: "3.4a"
}, {
children: [],
data: {
$area: "4",
$color: "1",
image: "Recognize and classify various types of distributions (for example, bimodal, skewed, uniform, binomial, normal)."
},
id: "3.4b",
name: "3.4b"
}, {
children: [],
data: {
$area: "2",
$color: "4",
image: "Use the mean and standard deviation to determine relative positions of data points in a normal distribution of authentic data."
},
id: "3.4c",
name: "3.4c"
}, {
children: [],
data: {
$area: "5",
$color: "3.8",
image: "Demonstrate how outliers might affect various representations of data and measures of central tendency."
},
id: "3.4d",
name: "3.4d"
}, {
children: [],
data: {
$area: "30",
$color: "2.9",
image: "Determine the probability of an identified event using the sample space."
},
id: "3.5a",
name: "3.5a"
}, {
children: [],
data: {
$area: "2",
$color: "3",
image: "Distinguish between experimental and theoretical probability and use each appropriately."
},
id: "3.5b",
name: "3.5b"
}, {
children: [],
data: {
$area: "2",
$color: "4",
image: "Differentiate between independent and dependent events to calculate the probability in real-world situations."
},
id: "3.5c",
name: "3.5c"
}, {
children: [],
data: {
$area: "9",
$color: "3.56",
image: "Calculate the probability of event A and B occurring and the probability event A or B occurring."
},
id: "3.5d",
name: "3.5d"
}, {
children: [],
data: {
$area: "1",
$color: "4",
image: "Use area models to determine probability (for example, the probability of hitting the bull’s eye region in a target)."
},
id: "3.5e",
name: "3.5e"
}, {
children: [],
data: {
$area: "17",
$color: "3.18",
image: "Apply organized counting techniques to determine combinations and permutations in problem solving situations."
},
id: "3.6a",
name: "3.6a"
}],
data: {
$area: 153,
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.89
25.29% of CSAP"
}, {
children: [{
children: [],
data: {
$area: "10",
$color: "2.2",
image: "Describe and apply the properties of similar and congruent* figures."
},
id: "4.1a",
name: "4.1a"
}, {
children: [],
data: {
$area: "4",
$color: "2.5",
image: "Use coordinate geometry* and/or tessellations to solve problems."
},
id: "4.1c",
name: "4.1c"
}, {
children: [],
data: {
$area: "20",
$color: "3.7",
image: "Use the Pythagorean theorem and its converse to solve real-world problems."
},
id: "4.2a",
name: "4.2a"
}, {
children: [],
data: {
$area: "23",
$color: "3.26",
image: "Use properties of polygons to find areas of regular and irregular figures."
},
id: "4.2b",
name: "4.2b"
}, {
children: [],
data: {
$area: "9",
$color: "3.33",
image: "Use properties of geometric solids to find volumes and surface areas of regular and irregular geometric solids."
},
id: "4.2c",
name: "4.2c"
}, {
children: [],
data: {
$area: "14",
$color: "3.57",
image: "Make and test conjectures about geometric shapes and their properties to include parallelism and perpendicularity, numerical relationships on a triangle, relationships between triangles, and properties of quadrilaterals and regular polygons."
},
id: "4.3a",
name: "4.3a"
}, {
children: [],
data: {
$area: "17",
$color: "3.71",
image: "Apply geometric relationships such as parallelism and perpendicularity, numerical relationships on a triangle, relationships between triangles, and properties of quadrilaterals and regular polygons to solve problems."
},
id: "4.3b",
name: "4.3b"
}, {
children: [],
data: {
$area: "3",
$color: "3.67",
image: "Use right triangle trigonometry* to solve real-world problems."
},
id: "4.4a",
name: "4.4a"
}],
data: {
$area: 100,
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: 3.35
16.53% of CSAP"
}, {
children: [{
children: [],
data: {
$area: "10",
$color: "3.7",
image: "Use appropriate measurements to solve problems indirectly (for example, find the height of a flagpole using similar triangles."
},
id: "5.1a",
name: "5.1a"
}, {
children: [],
data: {
$area: "17",
$color: "3.24",
image: "Use measurement to solve real-world problems involving rate of change (for example, distance traveled using rate and time)."
},
id: "5.1b",
name: "5.1b"
}, {
children: [],
data: {
$area: "12",
$color: "3.25",
image: "Given the rate of change, model real-world problems algebraically or graphically."
},
id: "5.1c",
name: "5.1c"
}, {
children: [],
data: {
$area: "10",
$color: "3.5",
image: "Describe how changing the measure of one attribute of a geometric figure affects the other measurements."
},
id: "5.1d",
name: "5.1d"
}, {
children: [],
data: {
$area: "3",
$color: "4",
image: "Select and use appropriate tools and techniques to measure quantities in order to achieve specified degrees of precision, accuracy, and error of measurements."
},
id: "5.2a",
name: "5.2a"
}, {
children: [],
data: {
$area: "4",
$color: "3",
image: "Given commonly used multi-dimensional figures, determine what units and measurements need to be taken."
},
id: "5.2b",
name: "5.2b"
}],
data: {
$area: 56,
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: 3.39
9.26% of CSAP"
}, {
children: [{
children: [],
data: {
$area: "24",
$color: "3.21",
image: "Use ratios, proportions, and percents in problem solving situations that involve rational numbers*."
},
id: "6.1a",
name: "6.1a"
}, {
children: [],
data: {
$area: "14",
$color: "3.21",
image: "Convert from one set of units to another using proportions (for example, feet/minute to miles/hour)."
},
id: "6.1b",
name: "6.1b"
}, {
children: [],
data: {
$area: "4",
$color: "2",
image: "Apply direct variation to problem solving situations."
},
id: "6.1c",
name: "6.1c"
}, {
children: [],
data: {
$area: "11",
$color: "2.64",
image: "Apply appropriate computational methods to solve multi-step problems involving all types of numbers from the real number system."
},
id: "6.2a",
name: "6.2a"
}, {
children: [],
data: {
$area: "1",
$color: "3",
image: "Determine when estimation is an appropriate method to solve a problem and describe what error might result from estimation."
},
id: "6.3a",
name: "6.3a"
}],
data: {
$area: 54,
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: 3
8.93% of CSAP"
}],
data: {
$area: 605
},
id: "10th Grade Math Item Map Totals (2002-2008)",
name: "10th Grade Math Item Map Totals (2002-2008)
Average Difficulty: 2.96"
};
//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 = "