30:[] 2e:{"title":"RISC-V Memory Map","cells":[{"id":0,"value":"md`\n# RISC-V Memory Map\n\nRISC-V System Performance Visualizer\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":165,"value":"viewof path = {\n const i = html`

</input>`;\n  i.value = 'https://gist.githubusercontent.com/drom/acf97e43887661b55de2f34d5ff05900/raw/ca50be4fe6bb90eb157c9a4b3408be7e7a22ac67';\n  return i;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":177,"value":"viewof asms = {\n  const i = html`<input style=\"width:${width}px\"></input>`;\n  i.value = 'cs00 cs01 cs11 cs21 cs30 cs31';\n  return i;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":362,"value":"viewof symbols = {\n  const i = html`<input style=\"width:${width}px\"></input>`;\n  i.value = 'cs00s cs01s cs11s cs21s cs30s cs31s';\n  return i;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"await render(path,\n  asms, d =>\n  (d === 0x13) ? '#000' : // nop\n  ((d & 0x7f) === 0x0b) ? '#0f0' : // xbb\n  ((d & 0x7f) === 0x23) ? '#f00' : // store\n  ((d & 0x7f) === 0x03) ? '#00f' : // load\n  // ((d & 0x7f) === 0x73) ? '#fff' : // csr\n  '#bbb',\n  symbols, () => '#17f'\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":558,"value":"md`\n\n## Flame Graph\n\nhttps://github.com/brendangregg/FlameGraph\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"render = async (url, asms, asmPainter, symbols, symPainter) => {\n  const k = 4;\n  const h = 4 << k;\n  const w = Math.min((1 << 13) >> k, width);\n\n  const a = await fetchGist(url, asms);\n  const b = a.map(e => (Object.assign(getAddrData(e.d), {name: e.name})));\n\n  const c = symbols ? await fetchGist(url, symbols) : null;\n  const d = symbols ? c.map(e => (Object.assign(getSymbols(e.d), {name: e.name}))) : null;\n    \n  const root = document.createElement('div');\n  b.map((e, i) => {\n    const [head, cnvs] = ['h3', 'canvas'].map(e => {\n      const el = document.createElement(e);\n      root.appendChild(el);\n      return el;\n    });\n    head.innerHTML = e.name;\n    cnvs.height = h;\n    cnvs.width = w;\n    cnvs.style = 'background-color: #000;'\n    if (symbols) {\n      paintRegion(cnvs)(d[i].d, symPainter);\n    }\n    paintInstr(cnvs)(e.d, asmPainter);\n  });\n  return root;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":55,"value":"upper_power_of_two = v => {\n    v--;\n    v |= v >> 1;\n    v |= v >> 2;\n    v |= v >> 4;\n    v |= v >> 8;\n    v |= v >> 16;\n    v++;\n    return v;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"paintInstr = cnvs => (arr, painter) => {\n  const h = cnvs.height;\n  const aLen = arr.length;\n  const ctx = cnvs.getContext('2d');\n  for (let i = 0; i < aLen; i++) {\n    const addr = arr[i].a;\n    const x = addr / h;\n    const y = addr % h;\n    const d = arr[i].d;\n    ctx.fillStyle = painter(d);\n    ctx.fillRect(x, y, 1, 4);\n  }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":404,"value":"paintRegion = cnvs => (arr, painter) => {\n  const h = cnvs.height;\n  const aLen = arr.length;\n  const ctx = cnvs.getContext('2d');\n  for (let i = 0; i < aLen; i++) {\n    let addr = arr[i].a;\n    const length = arr[i].len;\n    if (length > 0) {\n      if (addr >= 0x10000) {\n        addr -= 0x38000;\n      }\n      const l1 = (addr / h) | 0;\n      const l2 = ((addr + length) / h) | 0;\n      const ll = l2 - l1 + 1;\n      const x = addr / h;\n      const y = addr % h;\n      ctx.fillStyle = painter(arr[i]);\n      ctx.fillRect(x, 0, ll, h);\n    }\n  }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":107,"value":"fetchGist = async (path, files) => {\n  files = files.split(' ');\n  let res = [];\n  for (let i = 0; i < files.length; i++) {\n    const fileName = files[i];\n    const name = path + '/' + fileName;\n    const a = await fetch(name);\n    const d = await a.text();\n    res.push({name: fileName, d: d});\n  }\n  return res;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"getAddrData = str => {\n  let size = 0;\n  const res = str.split('\\n').reduce((prev, cur) => {\n    const m = cur.match(/^\\s*([0-9a-f]+):\\s([0-9a-f]+)+/);\n    if (m) {\n      prev.push({\n        a: parseInt(m[1], 16),\n        d: parseInt(m[2], 16)\n      });\n    }\n    return prev;\n  }, []);\n  return {d: res};\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":375,"value":"getSymbols = str => {\n  let size = 0;\n  const res = str.split('\\n').reduce((prev, cur) => {\n    const m = cur.match(/^\\s*([0-9a-f]+)\\s([a-z]+)\\s+([a-zA-Z]*)\\s+(\\.[\\.a-z\\_]+)\\s+([0-9a-fA-F]+)\\s+([\\_\\.a-zA-Z0-9]+)/);\n    if (m) {\n      // const instr = parseInt(m[2], 16);\n      // size = Math.max(size, addr);\n      prev.push({\n        a: parseInt(m[1], 16),\n        a1: m[2],\n        a2: m[3],\n        rname: m[4],\n        len: parseInt(m[5], 16),\n        fname: m[6]\n      });\n    }\n    return prev;\n  }, []);\n  return {d: res, size: size};\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}
</article></body></html>