CSC 343: Week of 3/23/15

CSC 343: The Week beginning Mar. 23

Homework:

HTML Make an "image map" such as that shown in Creating Image Maps in Dreamweaver CS4

CSS Use the tutorials HTML5 and CSS3 beginners tutorial 27 - styling links and HTML5 and CSS3 beginners tutorial 28 - styling lists to make a list of links with some of the style attributes shown for each.

JavaScript Write the program of "tracks" seen at the end of Understanding Variable Scope & Closures Without Losing your Mind

Due: Mar. 31
Tuesday:

SVGDraw_2.htm

Histogram.htm

Lab: Frequency Analysis
- Have a textarea where the user can enter some text.
- When a button is clicked, break the text into an array of letters and count the frequency (number of occurrences) of each letter -- case insensitive. Disable the button. (Before breaking the text into letters, eliminate spaces, puncuation, etc.)
- Use JavaScript/jQuery to make an svg histogram showing the frequency of each letter.
- Also calculate the information entropy -- the sum of - p_i log₂(p_i) where p_i is the probability of the i^th letter which we will take to be its frequency divided by the number of letters. (The information entropy is the number of bits conveyed by each letter.) See http://nscraps.com/JavaScript/1017-how-calculate-log-base-102-javascript.htm to see how to calculate the log base 2 of a number. A check on your results is that the information entropy is less than or equal to the information capacity which in this case is log₂ (26) = 4.70044 bits/letter
- Clear the histogram if the user changes the content of the textarea. Enable the button.
State capital Population Graph
- Convert the data in State.csv to JSON format.
- Read in the JSON data.
- Using JavaScript/jQuery, make a horizontal bar chart of the state-capital population in thousands from an SVG element, that is, divide the population by a thousand and then make a chart that shows the state symbols going down the left of the SVG and have horizontal rectangles representing the state populations.
Due: Mar. 31