Numenta Building HTM Systems, 24 May 2019

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: BHTMS: discrete encoding diagram

Description

Broadcasted live on Twitch -- Watch live at https://www.twitch.tv/rhyolight_

A

Just talking to the are HRH 1 3 6 3 in chat who I know? Yes, because he comes to the forum, which is.

A

There's the link to the forum.

A

All right, I think I can might as well turn this on now I'm sharing my screen. Hopefully the music isn't too loud the other day I. Had it a little too loud.

A

Alright streaming now there you are.

A

Okay, so yesterday, quick, quick review, I guess.

A

It's open, they get a page. We deployed this successfully, so it should be here as well. Take a couple minutes or a couple seconds for it to pull out. This is the old site that were Trance transferring so quick overview, we're taking this site which isn't even complete what it's. What it is is a an interactive visualization of how to build HTM systems starting from encoders they electric havoc, thanks for the follow, appreciate it so we're taking.

A

This was all written in d3 javascript and transferring it into this application, which is an actual next react jas application, so I'm I'm using the react framework for things here. So all the diagrams that I'm moving from from this set up to another are now gonna. Be all react diagrams to sort of encapsulate, d3.js interactions and SVG displays, which is d3.js, is a really excellent, excellent, visualization library, if you're in JavaScript working for the browser, it's the it's really really nice.

A

If you're trying to do doctor, graphics and it's and it all, it is- is just a Dom, manipulation library, but the way that it integrates mathematical functions and ties to what you need to do when you render things in visual things is really really really nice, so I'm using all d3.js.

A

We just finished up this, this one, which does this it's swaps, so it shows you how a cyclic encoder is the same thing, essentially as a scalar encoder that just loops at the end and how that's essentially just a you, know the shape of a circle when you're looping a line, and then we were just messing with this. This was the next thing we're doing was showing how different values, when encoded in different ways, for example, if I I could these overlap?

A

None at all, if I wish by setting the W properly, these two values would not overlap at all. If I changed the W a little bit now, they do have some overlap. They do have some similarity. So there's that's the difference why you might be concerned about your encoder settings is if you, if it matters to you, if four-point-seven has some semantic similarity with 6.1 in their system? Is that important or should it be more discrete than that and that's the next thing we're going to talk about is discrete and codings.

A

So the visualization that we're going to be you essentially creating or moving, is.

B

A

So this is a discrete coding of an integer value so that there is never any other line. That's that's simply! That's all we're talking about when we say discrete. Oh, that's! Your name and Korean did hear the pronunciation. Google translate. Okay, yeah I'll. Try that I'll try that I'm, always interested I'm, gonna, I'm gonna go to google translate because I want to find out how to say his name. Let's try this.

A

She almost young, okay, okay, here it ken song, how's that Hyun Seong.

A

Thank you. I'm gonna, try and remember that Yun Seong Jung Yun Seong and that's Korean right, okay, back to what we're doing so, we're gonna we're gonna, create this and, as you can see, I sort of abandoned to some of these controls that I had in the old one. This is a lot simpler. This is really what I want to display here is how, as is how these continuous and coatings can can have similar, can introduce similarity between values and I. Think this. Does this perfectly fine without all of these, this was overkill.

A

It was just because I didn't I didn't want to put in the effort to make it drag so we made it drag and everything looks good. I really like this I do have a couple of bugs. If anyone is interesting and working on some JavaScript react is d3. This would be a couple. These are just d3.

A

This one, for example, is something all the code to be in d3, and this this one also be uncovered this yesterday, that's just to Center the labels on those Bezier curves see they're, not quite centered, so if it was looking for something to do, um these are kind of isolated things. Here's the one yeah. So it's related, oh no! No! This was about the changing the cursor excuse me. Microsoft, wants me to install updates. No thanks. This is changing the cursor. So that's super easy. That's it's gonna be like onmouseover onmouseout.

A

So, but what we're working on is this discreet, encoding diagram, that's, and that is this one that we haven't made yet and that's the one we were talking I was talking about here. So I want to have so I just like to read. I want to rethink this a little bit before before I. Do anything because I want to make sure that the figure here we're calling this figure 9 is illustrating the concept that we're trying to illustrate.

A

So this is within the topic discrete versus continuous, and this is about scalar value, encoding, scalar, number, encoding and.

A

We're showing the first figure, which is a continuous encoding, so maybe maybe I call it's continuous versus discrete, but doesn't matter, but I should probably label this continuous, continuous encoding. I don't want to get too far in the weeds here, but I'm going to use Visual Studio code for an editor which has a really outstanding feature of being able to live, share so I'm going to start a collaborative session, and so, if anyone is following along, they can connect to this session. If they're, using Visual Studio code and.

A

I'll also share my server once I get. It started so I'm going to start the server as well.

A

There we go so it's on localhost 3000, so you can see here, I'm going to close. The version of this I have opened and closed the readme I'm going to close the version of this.

A

If you guys need a link for any reason: the HTM s, here's stuff, here's a link, okay, so I'm closing this Heroku application, because I'm going to look at everything at localhost now- and we are all the way down here on discrete versus continuous and so I was going to just add a label here to make it a little bit clearer on city coding numbers, and this is way down the page, let's close close, close, close, close and I could see where I'm at way down the page. Here it's overlap.

A

It is that's the cyclic encoder, so.

C

I should put.

A

Bigger seven, maybe in parentheses, cyclic code I'm, not sure if I like that or not and somehow I broke the I.

A

Thought that was in old as.

A

All right, I'm, not gonna, worry about these I'm. Not gonna worry about fixing up the text at this point, I just I, just uh I just decided we're gonna work on technical things, we're not going to work on messing with text, so we are gonna, create a new encoder and it is I, don't think I think I could make it less complicated again, so I'm gonna do a drag instead of a value bar we'll do that it's exactly the same way.

A

The tricky thing is it's going to be a discrete drag, not a continuous drag, so we won't be able to just move it unless it's in the right place, I, think or we snap to about you know what I mean so yeah, so we'll just make it snap to a value as we're dragging it as you drag through it. It hits the closest value, something like that.

A

W is configurable in the page defaults, so we'll just make N and W whatever the page defaults are and we'll assume that we have control of setting it in W. If someone Scrolls to a certain diagram we can set in and W and everything will update and the category. So this is the tricky part because it affects the min and Max values.

A

All right, so this is just like a value bar, but the min and Max is affected by how many categories there are yeah. So as we, if we want I, do think we want to let the user somehow change the categories, but they don't. It doesn't need to be a slider. It could be just a. We could use the same number of input that we currently have so this could be. We could treat this as a global or page variable would be the easiest way to do it.

A

Probably so we'll have W and categories as global. The value is going to be specific. To this, it's going to be a it's going to be local diagram states, so we're not gonna bubble out the value because it's yeah, it's gonna, be here. It's gonna be a discrete value specific to this. So let's call this a discrete scalar, encoder or discrete scaler diagram, or something like that. We.

D

Call this scaler.

A

Overlap diagram so now we're going to create a discrete encoding at discrete discrete being the keyword here.

A

New file, discrete scalar diagram, we'll just leave the maybe I should make them all say: encoder speak scalar, coders, cyclic, scalar, encoder, I, didn't call those two diagrams and I really should I think no. These are all inherently diagrams because they're in the diagrams folder sounds sounds good to be so. It's called discrete scalar, coder and now I want to change the name of this.

A

This is scalar overlap, but I want to take the diagram out. So let's see how good my tooling is. If I I can read in this, but it's not gonna read in the hopefully scalar scalar overlap, yeah, that's not going to change the file and it won't change the yeah change. This stuff's, like a good so to add a discrete prop to scaler encoder. Oh that's a good question. Let's see, let's, let's think about that. That's a good question.

A

If we added a discrete property, we would only have to know how many I guess categories there were: we'd have to have a number of categories, and that's the only do I think that's I think you're onto something there. I think you just kept me from making a mistake.

A

So let's try that, let's see, if we can do it, we might as well try it okay, let's pretend that it works already and say: here's, let's take this whole structure because I know I, don't think this is yeah, we'll just replace this a little bit at a time. Everything I.

A

Have to type anything I wanted.

C

A

Call it the street and coding.

A

A

I'm rusty can tell I'm rusty programmer, hey I should have should have caught that that was a good catch. I think we can use probably pretty easily do this. We won't have to do it yet. I probably would have gotten halfway through building the class before I realize that.

A

Okay, we'll keep. Let's just give this all. Let's see, let's get it all global state at first, because that's just easy assume, you know what to think about it. So and then, if this causes problems for us, if we want to tweak it, we can localize state, there's no value a value B and this isn't scaler overlap. Obviously it's going to be a simple scalar. Encoder I would have found that pretty quickly.

