Published
Edited
Sep 6, 2022
5 forks
2 stars
Insert cell
Insert cell
reg0 = [
{name: 'IPO', bits: 8},
{ bits: 7},
{name: 'BRK', bits: 5, type: 4},
{name: 'CPK', bits: 1},
{name: 'Clear', bits: 3, type: 5},
{ bits: 8}
]
Insert cell
reg1 = [
{name: 'IPO', bits: 8, attr: 'RO'},
{ bits: 7},
{name: 'BRK', bits: 5, attr: ['RW', 'FOO'], type: 4},
{name: 'CPK', bits: 2},
{name: 'Clear', bits: 3, type: 5},
{ bits: 7}
]
Insert cell
bf(reg1)
Insert cell
Insert cell
bf(reg1, {hspace: width})
Insert cell
Insert cell
bf(reg1, {vspace: 100})
Insert cell
Insert cell
bf(reg1, {vspace: 120, margin: {top: 50}})
Insert cell
bf(reg1, {margin: {right: 60}})
Insert cell
bf(reg1, {margin: {left: 120}})
Insert cell
bf(reg1, {margin:{bottom: 1}})
Insert cell
Insert cell
bf(reg1, {fontsize: 8})
Insert cell
bf(reg1, {fontsize: 28, hspace: width, bits: 24})
Insert cell
Insert cell
bf(reg1, {lanes: 2})
Insert cell
bf(reg1, {lanes: 4})
Insert cell
Insert cell
bf(reg1, {bits: 16})
Insert cell
bf(reg1, {bits: 48})
Insert cell
Insert cell
bf(reg1, {bits: 48, lanes: 3})
Insert cell
bf([
{bits: 1, name: 'f0'},
{bits: 1, type: 1},
{bits: 1, type: 2},
{bits: 1, type: 3},
{bits: 1, type: 4},
{bits: 1, type: 5},
{bits: 1, type: 6},
{bits: 1, type: 7},
{bits: 1, type: 8},
{bits: 1, type: 9},
{bits: 1, type: 10}
], {hspace: width, bits: 11})
Insert cell
Insert cell
Insert cell
bf(reg1, {lanes: 4, hflip: true})
Insert cell
Insert cell
bf(reg1, {vflip: true})
Insert cell
Insert cell
bf(reg1, {lanes: 4, hflip: true, vflip: true})
Insert cell
Insert cell
bf(reg0, {lanes: 2, compact: true})
Insert cell
bf(reg0, {lanes: 2, compact: true})
Insert cell
bf(reg0, {lanes: 4, compact: false})
Insert cell
bf(reg0, {lanes: 4, compact: true, hflip: true, label: {left: 0}})
Insert cell
bf(reg0, {lanes: 4, compact: true, hflip: true})
Insert cell
bf(reg0, {lanes: 4, compact: true, hflip: true, vflip: true})
Insert cell
bf(reg0, {lanes: 4, compact: true, vflip: true})
Insert cell
Insert cell
bf([
{bits: 7, name: 'opcode', attr: 'OP-IMM'},
{bits: 5, name: 'rd', attr: 'dest'},
{bits: 3, name: 'func3', attr: ['ADDI', 'SLTI', 'SLTIU', 'ANDI', 'ORI', 'XORI'], type: 4},
{bits: 5, name: 'rs1', attr: 'src'},
{bits: 12, name: 'imm[11:0]', attr: 'I-immediate[11:0]', type: 3}
], {hspace: width, label: {right: ['I-Type']}})
Insert cell
bf(reg1, {lanes: 2, hspace: 600, vspace: 80, vflip: true, hflip: true})
Insert cell
bf(reg1, {lanes: 4, hspace: 300, vspace: 80, compact: true})
Insert cell
reg3 = [
{name: 'long_label', bits: 1, rotate: -90},
{name: 'longer_label', bits: 3, rotate: -45},
{bits: 28}
]
Insert cell
bf(reg3, {hspace: width, vspace: 100})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more