Added coordinates for Dvorak for the keyboard heatmap demo here: http://www.patrick-wied.at/projects/heatmap-keyboard/

coordinates.js

app.QWERTY_COORDINATES = {
    "~": [35, 120],
    "`": [35, 120],
    "1": [90, 120],
    "!": [90, 120], 
    "2": [144, 120],
    "@": [144, 120],
    "3": [198, 120],
    "#": [198, 120],
    "4": [253, 120],
    "$": [253, 120],
    "5": [307, 120],
    "%": [307, 120],
    "6": [361, 120],
    "^": [361, 120],
    "7": [415, 120],
    "&": [415, 120],
    "8": [469, 120],
    "*": [469, 120],
    "9": [524, 120],
    "(": [524, 120],
    "0": [579, 120],
    ")": [579, 120],
    "-": [630, 120],
    "_": [630, 120],
    "+": [685, 120],
    "=": [685, 120],
    "Q": [115, 174],
    "W": [169, 174],
    "E": [224, 174],
    "R": [278, 174],
    "T": [332, 174],
    "Y": [386, 174],
    "U": [440, 174],
    "I": [494, 174],
    "O": [548, 174],
    "P": [602, 174],
    "[": [656, 174],
    "{": [656, 174],
    "]": [710, 174],
    "}": [710, 174],
    "\\":[764, 174],
    "|": [764, 174],
    "A": [130, 225],
    "S": [184, 225],
    "D": [238, 225],
    "F": [292, 225],
    "G": [346, 225],
    "H": [400, 225],
    "J": [454, 225],
    "K": [508, 225],
    "L": [562, 225],
    ";": [616, 225],
    ":": [616, 225],
    "'": [670, 225],
    "\"": [670, 225],
    "Z": [158, 275],
    "X": [212, 275],
    "C": [266, 275],
    "V": [320, 275],
    "B": [374, 275],
    "N": [428, 275],
    "M": [482, 275],
    ",": [536, 275],
    "<": [536, 275],
    ".": [590, 275],
    ">": [590, 275],
    "/": [644, 275],
    "?": [644, 275],
    " ": [500, 300]
},
app.DVORAK_COORDINATES = {
    "~": [35, 120],
    "`": [35, 120],
    "1": [90, 120],
    "!": [90, 120],
    "2": [144, 120],
    "@": [144, 120],
    "3": [198, 120],
    "#": [198, 120],
    "4": [253, 120],
    "$": [253, 120],
    "5": [307, 120],
    "%": [307, 120],
    "6": [361, 120],
    "^": [361, 120],
    "7": [415, 120],
    "&": [415, 120],
    "8": [469, 120],
    "*": [469, 120],
    "9": [524, 120],
    "(": [524, 120],
    "0": [579, 120],
    ")": [579, 120],
    "[": [630, 120],
    "{": [630, 120],
    "]": [685, 120],
    "}": [685, 120],
    "'": [115, 174],
    "\"": [115, 174],
    ",": [169, 174],
    "<": [169, 174],
    ".": [224, 174],
    ">": [224, 174],
    "P": [278, 174],
    "Y": [332, 174],
    "F": [386, 174],
    "G": [440, 174],
    "C": [494, 174],
    "R": [548, 174],
    "L": [602, 174],
    "/": [656, 174],
    "?": [656, 174],
    "=": [710, 174],
    "+": [710, 174],
    "\\":[764, 174],
    "|": [764, 174],
    "A": [130, 225],
    "O": [184, 225],
    "E": [238, 225],
    "U": [292, 225],
    "I": [346, 225],
    "D": [400, 225],
    "H": [454, 225],
    "T": [508, 225],
    "N": [562, 225],
    "S": [616, 225],
    "-": [670, 225],
    "_": [670, 225],
    ":": [158, 275],
    ";": [158, 275],
    "Q": [212, 275],
    "J": [266, 275],
    "K": [320, 275],
    "X": [374, 275],
    "B": [428, 275],
    "M": [482, 275],
    "W": [536, 275],
    "V": [590, 275],
    "Z": [644, 275],
    " ": [500, 300]
},
app.EXCLUDES = [" "],
app.SAMPLE_TEXT = [
    "This is the first sample text. It's an awesome sample text, but the other ones are also very nice.",
    "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
    "A heat map is a graphical representation of data where the values taken by a variable in a two-dimensional table are represented as colors. Fractal maps and tree maps both often use a similar system of color-coding to represent the values taken by a variable in a hierarchy. The term is also used to mean its thematic application as a choropleth map.",
    "Heat maps originated in 2D displays of the values in a data matrix. Larger values were represented by small dark gray or black squares (pixels) and smaller values by lighter squares. Sneath (1957) displayed the results of a cluster analysis by permuting the rows and the columns of a matrix to place similar values near each other according to the clustering. Jacques Bertin used a similar representation to display data that conformed to a Guttman scale. The idea for joining cluster trees to the rows and columns of the data matrix originated with Robert Ling in 1973. Ling used overstruck printer characters to represent different shades of gray, one character-width per pixel."
];