A

Actually, I think I already have this, where I want it bounded.

A

Yeah I don't know all right. We're gonna strike North at and I'm. Not gonna have a resolution minute max. All that all that stuff we just have to have a value.

A

Which is this state for now we'll take well we'll keep it or so actually we're gonna I know that we're not gonna do this, so, let's just send it a value. Let's just send it I, don't know five I, don't know whatever we'll figure that out hey Falco, it is just a different coder than then I think it may be better if it's just a different coder. No.

B

A

It's not a different coder, it's just a tweak to let.

C

A

Now now I want to go, look I, don't think it's a different color widgets. Is it in the library displays I click category encoder, it's a category.

B

A

But a catamite coder is super easy to create. So if my I might not have even created a category, encoder I'm, not sure coding numbers, this is still any coding numbers, it's discrete encoding. So it is a different color. Its category program.

A

But the category code in the category encoder- let's look at this I- know exactly where it is it's in the readme here, simple HTM, the coders category encoder. So it extends cyclic encoder, which extends scaler a coder I think yeah. So all the cyclic encoder is is changed. How the bit mask is applied so that it it rounds about, and the category encoder just adds discrete categories.

D

A

So how did it do this? It's got a new, it's got an option called categories which is I, think a list of strings or a list of things. Let's just say, and we make.

D

A

Oh, that's right! That's how we do this. We that's how we do so. We don't give it an N. We just give it a W and how many categories it should yeah. That's all you give it an N and how many categories you want so.

A

C

Me think now, what do I want to do.

A

Attack in this is a category encoder, just a dictionary where the active bits are based on pre-written dictionary of words or things.

A

No, not the way I do it. The category encoder is just like a scaler encoder, pretty much like it is a scaler coder, just with certain with a specific configuration and you.

B

Can see that in this code, I'm looking at the.

A

Scaler, like I, said the cyclic encoder extends the scalar encoder and it applies it all it does is apply bitmask that rounds about and the category coder simply extends that cyclic encoder and it.

C

A

Values, it expects a W and a categories array and that's it, and then it sets min and Max itself based on how many categories there are, and it's basically just it's just it turns it into the. It turns the output length of the array into the same amount of categories you have. It just turns one bit on for each.

A

Essentially- and you can you can by changing the W, you just change, how many bits right that you want to represent each one. So it's super simple.

A

It's super simple and so the best way to create this, though in the code, which is what I'm trying to to think about here and if we're going to be back in encoding numbers. This is where we want our.

A

I'm thinking I mean all we're essentially doing here is creating a category encoder category. Maybe we should just start off a category encoder I'm, not sure, because some of the other category coders die because the next section goes on to categories and then I have something entirely different because I'm, just this is a unique diagram. It's going to be something completely on its own and then the next one is also another unique diagram. So these we're just talking about three unique diagrams in a row.

A

So, let's see, if we can make this one simply use the scalar overlap. Diagram I'm, like I'm gonna, I'm gonna, remove this right now, because it's it is um it's distracting. It's too it's too distracting hello.

C

A

Was surprised to see so many people watching, because if anybody wants an overview of what I'm doing, I can give it but I'm making d3.js, visualizations and I'm trying to decide exactly how to create this diagram now I'm in the wrong place. So.

A

I'm gonna say that I'm gonna keep this as a simple scalar, encoder I. Think I can do it as a simple scale encoder, but.

A

So I'm gonna just do it this the exact same way, the category encoder code. Does it I'm going to just create a scanner coder with these basically doing this I'm gonna give this thing the option W and a list of categories, but no not even list of categories, a number of categories? How many categories are we gonna have so so? Let's do that? I'm gonna give it W, which is I, don't think it is good.

A

Let's keep it as state, there's no min and Max that's going to control on min and Max I'm, not gonna, give it a value diagram with this fine and the other thing was, let's just say,.

A

Category length, 10: okay, so that's how many bits that's what's W screaming W is gonna, be ten. Okay, I think this is gonna work, but I'm gonna have to write some special code in the simple scalar encoder. In order to do this, I think the better code thing would be would maybe it would be better to write just a small, exactly how I io I kind of did here in the category coder write a very small subclass of the scalar coder diagram.

A

Call it a category encoder diagram and just simply set up the previous like that. That would probably be a cleaner way to do. It then adding a special condition inside the. So, let's, let's call this okay, let's call this category encoder for now, knowing that we may end up changing all these names at some point, because they might not make sense and all I want to send it diagram with the W and how many categories we want, and this is going to be changeable.

A

The user is going to change this and I'm probably going to pop it out. What do you mean why scalar overlap? I? Don't understand that question. Let me turn on. Let me join discord in case anybody wants to talk. You can pop into the discord. Livestream chat. If you have something relevant, you know to the that's what I'm doing I don't want to just come in and like talk about, you know, basketball, okay, so don't have a category. Yet! Oh! That's! Where five minutes ago, okay, I, never mind.

A

Hopefully I answered the question pardon or not. So if I were to do this, if I were to create a category scalar and coder and again I am NOT tied to these names. I'm, probably going to come back and do some refactoring yeah relevant discussion, Falco, please I'm, probably gonna come back and do some refactoring.

A

So so just don't hold me to Indies names. I! Don't need to do this. I! Don't need a render so I'm going to create a subclass of this that basically all it does is override the constructor and.

A

Create a certain type of scalar, coder I, don't think I need any.

B

A

This so I'm just going to override a constructor, get my props and call super with some new props, but I'm gonna create actually I might just do. Object, sign props and then put my new props right here and that's all this class is going to be we'll call it a I. Don't know why to AK category scalar.

A

Simple scalar, coder catalyst is called category encoder category diagram, I, don't know, I think I feel like now. I do want to play that I do want to say diagram like I said: I'm, gonna change, all the names, probably no, no I want to change. I need to I need to specifically actually I'm, not even going to do this. This isn't what I want to do.

A

I want to create a completely new props object in props and and I'm going to specifically put what I want in there, and let me give me a chance to do this and I'll clean it up. This is what I need to do. I want to send it. I want to basically put that logic right where I am I, want it to have props, W and not, and and.

A

Everything here I know this I know this is not like gonna work, min and Max. Yes, this is how I want to set.

A

Like that, so I'm going to use my props to just create a very specific type of scalar Kota diagram.

A

I think this might work. It seems crazy right, but I miss one. No, no, no I I got I got this right. That's I got the W right there, W is coming in whatever they send in all I'm going to use is W and categories, so I'm, so I'm expecting a categories Oh that prompts W. Okay, thank.

C

A

A

This, like my first live stream, Falco pointed out a bug to me in a test at before. I found it now, people are just correcting them before I see them. It's crazy.

A

Alright, so so, let's try this out. I'm gonna split this over.

A

Let's see coding.

D

A

Category and coder diagrams that, wherever we're at the category, coder diagram oops not enough. This.

D

Is our discrete.

A

This isn't discrete coding am I in the right place, am I putting this in the wrong place.

A

Hello, thank you for the follow. It's much appreciated, I'm, trying to figure out if I put the snark place, I, don't think? Oh, no! No! No! No! No! No! This is wrong. This is extends sorry. This doesn't extend react component. This extends this needs to extend scaler overlap diagram, so we need to import scaler, not overlap, diagram, say scaler, simple, simple, scalar encoder from how do I do this have to do dots.

A

Simple scalar encoder right, so that's what I want to extend and.

A

I should be able to do this right. That was your question. For five minutes ago, yeah like.

C

A

I'll come I, get to it, so I can get rid of all this crud. All I need do. I need yeah. All I need is that that's it. Okay,.

A

Okay, I haven't tested any of this out, yet I'm still sort of trying I'm putting it in place. So we've got category encoder diagram I still feel like cyclic encoder scalar overlap.

A

Okay, yeah I'm, calling this discrete encoding. What's tripping me up, is I'm calling I'm, calling it discrete coding. Yet it's also category encoder diagram, so I need the width, the ID, the W is coming along with it category length I'm just giving it ten, and so let's fix that cuz I'm not actually giving a categories, yet we will eventually, but for right now we're going to do the simplest thing. So that's what we're going to do on update I, don't think this is going to update anything. So I think we can take this out.

A

The value is going to be something that's internal, all right, let's see what broke! Let's see what we broke, let's just something's, certainly broken I. Probably let me restart the server just because I've been moving stuff around and deleting things. If there's a compile error, I'm gonna like to see something fresh yeah, so you do have some type of error. Category quarter diagram is not fine because I didn't import it. So that's easy.

A

Just got to get.

A

Comport category encoder diagram from opponents.

A

