31:T789,render = arr => { const cols = csr.cols; const rows = Math.ceil(arr.length / cols) |0; const rh = 12; let cfg = { w: width, h: rows * rh, cols, rows: rows, cw: (width / cols) | 0, rh, }; const t = (x, y) => ({transform: 'translate(' + (x || 0) + ',' + (y || 0) + ')'}); const getSvg = cfg => ['svg', { xmlns: 'http://www.w3.org/2000/svg', width: cfg.w + 1, height: cfg.h + 1, viewBox: [0, 0, cfg.w + 1, cfg.h + 1].join(' ') }, ['style', {}, ` line { stroke: #ccc; stroke-width: 1px; } text { font-size: 12px; alignment-baseline: middle; text-anchor: middle; font-family: "Open Sans","Noto Sans",Ubuntu,"Roboto Mono",Roboto; } `] ]; const getGrid = cfg => ['g', t(.5, .5)] .concat( _.range(cfg.cols + 1).map(i => ['line', {x1: cfg.cw * i, x2: cfg.cw * i, y1: 0, y2: cfg.rh * cfg.rows}] ).concat( _.range(cfg.rows + 1).map(i => ['line', { x1: 0, x2: cfg.cw * cfg.cols, y1: cfg.rh * i, y2: cfg.rh * i }] ).concat(arr.map((v, i) => !Number.isInteger(v) ? [] : ['g', t(cfg.cw * (i % cfg.cols), cfg.rh * ((i / cfg.cols) |0)), ['rect', {width: cfg.cw, height: cfg.rh, fill: `hsl(${365 * v / 256},100%,${50 + v / 30}%)`}], ['text', { x: cfg.cw / 2, y: cfg.rh / 2 + 1 }, Number.isInteger(v) ? v : ''] ] )) ) ); const dom = getSvg(cfg).concat([getGrid(cfg)]); let res = html`${onml.stringify(dom)}`; res.value = arr; return res; }32:[] 2f:{"title":"RISC-V Vector Memory Load / Store","cells":[{"id":0,"value":"md`# RISC-V Vector Memory Load / Store`","pinned":false,"hidden":false,"mode":"ojs"},{"id":647,"value":"viewof csr = form(html``)","pinned":false,"hidden":false,"mode":"ojs"},{"id":682,"value":"vlb.v(6)","pinned":true,"hidden":false,"mode":"ojs"},{"id":779,"value":"vlh.v(3)","pinned":true,"hidden":false,"mode":"ojs"},{"id":787,"value":"vlw.v(7)","pinned":true,"hidden":false,"mode":"ojs"},{"id":794,"value":"vle.v(7)","pinned":true,"hidden":false,"mode":"ojs"},{"id":812,"value":"vlsb.v(6,2)","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":800,"value":"md`### Unit-Stride`","pinned":false,"hidden":false,"mode":"ojs"},{"id":680,"value":"vlb = ({\n v: (rs1, vm) => {\n const offset = _.range(rs1).map(e => null);\n const res = _.range(csr.VLEN);\n return render(offset.concat(res))\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":764,"value":"vlh = ({\n v: (rs1, vm) => {\n const offset = _.range(rs1).map(e => null);\n const res = _.range(csr.VLEN * 2);\n return render(offset.concat(res))\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":771,"value":"vlw = ({\n v: (rs1, vm) => {\n const offset = _.range(rs1).map(e => null);\n const res = _.range(csr.VLEN * 4);\n return render(offset.concat(res))\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":790,"value":"vle = ({\n v: (rs1, vm) => {\n const offset = _.range(rs1).map(e => null);\n const res = _.range(csr.VLEN * (csr.SEW >> 3));\n return render(offset.concat(res))\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":805,"value":"md`### Strided`","pinned":false,"hidden":false,"mode":"ojs"},{"id":808,"value":"vlsb = ({\n v: (rs1, rs2) => {\n const offset = _.range(rs1).map(e => null);\n const stride = _.range(rs2).map(e => null);\n const res = _.range(csr.VLEN).reduce((prev, e) => prev.concat(e).concat(stride), []);\n return render(offset.concat(res))\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":855,"value":"md`### Indexed`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":54,"value":"_ = require('lodash')","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"onml = require('onml')","pinned":false,"hidden":false,"mode":"ojs"},{"id":669,"value":"import {form} from '@mbostock/form-input'","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}