htm-community/building-htm-systems

Supporting code for Building HTM Systems document.

building-htm-systems's Issues

Create Minicolum Competition Diagram

discrete diagram encoding is way off

See figure 9.

Do not display connections on Permanences diagram initially

There should be an option for reader to turn on/off connections from outside the diagram.

Create new diagram to show stack-ranking of minicolumns by overlap score

add favicon

Not sure what it should be though.

Create streaming scalar / time encoder diagram

Depends on #26 & #27.

Create "Combined Encoding" / "input space" diagram

Depends on #26.

Create SP potential pools diagram

Depends on #29.

ContinuousOverlapDiagram change cursor on value hover

Minicolumn competition mouse interaction

Depends on #36.

Create initial perms diagram

See current version at https://buildinghtm.systems/input-space/#initialPerms

Add dat.gui to discrete time encoder visualization

https://buildinghtm.systems/encoding-time/#discreteDayNight

See dat.gui

Add controller for w and n.

Here are the two source files that need to be changed:

• https://github.com/htm-community/building-htm-systems/blob/master/src/widgets/bhtms/encoding-time/discreteDayNight.js
• https://github.com/htm-community/building-htm-systems/blob/master/src/widgets/bhtms/encoding-time/discreteDayNight.tmpl.html

Bottom right of SVG, always on top, close button on top. Might scoot the encoding up a bit if necessary.

See dat.gui example:

https://github.com/htm-community/building-htm-systems/blob/master/src/widgets/bhtms/input-space/potentialPools.js#L17-L37

https://github.com/htm-community/building-htm-systems/blob/master/src/widgets/bhtms/input-space/potentialPools.tmpl.html#L11

ContinuousOverlapDiagram value labels should be centered

Add dat.gui to continuous time encoder visualization

Similar to #1.

https://buildinghtm.systems/encoding-time/#continuousDayNight

Add controls for w and n.

To fit dat.gui on the window, you must move the earth to the left. May even need to make the encoder radius smaller. Source files to change:

• https://github.com/htm-community/building-htm-systems/blob/master/src/widgets/bhtms/encoding-time/continuousDayNight.js
• https://github.com/htm-community/building-htm-systems/blob/master/src/widgets/bhtms/encoding-time/continuousDayNight.tmpl.html

See dat.gui example:

https://github.com/htm-community/building-htm-systems/blob/master/src/widgets/bhtms/input-space/potentialPools.js#L17-L37

https://github.com/htm-community/building-htm-systems/blob/master/src/widgets/bhtms/input-space/potentialPools.tmpl.html#L11

NumberValue min value can be crashed by user deleting all input

Just do a null check, if null set to min value.

Add legend to potential pools diagram

Use D3js to draw a legend underneath the input space.

Create tool tip on hover for d3 rectangles

• on Permanence diagram, on hover over input show permanence value
• on ADC / ODC diagrams, on hover over minicolumn show duty cycle

minicolumn competition UI widgets for:

• learning on/off
• permanence increment
• permanence decrement

Depends on htm-community/simplehtm#5

Create pseudorandom streaming scalar data with timestamps

Needs to be available as page state. Must update at 1hz (or configurable).

SimpleScalarEcoder: Fix value range bezier curve display bug

Create small cyclic encoder react component

Create diagram to show active duty cycles

Similar minicolumn diagram to display active duty cycles, which we are not keeping track of yet. Depends on htm-community/simplehtm#7

SimpleScalarEncoder: center value label

Cyclic Encoder diagram dynamic height

SVG for Cyclic encoder diagram should adjust height based on transition. Will have one height for line state, another for circle state, and transition between them. Here is code that was helping with this transition in the last version.

this.$svg.attr('height', () => {
            if (displayState === 'circle') {
                return size
            } else if (displayState === 'line') {
                return lineStateHeight
            } else if (displayState === 'circle-to-line') {
                return me._circleToLineScaleY(me._transition)
            } else if (displayState === 'line-to-circle') {
                return me._lineToCircleScaleY(me._transition)
            } else {
                throw new Error('Unknown display state ' + displayState)
            }
        })

        this._circleToLineScaleY = d3.scaleLinear()
            .domain([0, 1])
            .range([size, lineStateHeight])
        this._lineToCircleScaleY = d3.scaleLinear()
            .domain([0, 1])
            .range([lineStateHeight, size])

Create buttons to play / pause data

Add ability to specify id to CodeSyntax React component

Streaming scalar / temporal data

As seen at the bottom of https://buildinghtm.systems/input-space/:

Discrete drag for discrete encoding diagram

Dragging should snap to the discrete number values as seen in Figure 9 at https://buildinghtm.systems/encoding-numbers/#discreteEncoding

Create receptive fields diagram

Depends on #30. On click, show receptive field as x's and checks.