Well, that's weird: oh I,.

C

Suppose, import huh and.

A

It's still Auto still category decoder diagram from opponents diagrams category encoder that.

A

Put that in your pipe is smoking all right. Okay, so, let's see, if there's any errors, there are errors all right. What are the errors here? Failed prop type for loops index.

A

Dropped at the pump and this mark required: okay, okay, okay, I know that so that is we're not giving it an N, but we should be giving it a 10. Okay,.

C

So let's put a debugger.

A

Right here and I expect this to to trigger good.

A

It triggered okay, all right times: props, w-30, okay, so we're ascending and let's step into this and see where we go when we get to the super I'm stepping into it, I don't know where I'm stepping in and out of right now it's something okay, so we got two simple scalar encoder and do we have this dot props or something or props? Oh I, just need to pass in I should be passing in that's why I'm concerned because they die the category. Encoder has a value for this.

A

At least this was this should be valid, so why it's not getting in when it goes up? Is it oh? It's because it's just a warning, because I should override I need to do local override of that I got it I got it. I can do that. I will do that. That's a cleaner thing to do right. So let me just copy the one we.

C

B

A

And I expect this to work. I hope this works I'm still.

C

This is some just.

A

A react thing I'm trying to sort of trying to sort of I'm learning react as I go. So what this thing wants is w and category length for now. That's all at once and they're both required. So I think that warning is gonna, go away.

A

Prop types: it's not defined because I have to import it prop types, making this class a little bit more complicated, alright, so got to the debugger. Let me take that out.

A

You just reuse Anna's category length.

C

C

A

No I think that's confusing, because it's not, then it is different than category lengths. There will still be an end for this encoding and it will not be category length, so I think that's confusing.

C

Let's see okay.

A

So we are in that's just a warning. Calling super and category coded diagram make sure you pass at the same props that your components constructor was passed. No, that's not it! That's it! That's the whole point of this subclass was to pass up different props or create my own props I.

A

Don't know why it that's a weird warning: isn't it if you're writing object-oriented code? That's that's something you would do normally with object-oriented code bases, okay, so the real problem is there's a number value, that's not being calculated.

A

So let's go to render value marker, that's going to be in simple scalar encoder, and this.

C

A

What could be tricky because.

A

No because I initialize, the parent constructor and then overwrite any members, oh I, see what you're saying.

A

C

You think what I'm doing is is.

A

Is a code smell here cuz.

C

I could do that I.

A

Could just pry I could just pass super props up and then override stuff locally. That.

C

Seems a little.

A

More complicated, I think I'm gonna leave it.

A

Right so I'm afraid to put a break point where I want to put a break point, because.

A

D

It's going to trigger on all of these.

A

Other ones and I don't really want to go through.

A

Let's go back, let's go back. Let me put that debugger back in I want to check something. Let's put it in here.

A

Let's do this. Let's let I.

C

A

Want to inspect this easily for right now.

A

Want to see what this looks like.

A

That's right, so what am I missing? I'm, certainly missing something in the props.

A

Keep hitting the wrong button.

A

Trying to get into simple scanner code again so.

A

C

B

A

Thing to me is I want to I want to debug into the constructor, but the constructor is magic.

A

Man I'm out of liquid I, will to take a break I'm up going about now, where I need to take a break and get something to drink. Yeah. That's what I'm saying I don't have a constructor. It's a magical, constructor I.

C

Mean if it exists.

A

Right react created it you've, never seen anything extended, pass react component.

A

Has anyone else ever extended? Past react component and react am I. Am I doing something wrong?

A

That seems like a natural thing to do and when you're creating like libraries of components, it seems like that's like one of the reasons you would want to use react you do it multiple times a day, okay, as long as it's not as long as I'm, not using it wrong, because if I move, if I'm using a react, I want to I want to make sure that I'm doing it right in general, Oh P, you do it, but you don't do it in react. I feel.

C

A

React and sort of enforces the oo P model, so you might as well do it.

A

You guys I am gonna, be right. Back I'm gonna take a quick break because I need to go, get something to drink. I, don't have any water I'll. Let you guys look out the window.

A

I'll be right back, oh.

A

B

Know what before you leave.

C

A

You leave just realize that Dave you were, you were connected. Why don't I share my I knew you were gonna, be doing that? That's why I popped in sounds like he's going to be up there changing code, local host, 3,000.

A

That's what I put in the first place? Okay, so David. Can you see my server now.

A

So anybody out there you too, oh and I forgot their name now, Quinn song, one song, all right, you got it you can. You can actually run the server or be a client to my server. Now, if you join the live session, okay I'll be back.

C

Okay, hello breath.

A

And check up on the chat.

A

So tacky on you asked research. Men didn't happen because I forgot that my son's eighth grade graduation promotion ceremony whatever was this morning, so I pushed it back and then it ran long and then we canceled it sorry.

C

A

Okay, see what are you doing so you're just doing all that enough and one line.

A

And what else did you change.

A

I, don't think these headphones out there they're hot and high just ran up before flights of steps down and then back up so either pass augmented props to the parent or change the encoded to save change the encoder to save min Max and etc into the member of ours.

C

A

Or zero, this is this vixen say this is fine.

A

It's an interesting syntax, I've seen this spread. This is called a spread operator right so you're. If you create an object with and you spread an object as the first parameter, then all the rest are overrides I'm assuming and it will be immutable. Okay. That makes sense so yeah. That makes sense interesting, so I wonder if I'm gonna do I'm just gonna I like to break stuff out so.

A

So, what's going on right now, is it still broken? I mean it wasn't actually doing anything last time, so it's just zero and I haven't been changing any the values.

A

Oh here's, the thing we need to add the Bezier curves. So maybe this won't be the same. I forgot about that. The way the way I have this designed was again using this value call-out and that's what I wanted to be able to drag.

C

A

Do like that part of the design today, I thought I called it out. I did okay as long as I did.

B

For a while there we had like 20-something.

A

B

I, don't almost.

A

Going on and then I ran out of liquid and I had to go, get some water and and a diet, coke, so I keep going back and forth on what I'm going to do here. Just yeah see I, don't like this I think. Maybe I'm I think I'm going to create a new diagram, because it's a combination honestly. It's a combination of this one because I want the Bezier curves and the labels and the drag it's a combination of that one and the simple scalar encoder and yeah. It's just it's it's different enough.

A

It's not going to be the same thing, I hate to say that, but I think that's the truth. It's the overlap without value! Be!

A

Is it that simple? But it's more than that? It's also adding the discrete part of it, which is really easy to do, but it affects the dragging behavior as well, because you can't just set the value to whatever the drag is because if the value is discrete so I don't know.

D

A

Seems just different enough in just enough minor ways that we're gonna probably end up creating a new one, which is what this is. What I started to do in the first place, I mean I, know I'm, going back and forth about this a lot, but I don't think this is going to work. The way I want at least I'm going to be copying code and it from another component into this one, and that's what I was trying to get around yeah. The value will be encoded differently, I'll, be by the category encoder.

A

Oh so you're saying that oh yeah that so the drag action actually will work. The encoder is going to take care of snapping to a value. I. Think that's true.

A

So maybe we can maybe we should play around with extending the other, the other one. The scaler overlap diagram. Instead. Do you think that's a viable course of Investigation?

A

You could at least try it out and see how hard it would be. I mean it's sort of simple. What what props are we we're getting evaluating value B here, so we're gonna have different.

A

We will ignore. We could just take you just say. Value is prop, stop value and ignore anything I.

A

C

A

Not right because the props will send it will send it a value hi. Thank you for the follow and I'm just your rash, I appreciate you chiming in or clicking that button up there we're we're gonna, do plication and react so we're sort of wrapping, d3, diagrams I'm, calling them in react, components and discovering all of the things you have to do to make that work. Okay. So this is why this isn't gonna work.

A

So if I override scalar overlap here, let's go see. I want to go see what it looks like simple scalar, encoding numbers, so scalar overlap, diagram I'm using it I know.

B

A

Oh here, I just called it something different.

B

A

I am sending it min/max NW evaluate value B. So that's.

A

That's what I'm gonna have to provide to well. No, no.

C

A

I extend this I could just hi I'll just provide the value a and value B it'll be the same value and I'll hide one of them. How about that a discrete profit will drive the encoder selection and disable value B or something that turn it off.

A

Let's see, let's look at it a little more. Let me take okay. What did I.

A

Turn this off is that where I broke it now I'm, actually in category C alien coder category I've changed off. All these names are bad hold on I just want to get it to compile for a moment category encoder diagram, that's the one I'm looking on.

A

Where else am I, defining that oh.

A

C

This, where I was.

A

Doing it I guess it was. Why did I undo this? That's that's what I was trying to show just ended. The wrong thing comment it out, not undo. Okay, all right! So if we sorry.

A

There's the firetruck here comes everybody firetruck, brake Watsonville, Fire, Department.

A

A

That happens a lot usually.

C

I just mute the mic: okay.

A

Imagine if all I want is to show one of these values. Oh you don't be amazing.

A

What if we sent in the same value as both and always kept them the same, but then when you drug one it would only, it would only grab one. That's not gonna work. I was just thinking like this is. This is what we want. We.

C

Want this, but.

A

Discrete so we just, we need to use a different coder for sure category encoder and, and we just need to hide a value so I bet we could we'd have to subclass this scaler overlap. This is a weird. This would be kind of weird, but it's the display that we're sub-classing I have to keep that in mind. That's the display were subclassing, not the functionality. So so david says you could pass this that state to evaluated both values. It would keep in sync, but the drag wouldn't work. That's what I was just thinking.

A

The drag wouldn't work unless, unless we forced it which we could well if we hid one component, if we did set display:none on one of those than it would work right all right. Let's do that. So let's do that yeah there.

A

Oh that's true, you're right, it would work you're right. That would totally work. Okay, all right! So what are we gonna call this I'm, calling it in in here discrete encoding. So, let's just let's call this not category encoder diagram. I know I've changed the name so many times, Street discrete encoding diagram, because it's very specific, it's not we're not really doing a category. It's not a category. It's that's. What we're getting to that's we're trying to.

A

You have marks, as you have a stream to tap into to talk here. What do you mean by that?

A

Just add yourself.

A

I'm, sorry, I, don't get I, don't get what you're saying like I'm, not thinking on discord.

A

B

A

Hear you guys I can hear David.

B

A

You're better, like this I.

A

Know you can't mark can't because he's at work but I see Dave's attached to it, so I, yeah, I, didn't know if you were attached or not, but I think I've been on it the whole time but I think we're on the right on the same page here I think I'm, just gonna change some names and we're gonna. We're gonna extend this feeler overlap, diagram and again, please bear with me I'm gonna change. All these names most likely and.

A

And we're gonna send it w in category length and we're gonna set a specific encoder right if you use category encoder I'm, just putting notes to use the category encoder- and this is basically over override parent props in and max. So those are the only two things we need to override. If this is the right way to do it, maybe that's great: let's do this hey! Thank you, Richard for stream for hosting me yeah.

A

Does this make sense to you, Dave, I? Think, okay, so now, I'm gonna go look at the overlap diagram here. So since we don't have a constructor here, we have something: some like I mean I, assume, there's a constructor, and this is it give this gets executed the constructor after we run that we, this is where we want to override and use our own encoder, but we also have this reset encoder function. Maybe that's the place we need to as it gets set here like it gets recreated every time.

A

So this is really what we need to override and then we can control the values and the encoding. So we can only just have.

A

Yeah, so let's, let's just override this and use our own encoder.

E

A

Yeah, you would choose it here: yeah, okay, let's then, um so we know what encoder we're going to use. We're gonna have this cyclic encoder, which I guess I, don't need to wait a minute? That's not what I wanted to do. This is really.

A

Category coder, not cyclic encoder,.

A

This seems better.

A

Sorry cleaning a little as I go.

A

Okay, so we're gonna always use a category encoder we're not going to have a bounded, we're not falling bounded our Q's at all- and this will definitely the category encoder and that has all it takes- is n no W and category length, which is in our props Oh.

A

Which is basically what we're going to pull out pull out here, category length, W right.

C

A

So and the other thing that we're gonna do so, we've got so we're using the category where we don't need to do this anymore. We can just send props off right. This isn't gonna matter, I, don't think that's going to matter. Maybe we can get rid of this, so if all we're doing is resetting the encoder. The other thing that we need to do is control the value.

A

The value a value B have to be synced, they have to be the same and those are controlled from the outside. So what if we just sent the same, if we created a global value, let's call it for the sake of argument. Let's call it value C does that makes total sense right and then we created this and we passed in value a does.

A

This make any sense, this dot state dot, value C, and then we just do that twice again, knowing that we might changed the names of things, so we're good we're going to give the same value and we'll control it from the outside. So, okay,.

A

Yeah, a non update that will update value, see I'm gonna grab that from somewhere else.

C

A

So, what's gonna, this is gonna, be okay, no.

C

A

Be fine, it'll be fine one, but this will then change the values of a and B. Let's just see what it does. I have.

C

A feeling this isn't going.

A

To be farmed actually, once.

E

That's another.

A

Reason, I, don't think it'll be fine.

A

C

A

Just see what happens here, discrete I've got, my name is still wrong: discrete encoding diagram, category coding diagram. Now, let's call this discrete encoding diagram. Just read, encoding diagram and I. Think I named it yeah properly. Here, let's see it can't resolve the module is still just honest diagrams that rename it something funny I'm still calling it category encoders category scalar, Carter, so I'm here to change the name, discrete coding, diagram, okay, I, rethink that undefined category. Oh that's an encoders! So it's not! Oh ok, so we I don't think we can send it.

A

The encoder expects an array of categories and I. Don't think it cares what's in them, so we can't just use a length. We do have to send it a an array, something so I think we can easily enough to that.

A

Actually, we could do it right here instead of that. Well, this is it. This is.

C

A

Let me go back and look at the code category hoc categories, so it just needs to be an array called categories with a link or.

C

An object with a length.

A

Okay, let's make this: let's do this real stupid categories.

C

E

A

But I don't think it matters what's in them at all. So.

E

A

Know if this is gonna work out.

C

A

Okay, so it does need to be hurry. I was trying.

C

A

It didn't work so so, instead of this yeah, we just we want an array. I think you can just say new array of length, category links and it could to be empty. I think I.

A

Called a category encoder.

A

So yeah it needs to be an end day. Sorry, what.

A

Yeah, but it can oh you're right, you're right, thank so how would you create a array of 1 2 3, probably knows better array from.

C

Okay, that makes sense, so it is just doing.

A

The indices there's a ray from harmony thing. If it doesn't look familiar.

B

E

A

Learned JavaScript before es6 and though so I'm still a lot of hard-coded stuff in my brain.

C

A

Okay, I'm burning out a little here. Let's see what do we got? We got a lot of nada numbers, a lot of things that aren't MIT that aren't working. We need to get a a debugger in here somewhere- let's, let's put it right here, yeah, obviously there's stuff going on wrong here.

A

A

A

We have that in the wrong place. Oh you you, you revised it even further I'm.

B

Gonna put a debugger.

A

Right here so I'm gonna see what this is doing all right. So the encoder worked. The categories worked perfect and so evaluating value, B you're, both six.

A

Maybe that fixed it well, there's still a ton of errors and I'm sure that okay, so why would that has to be because evaluating value mmm so I'm gonna keep that debugger there and step out.

A

Render output cells? That's what I want to get into.

A

Okay, where we create the going pop-pop-pop-pop write, the.

C

Dual encoding right here we go.

D

A

Encoding a so we've got encoding a and encoding B and they're, probably exactly the same they're all I, don't know what they are, but they're we're gonna, create.

B

A dual encoding.

A

C

A

Still work select all rekt, the data is dual encoding. Each one is a and B see if we have rx300 of them treating them, so it was in here somewhere and probably I. Don't know why this wouldn't work, because that the value looked like our the air. Excuse me, they're, not a number of the vibes coming from somewhere in here that look like the d3 rendering problem. Usually that's when, like the data that it got to create its its elements, art that isn't really data or there's something wrong with the data.

A

So I would expect there to be where something wrong here, but there's not. They looks good.

A

Maybe it's: this could be bits to output display.

A

See if they di bits to alpha display, that's just a scale. I should be fine.

A

No, it's not! Okay! So there here's the problem bits to output, display its defined right here: oh okay, okay, okay, okay, orient d3. When we create this we're using n we're only using n. This needs to be recreated.

A

It is recreate after the encoder after we run reset, encoder and created. We do this, and we use n n is a value that this extension is calculating itself.

C

A

Where is it actually, we did we're not doing that anymore, we're not controlling in anymore. That's the problem. We still need to control in.

E

C

No, no I know how to do it. Hold.

A

On I know how to do it, we can get in from the encoder.

A

Yeah we can get in from the encoder. We.

C

A

We can do this safely in here.

A

We can say this dot, encoder dot, n. How about this fixes? It.

C

A

Okay, well, no right here: yay.

C

A

We didn't get it not a number, so that's good, okay, so all those so there's no longer like 1300 errors, there's only 306, so we're.

D

On the right path,.

A

So this still looks like a similar sort of problem, but here what was that error text X and D? No rect attribute width expected length, it rekt attribute width. So let's look at that correct attribute.

E

E

A

Maybe you're right this, that's probably somewhere else that we're using.

A

N-Word, this there's one only one all right right here: no, no, no, that's just where we were getting it before hold on.

A

There's got to be somewhere else. Oh, we have to do it I'm, sorry, not that I.

A

Reset encoder is called after that's the problem. Reset encoder is called first and then orient 3d is called no.

C

A

Fine, that's good, that's the way it should. We call it should be called and and I confirmed, that this scale was returning a real value. So I, don't think this I think we're looking at another problem now, and it's got to be in this rectangle with this this. This.

C

Is it oh you've already there.

A

Already there yeah, so that's that's the one you're, like always one step ahead. This.

C

Isn't fair, make me look bad okay,.

A

And I didn't find it because I was searching for dot in like a goober, all right, we're getting.

C

A

C

Gonna, take this.

A

E

E

A

A

I think so wait. Where is it? Are you talking about a line in the encoder or.

A

C

A

See what works hey? It worked. I can't Oh No, look okay, so we can't use IDs anymore, because these are all three of these are the same. Id.

A

C

A

Okay, so that's.

C

A

We were going to use clap. The only reason we did IDs was because we were getting frustrated getting the classes off of them for some really I. Don't understand why we're having such trouble with that alright, so that is in scaler, overlap, diagram and.

A

All the way down here this stuff.

A

So we already have a class named value a here, so we can't reuse that class name or we're using this we're using this to easily identify something in a code too so we could use. We could give it make.

C

It a data attribute.

E

A

Says don't render what.

E

A

But we still, we can't have two IDs. This component might be in the page. Several times we shouldn't in used ID ever I. We should have a ID'd off with SVG, so I think we I think we need to get rid of the ID. So.

C

A

I could do that I guess I'd be source, pretty simple. Let's.

C

Do that that seems.

A

Like, like the simplest way to do it, that's where I have to put a.

A

C

That gonna work that.

A

The IDE didn't like it Oh back yeah, okay, it's straight template.

C

A

I've didn't like that either.

A

Now, hair quit, don't don't move I undo it undoes mine and yours, that's funny.

A

So I bet this works and the die idee East.

A

Curly braces instead of quotes, oh I, see you're saying even, but what about the value a bit junk.

C

Do I have to put.

A

Our serious hammer.

C

C

E

A

So I need the dot props in this I can say this that ID, that we assign it I never did, assign it to a local value. I.

E

A

Not so I think I need the dumb props.

A

This is thing about ooh whoops, about the magical stuff that these frameworks do for you is you can't remember, sometimes what what's magic and what's not I.

A

Remember when rails started in Grails and grant rails and Grails and all those web frameworks that started doing all this stuff for you, and there was a lot of backlash from some people.

A

Falco says my voice is a little quiet, I, don't know how to do connection.

C

And phone now I, don't.

A

Know how to changed my I mean I think this is good as it's gonna get I could turn my cane up on my microphone, but.

A

They're already totally beat me whoops I screwed, that up oh.

C

Sorry, sorry, sorry.

A

I hit undo on something I, accidentally typed and it undid what you were doing.

A

This is like totally different from pair programming. It's like Simon, Simon, taneous li pair programming,.

E

A

Parallel programming, that's a good word for it: synchronized programming, I'm, not very synced, so.

A

What are we doing here so this is the drag handler understand on drag we're updating.

A

Yeah, just this bit yeah complicates that key quite a bit.

A

Can we pull? We pull this out, it's just some variable, so it's not so I, don't know what to call it, though key I guess a component key I, don't know I! Think in this context it's a key is fine, so oops.

A

You make anything you possibly can constant. Is that, like the good way to do it in harmony.

C

A

This stop props already there, okay and so right right. So this is going to update whichever value was dragged, which is basically the same. Let's, let's see what broke.

E

A

E

A

This idea of this element thought this: oh yeah, right, because this is something different, not this, this the other, this alright. So when I drag it, something else broke 139 again, so this is undefined. Oh, we wait a minute. This should be the text element all right. Let me put a debugger.

A

E

A

Is really frustrating because yeah what what I'm getting in in my debugging environment doesn't seem to be what is running in the actual environment, because I, because when I was doing this before I could say this dot, ID and there it is.

A

But when the debugger is not on e.

A

This is something different which I don't get. It's just console console.

A

Now, even before dragging there's something else wrong, so before I even drag, let's fix these something still with the text attribute X, so we figured it with a wick stuff. So X and D are bad. Let's look at X for text first, that is the label.

A

Select all text at that hold on a second yeah yeah yeah, this label I'm setting an X on it somewhere. Here it is. Why would that ever be not a number that.

A

Would never be not another unless the encoder is returning, not a number here, so that might be the case.

A

This I don't want this to trigger every mile of this fine I'll. Let it well at least see if that encoders, not a number. What value is its index index is 40. Let's put a watch and X is 50. Next is 180, so this is where I expect it to be. Not a number something's wrong. Here, though, W is 30 left value, something's, not a number cell.

B

A

Is cell width not a number it's cuz of this in again? Okay, so simple, simple, fix, simple fix. We have another end. That needs to be this. The exact same place that we did before.

A

It's only used once that's what stories: okay, I'm, hoping that's the end of it. Oh that's, good! That's better! Okay, all those went away. This doesn't look right, but a drag doesn't work, but there's still some stuff. That's wrong! Does this work? No cuz, but the W does okay, okay, it's snap in two values, but that's interesting! Okay, that's interesting! So it's keeping in constant because in is it controls its own end and it's based upon how many categories there are.

A

Let's add a category counter or category that we can change, because I want to see a change category length.

A

Yeah this should work ten.

A

Then that's what we'll pass in down here.

A

And let's create a parameter for it, so we can change it.

A

I'm loving this David. Just being able, excuse me to just create one of these number values, attach it to one of the Global's and then put it anywhere on the page. That's great!

A

This is called this category length. It's not what I'm gonna end up using, but.

A

That's what we're going to do.

C

Yeah I didn't see that.

A

A

Let's do low one i30 step, one I, don't stuff stuff is assumed to be one: let's make it 55, okay, when we put it down by it, and let's just put it right here.

A

So as we change this, it should affect it and it does okay. So we're we're we're in the ballpark. Let's say we're in the ballpark.

C

A

Yeah so heist Greg thanks for helping out Barbara sure he's probably gone already.

A

Yeah, that's I I know that there's problems with the drag function and I'm trying to put them off until I can I could get this rendering at least rendering and seeing the differences when I change things and before I start messing with drag because as soon as I start dragging it breaks, and it might be because of binding like he said before, I do that whoops I want to address the UI issues that I can see right now.

A

This six value should be here and the and the Bezier curve should start and stop around that value. Obviously it's not happening. That's very strange.

A

Oh so, oh that's, yeah! That's weird!.

C

C

A

Yeah this strike you're talking about this function. Here we made that an error function. We did.

C

B

A

Point, let me put it back. Yeah.

A

um So what we're expecting this to be in here is the text element. Excuse me, I.

A

Think this is well I still want to deal with why this is happening and I think I can get into it. I'm gonna turn off the the one before this one I'm just gonna comment it out. Why did that happen? That's weird I think I think that's left over from a comment.

A

I'm gonna take this whole thing out, because I want to debug it and I only want to drop in to this. One thing so get range from bit index is certainly wrong, but let's go with the simpler one. The six isn't drawn in the right place, and- and it's probably because I don't know exactly. Why, like we, don't this only updates once and even without dragging, it should be in the state of the right place.

A

We're telling it.

A

See which I made six.

A

Well, I'm, just I'm, just curious, okay bear with me. I was curious, what's happened here so just.

A

Okay, hold on bear with me once again.

A

So check this out what if I I'm gonna turn this one off I'm turn the other one on and I'm gonna send the same value in for both of them and I want to see what it does.

A

Alright, so this should work, this should have our old one, and these should both drag. No, it doesn't.

A

How the hell is this undefined.

A

Oh, we can't call this stop props in here.

A

We're expecting this to be with something here and something different here.

A

Yeah, so that's that could be the root of some of this. If I could find that I could never find it there we go. So this is going to be me. Okay,.

A

So this is working now, if I change this now to discrete and coding diagram, it should work it might not well, it should be a discrete it will ignore min and Max. It will ignore in.

A

Yeah I would need a category links. Okay, let's forget about that. I think I think. Maybe we found one of her problems. I just I had a feeling. Something was wrong up. There.

A

These should all work together: okay, good good, this one's still off and the drag still causes a problem because there's no one update I.

A

Mean we could just add a check for that I took it out of here. If I put it back, let's see.

A

Yeah, so that's gonna, that's not really what I wanted so I don't want to do it on update and it's not rendering itself, because that's not the because I'm not letting it get set. There's I'm not yeah, because value sees not changing right. So that's why it's not rather.

A

So I could customize this and and and put a function. Well, I could just do this.

C

A

Okay, but something happens, this still works. That's one of the things I needed to work.

A

Oh I have to say value dot, value, C or sorry value. Well, I, don't know, I guess.

A

Like this of value, I thought value was the whole state object or whatever has changed as a state object like.

B

A

C

B

A

Yeah did I. Do it right.

C

C

A

Okay, so the drag is sort of working, but we still have all these text X errors that are coming from putting the label I, don't know. I haven't quite figured out. Why that's happening, but the scales are certainly wrong, so we're gonna have to fix the scales.

A

There are the same scales, I'm using and I, say scales, I mean the the linear interpolation functions that translate a number from the pixel range that people are interacting with to the value range between the mid and the max, and vice versa. So there's their d3 I've got scales, set up to go in both directions in two ways: there's there's one for the bucket indices and there's one for like where the value would be placed and along that's those that pixel range as well. So the pixel range is the UI.

A

You know the range of pixels, the user interacts with, and the two scales I'm working with are scaled to the value range, zero to ten or whatever, the min and Max are, and to the the actual bit indices of the output cells that you see here. So there's. That's those are those two scales: both directions are the ones we're working with and then d3 you create scales like this all the time for graphs and charts and stuff, and it works nice there's a lot of tools around linear interpolation.

A

So it's so. These scales are wrong, that this isn't right. So this one looks like it's like 50 percent off 60, 70 percent off for some reason: I, don't know why and the other one for these there's also a scale that tries and translates. First of all, the value is just wrong: I, don't know what the max is, because the encoder calculates that I can drag it all the way over. There.

A

Okay, so I'm gonna shoot in the dark a little bit here and see if I can figure out what's going on here and if I can't well we'll see, but it's it's got to be get range from bit index draw bracket. So definitely a draw bracket is having a problem.

A

So, let's start, let's actually start with the text label, because it's in the wrong place, maybe that's the simplest place to start the text label the x value for that text. Label is in the wrong place, so maybe we'll start right there.

A

So when we draw a bracket we're doing this twice, but we're really only doing it, we really only need to be doing it once and actually what.

C

A

Here is I'll, just put can I just add: I want to basically display none. I could do that with CSS right start, a local style or something like that style equals, and then I can put the split displayed on.

A

Shouldn't something like that work.

E

A

C

A

C

A

Thing oops like that Oh like this.

A

This should still work the way I was working, yeah.

A

Alright, so let's find that text label, so this isn't going to show we're going to be looking for for this text label thing and we found it last time right.

C

A

So this CX- and it was because the cell width was wrong every time we've done. This is because a cell with this wrong I'm gonna stop here and see. What's what's not a number.

A

Everything seems to be a number at this point see X's to 1000. It's not that it's not a number! It's just that it's wrong, so why would it be different in in one of these and not the other? That's the that's the question.

A

So, when I do oh whoops, I can't do that. Of course, I just realized, like I, wasn't in a sub class. I can't do that as simple as that. Let's just leave it for now, something with it later: okay rerender.

A

So this is perfectly fine and exactly where it should be, and this one's not it's the same code. The only difference in this is how the encoder.

A

This is interesting, it happened, so it has to be like. If I did this, no I can't do that.

A

It has to be something here.

A

No because the category encoder creates those.

E

A

I send it, I use it to decide how many category you know the size of this array essentially and the category coder just expects there to be a w and then a category array with unique elements in it and then.

E

A

Right here it takes the length of categories and multiplies it by the size of w, so it just it creates an output encoding space, exactly the right space to discreetly fit the exact amount of categories. You said you wanted with.

C

A

Window size you wanted so the min and max mins, always zero and max is always how many categories there are, and I mean the simplest cases. Think of n, as the amount of categories you have and W is one that way. There's one bit on for each category and, like you know, if you've got ten categories, you've got ten bits and one for each and then, as you multiply W you can make it 20 bits to 1 for each 30 bits 3 on for each etc.

A

A

It's just odd that the scales are off I, don't understand why whatever is creating CX here side, gutter shouldn't that should be the issue index times cell width, so the cell width, it's like a coder n- is wrong.

A

This stunt encoder. Oh, this is a scaler encoder. This should be a scalar encoder. Should it oh.

A

B

Is the other one? Sorry if the other one was rendering.

A

Scalar encoders feeler: this is still continuous overlap. Okay, this is the street and coding. This should not be a scalar code. Okay, it's a category order and n is 300.

A

Diagram with this 500.

C

A

Max's 10th on the category coder, oh I, don't know if I'd pay attention to those underscore values, but that no that doesn't seem right, I think I think max might be sort of calculated on the fly, and these are just I, wouldn't trust them.

A

But it's not the encoding, that's wrong! It's the cell width, that's wrong! What is the cell width that should be very small one I'm gonna change, I'm, going to change the parameters so that they're a little bit simpler, that maybe I can tell the difference to live a little better. Let's change into like 30 W to 2.

A

Okay, so here let's stop I'll drag you a little bit one two three I think this is now we're in the discrete encoding yeah, so we're in the right place.

A

So width is 25.

A

A

It is 20 I just sit into 30. Oh wait. Wait ends, oh yeah. This I forget this diagram is not paying attention to global in to the page level. N, it's creating its own in value based on the categories in the W I mean I'm. Gonna. Make this really simple: let's do one and ten that way, yeah one two, three, four: five: six: seven, eight nine ten and we're at six zero one, two, three, four: five: six! Ok, so the encoding is correct.

A

The labels not quite in the right place and the other things the Bezier.

C

A

Are not in the right place, oh I, see I, see. One thing that's happening here is we we do need to snap or basically floor or ceiling or snap to a value, because it's only displaying the output when it's exactly the right value, I'm, not sure exactly. Why that's happening.

C

A

That's that won't always work. It has to be a little more than that, because these the categories could contain ranges of numbers. So there could be really big. I mean it's they're, not really it could contain six to fifty. You know the next one's 50 to 100 or 94 or whatever.

A

This I feel like this is the problem and.

E

Because the value.

E

C

A

That's supposed to be what it's doing, I thought! That's what it was doing um here in the hover where's, the hover.

A

Please lose it right there, this valve to screen invert, that's what that's doing it's taking the x value and it's taking the linear interpolation for value to screen and basically doing screen to value with the invert and translating it and this works for the ones up. Above sorry, I know this is working I, don't think this is I. Don't think this is the problem, hey look! It's the same. Things happening up here.

A

Oh, you know what that I'm, looking at a different problem, I actually have this documented here in Trello. There's a little bit of a bug here and I. Think that we're seeing is with these Bezier curves I. Think that's what we're seeing now. This.

C

A

The this isn't the same problem as this. This is different because I think this is different.

A

Maybe it's not different.

A

There's still something wrong with this.

A

Okay, so I can't quite tell one of the reasons is because we need to let's look at the code. Let's look at my other code, I hate to do that, but because.

B

A

Really pretty much exactly how I wanted it like this, so whatever I'm doing here is what I want to be doing so, let's I'm gonna take a quick look at that and see if I can decode it.

A

This was called discrete encoding.

A

Okay, I set up that GUI draw a bracket.

A

Draw brackets, treat rectangles, create a coder.

A

ah ah So hey look at this, so I'm doing something a little different here, I'm, creating the rectangle width and I'm using the encoders in value. So maybe it maybe just something I'm already doing. This is basically I'm already doing this, but this is seems different, I'm, creating a new scale every time.

A

Every time I create an encoder I'm, creating a new scale called output range scale. This is apparently takes the output range I. Think I assume that's the cell.

A

The cells like the indices of the cells, it maps it to a UI range, so I can take an index from the encoder and map it to a place on the screen and it's remapping it every time.

A

We create an encoder, it recreates the scale so I think we have to do this, and how is this used? It's used when we're finding the brackets left and right. So how did we do this in the scalar overlap diagram when we were creating the brackets left and right, we used Val to screen.

A

And this one use, or was it where was the it's just looking at it, sweet.

A

So here left x, equals left x, equals the max output range scale versus and I used Val to screen.

D

C

A

I think I see so I actually got the index and the value for both of them and I used the value to get the index from the encoder.

A

Well, that's not what I did.

C

A

So I think I can do this I think I can do exactly this. This is I. Remember, I, remember copying this and complaining, because I used that let in that way and I hated it let left index coder, dot, reverse scale and X I should still have an index and basically those same for right index.

A

But not index its index, plus w.

C

A

I do if I did tails like I. Don't need that so now, that's this output range scale. I will have to basically recreate every time we create a new encoder. I. Think I just copied it. So whatever this is doing, I'm gonna I'm gonna create that in the.

A

I'm gonna: do it yeah this upper in this class 3? Second coder? Okay: let's do it before we actually set the encoding. So, let's, let's just say this dot output range scale.

A

And the UI range- it's not the UI range. It is this essentially.

A

Hold on a second.

A

This is, this is the same thing. This is what I'm doing here, I'm just calling up bits to outlet display instead of output range scale. This is the exactly the same thing. I could do this, which is exactly the same, that that is what the output range is so I'm just going to use this I'm gonna use bits to output display, but I have to do. I have to recreate this essentially every time.

C

A

Know cuz Orient, 3, D 3 is gonna, come after reset encoder every time, so I don't have to do this here. It's already being done. I just have to reuse. It I have to use bits to output, display I already have it. That's in output cells, no in brackets,.

A

It's the output display left index, it's to output, display right index.

C

A

I'm not certain about this I'm, not certain about anything encoders not defined. That's 67,.

A

Hey sorry, I've been ignoring you guys on chat I've just been like hyper focused on this system on, which is for you the best modeled approach forecasting for data that have seasonality.

A

Well, you need something that can understand temporal data, which is hard for most deep learning systems. So it's one of the things htm' is good at especially if you want to do anomaly detection, so you could certainly look into something called HTM, which is what I work on ok bits to output display, I.

A

Forgot where I was I was looking at first, a 67, you fixed it.

C

A

Okay, holy cow that might have just fixed everything. We found the magic thing to do. Okay, let me let me reset some of these values, so they are back. Stick that back to normal I still have value, see ooh what.

B

Happened there that's.

A

Not what I wanted to see? That's! That's not right.

E

A

All I did was change today.

A

Let's see if we can see this a little bit better with different guys now.

A

Okay: okay, don't panic! It's got to be this much stop here.

A

It's always one wide yeah, oh I, think maybe this was just a copy-paste.

A

A

Left index right index, maybe something's wrong with that left index.

A

Something's wrong with left index right index I'm, not using left value right value anymore. So it's only thing I was using it for was to get.

A

I'm getting it more directly before I was like translating it. I was scaling it twice, which was kind of silly.

A

So if I have an index on calling reverse scale, this reverse scale is kind of silly um I. Don't think I need to do that. If I look at this, it's the scale we're getting it from. Is the scaler, encoder and I think I added something like reverse scale here as a convenience did I.

C

C

A

It is so I create one scale, which is the main scale that translates the input domain into the output branch, the input domain being min and Max the output range being zero to. However many bits there are, and the reverse scale is the opposite, which is which I don't, which is fine I could I could just I could certainly use that the output range the input domain was so if you want to take an index, which is what I'm doing here and get.

A

Left index, this is going to be the left. Pixel value left X. This is.

C

A

Sure this should work. That's what I'm, not understanding here, don't understand why this doesn't work. Okay, let's deep at a debugger here, I'll get a better understanding.

A

C

A

Right, our left index is 4. That's not right!.

A

A

This is a scaler coder. This is not the one. I was looking for.

A

Two three I think it's the third one yeah okay, so we're in the right place. Now, output range, that's not where I want to stop. Here we go.

A

Left index is six, so we are at index 60.

A

Value six name value a so at five. We have.

A

A

10 and the N is a hundred.

A

Yeah, so with this five, this makes sense so far, oder.

A

Left path, right path, this are all just before we really doing anything.

A

So I mean I'm going getting the encoder scale scaling the current value, which is six so I, can get the index.

A

Where we need to start drawing the bracket too I think yeah.

C

A

Then we say okay left index and this isn't a pixel value, it's the index where we should start so based on the index. We call reverse feel to get a pixel value for the for the left, part of that which is apparently six which is not right.

A

Or were we I want the console.

C

A

Area: okay, console this dot.

A

Where was I encoder dot reverse scale index left index is not right. Encoder.

C

All right, that's the best stuff. That's fine.

A

Odor dot scale, so if I want to call scale I.

A

Send it the value it's gonna, give me 60, I, think for the follow, I appreciate it.

A

Thanks Falco thanks for the nudge yeah check out our forum, but I'm sorry I'm, not being very attentive to you, guys in chat because I'm trying to solve a technical problem here and it's taking I'm not being very successful at the moment, so so I'm trying to scale from the index to the index plus W, which is so how long I want how many bits are on so this left index should be, should should not be this scale. It seems wrong to me this reverse scales.

A

This just doesn't seem right, it's obviously wrong. It's not doing the right thing.

A

No, it's not so what I'm doing is I'm I'm starting at the index where I know um this is this index. 60 is telling me right here and then the index + W is right here plus W, and this is the right side. So this should be the left. Pixel start. This should left wrist would be right, X, so left X, right, X and pixels. That's what I should be getting here and they're, obviously totally wrong, so left X is it's gonna be, and it's because my index is wrong.

A

This index refers scale now, I think I'm just doing something wrong here. I already have the index.

A

The left index is 60. The right index is 60 plus something else.

A

Thank you for the follow, I totally missed. You just follow me. Sorry, because I'm close I know I'm close I'm like we're really close to solving this problem, and- and it has something to do with like me, over complicating how I'm, using these linear interpolation scales.

A

So this index represents this right here. I'm trying to get the pixel value with this, all I should have to do is send you, the encoder.

E

A

A

Taking out I think I think that's I, think that's it I guess true I think I've got like one too many scales going on here.

A

So if I took this out so, for example, so I don't have a left index right index. I do I, do I, do actually because let left index equal index plus Oh index, let Oh God all right index equal index plus W, which is essentially what I just said and that's what I should use for the indices I was I had like I was translating back and forth. I. Think, let's see.

A

A

Sort of I'm gonna take this debugger out.

A

What did we? What did we start with that? We used to have all this jazz in there left value. I was using a value and I, don't think you ever have to use the value, so I was translating back and forth and back when I didn't have to at all.

A

So it was just over complicated and we don't even need.

A

Let's put this right here: I'm, not sure why these are off a little yet- and this is not oh, it's still, it needs to be yeah. Look it's right, it's spot-on when it hits it it's spot-on, but these are not so something's still weird, because this is the same code running both.

A

Isn't that odd?

A

What would be different? The only thing is different. Are the encoders? Yes,.

C

A

Catch good catch, long, I forgot to say it again, one song close.

A

So if the only difference here is in the.

A

Why would it be any different, though, between this one and that's what I'm not understanding.

A

C

You're right, yeah, you're, right, you're, right.

A

That's it but I'm concerned, because why is this one looked great.

C

A

No I think maybe.

D

C

I think you're right I.

D

Think that's it. Okay,.

A

So what was that / thing that was even doing.

A

So, instead of so apparently index one I'm, not our eye right, I'm, not separating it I do I have to that's the center, so I need to subtract half of W, essentially.

A

So it could be minus W, minus two and.

A

Not minus two divided by two I guess: I, don't really need friends.

A

This will be a little off. No, it won't be gonna be perfect. Now this is a little off. I, don't get it. Why is that off? Why is that off? It has to be something to do with the encoder.

A

It's got to be in the encoder.

E

A

Yeah, oh the draw bracket method yeah, it's so close, though there's got to be something it's so close all right. Well, you know what we're close I'm gonna write I'm going to draw I'm gonna write up, though so there's two issues here to do and I think I'm gonna know: what's what I'm gonna do, but I might as well put it in the Trello board. One.

D

A

We need to actually make the drag discreet and the other is that the brackets, obviously off by half half of W, and you have to figure out why that's happening in this subclass and not in the superclass.

A

It's like whittling and code, okay. So um so, let's do a quick review. Look I feel like we need to push something at this point. I've got a lot of changes. So, let's, let's take a look at what we've done. Oh look: I've got co-authored by isn't that cool? That's awesome is it are these like notes, I can put in that's cool, so I'm gonna take I. Guess I can take notes about this. So we've got a new added discrete encoder.

A

That's excellent, okay scaler.

A

Mr. this quick check of this.

A

Overlaps I was a name change.

C

A

If I could tie that into my credit roll-ups, that's a good idea. I wish I could define my own credits, but I, don't know how yet I know it. I know how I just haven't it would take a lot of manual work, so we're replacing in with a coder and I feel like there might be somewhere else in here where we have an end. It hasn't been converted to encoder and- and that may be the only reason why, but we'll figure that out right, we changed that key.

A

Decoder n we simplified this, took the state, isn't it silly? So we went one direction and then we went right back the other direction. So we simplified this pretty drastically into just one one translation from index, because that we already had and then right, we updated those IDs change, the name, simple scalar encoder, just added a default value here and then the coding numbers.

A

Imports, oh we've got no more diagram. Stubs check that out. We've unstuck everything.

A

50 100 I'm gonna put this back so reason to change that right now, I will keep the value C category links.

A

Category length parameter, our new diagrams gave a scalar overlap and again I will fix the names up eventually, and we added this. So we could snap that around category length.

A

This will look a lot better with.

A

A small w and a few amount of categories anyway.

A

A

That was great great great great.

A

In different host says, is there an explained it like I'm, five of HTM systems? Yeah there certainly is: do you like watching animated videos go to HTM school? It's a video series that introduces HTM, see all the episodes and their descriptions, and it starts out really really basic with bit. Arrays sparse, distributed representations why those are important, and then we go through all these encoding things I'm talking about encoding right now.

A

That's what this that's the code that we're running you now is doing it's doing encoding so we'll talk about different methods of encoding and then spatial pooling. If you continue watching this series, building HTM systems on Twitch I'm going to be building a spatial cooler, so we will get there and and we'll we'll be going through all these algorithms and building them out and visualizing them. That's the whole point of this task that we're working on building HTM systems.

A

If you're interested in following along the HTM s here is a link to the github, ignore every Thursday, it's not every Thursday, it's just whenever I can do it.

A

Yes, that's what this is simple, HTM, that's what this is supposed to be. This is going to be the JavaScript it's Jim framework that is going to run building HTM systems. The only thing that I have in here right now is encoders. So when we start encoding algorithms, we'll do it here, so it'll be a different project. It'll be clean, there'll be no UI. None of that stuff will just be clean and everything will have a test, so I have built these encoders and I've tested them all pretty pretty thoroughly.

A

It's like the category tests we were just working on, for example,.

A

Days of the week- and it's the expected encoding the very explicit tests about about this, so I'll continue to do that sort of testing as we go along, because when we create the spatial Pooler and we create the receptive field, properties and stuff, we should be able to step-by-step test and make sure it's doing exactly what it should be doing and that's part of the learning process. So it should be fun.

A

Ok, I'm going to commit this.

C

A

Am going to edit suite and coda guys I'm almost as I still has bugs I'm gonna commit this and then I'm going to create a couple of issues.

A

I'm going to create a couple issues in Trello: that's going to pop up something on discord, I think yeah.

A

So if you're, if you're in or if you want to join our discord by the way down down below the twitch page, there's a link, you can join and we have a channel in here where I'm talking over and you can talk to me live if you want that's how I'm talking to David and now, let's create a couple of quick Trello issues before I sign off that we'll talk about the last few things that you really should do for this to really call this component, this diagram complete because it has bugs it's not just a display problem.

A

So first of all, is a discrete drag. We need something that will pop to these values that actually contain see. I can't even get to it. Now, there's one a discrete drag OH.

A

So let me add a card for that. Okay, for discrete drag for discrete encoding diagram. I'm gonna put this in review. It's not totally done this is this. Is I'm gonna call the cyclic encoder done. The continuous alarm code are done, even though there are some tweaks that could be made to it, I'm just going to call them done this. One is not quite done, but it's it will put it in review for now, because we're gonna come back once this is fixed. This is a diagram bug.

A

A

Dragging should snap to the street number values as seen at.

A

This component right here figure 9 figure 9. There should be a link address a scene of.

A

Figure: nine.

C

A

Ashame systems- okay, save next time you discord volume at the next time. You need to fix the discord volume. I, can't control the discord volume on David's, headset or David's mic I can only control. My own I could hear him. Fine, I, don't know why you couldn't hear him.

A

Can you know you can't hear him on the live stream? That's what you're saying! Oh I got you so in order to do that, I would need to turn this up, which the music is too loud for you now I'm sure. So let me turn that down David. Could you speak up and see if falco can hear you can.

E

You hear me that.

A

Sound better so a lot out, or hopefully, yeah, okay, that was it so I think that people in the live stream might have been having problems. Hearing you sorry about that. You guys I could still turn the music up a little bit. Hopefully, okay, next time, I'll make sure that that that is working properly.

A

It's a learning learning process here, okay, discrete drag! We got that the.

D

A

That's not working yet is well the values wrong. Luckily, we didn't break this one. It is a little bit off still see that it's a little bit off right there, but.

B

A

Have a bug open for that anyway? That's that's this. This book, yeah I, think that's the same problem. All right and I, like I, remember fixing that someday a long time ago, so the other bit was just that the Bezier curve is often I.

A

Don't know why and I really don't know why there's just these look fine and the the this doesn't for the discrete one and I'm not sure why so, let's add a another one for that Oh for this one, by the way discrete drag I want to call that a bug I did call it a bug. Okay, add another one.

A

Discrete diagram and coding is way off.

A

I'll just leave it at that. Let me drag the picture over here.

A

Maybe related to.

A

Not going to go back in it, it might be related to this one.

C

A

I'm just trying to copy this card, I, don't know what just happened. Trello is doing something magic for me, maybe case. If setting W has an even number solves the problem and maybe.

A

Are the indices are not the integers it shouldn't be because the indices are not integers, because I'm doing a an interpolation and I think probably flooring them or something like that. I, don't know what we'll have to look into it, but it is. It may be related to as I said this one.

A

So this is a diagram bug and we will leave it at that. If I come back over the weekend, that's going to be the next stuff that I'm going to work on. If, if somebody does want to tackle them, you're welcome to it. But if, if nothing else, I'm gonna try and finish up the discrete encoding diagram, so we can put it aside and move on the next. One is going to be category encoder and it's and it's pretty simple, but it's going to be a custom diagram.

A

It's just this little thing that shows a very simple type of category coding is just like a here's, an example of a typical category. Encoder, it's a weekday versus weekend encoder. So.

A

Should be revised with bug, but the concept is a play ranch.

A

I think I think I put her bugs on these, because this one, a bug, I'm gonna, call this a bug to her.

C

Name, oh thank you.

A

For the follower host, like your name, this is a bug too, and we will be back so my schedule says- and I am sorry- you guys I'm trying to stick to the schedule, but I'm not very good at it. We did. Our are yeah.

C

A

The schedule says: lofty development, Monday, so I'll be back. Monday I assume, there's probably going to be research meeting Monday, because today they didn't have one person.

E

I might fall.

A

Was that David was.

E

It Monday all day, oh.

A

Yeah Monday's a holiday, so there's not going to be a research meeting, Monday for sure I know: I know where there's not gonna be one. Let me change that there will be one Wednesday, I'm sure, I'll change it. It's super easy to change.

A

Monday I already have one Thursday, so let's move it to Friday wait. This is the wrong one. This is wrong. This is the one I'm changing that was close edit yeah. This it'll be fun when we get to special orders, that's that's when it gets interesting to think about like that's when it gets like brainy. You know like wow. Your brain is really doing this. That's crazy!

A

This guy's crazy! Okay! So we back to and a building HTM systems on Monday later Monday. What the heck! This is not the oh yeah.

C

A

Then the next Monday we're gonna do the we're gonna talk about the fully connected layers and I. Think Mark Brown that Kings gonna join us be able to join us on chat for that, but in the meantime, I'll probably do two sessions next week of building HTM systems, certainly Monday and probably Thursday or Friday, and and that's it. Let's take our 13 viewers and and go raid somebody else. Let's write a Science Channel, let's raid rockets, age, she's she's a fun science channel. Let's do that.

A

So thank you. Everyone for joining. Let me press the credits. Button I, don't know how well this is gonna work.

A

Bring me four else: do this there we go thanks for supporting the stream. Here's everybody follow during the stream. Quite a few people. Thank you all very much, and subscribers I subscribed you because you hang around so much just like just want to say thanks to all of you guys when you, when you cut to the next channel before you guys start chatting or whatever wait like five seconds or when I cut to the next channel. Okay I will do that.

A

It'll cut my last words and also when you go to the next channel. Sometimes you'll jump right into a an advertisement which kind of sucks. Oh all, right,.

C

A

Right, you guys take care I'm, a we're. Gonna start the raid, you can go watch or I could say. Talk about geology, take care of. Tell her I said hi.

D

Because it's funny to me and they're, oh say anything like I, not going to say anything right hi! This is the raid man can I get a shot up for Eric. You look please.

D

Well cook, to Titus: now that's just chicken I'm gonna make a really messy rap that I might actually inhale off stream because they trying to get sauce like on me and everywhere and I. Don't want you guys. Let's see that.