Numenta Live Streams, 23 May 2019

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: BHTMS - ScalarOverlapDiagram Part 1

Description

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

A

It's kind of funky in here you just get kind of funky. Not me.

A

I, like the funk I like a funky.

A

B

A

To a different playlist called mellow beats, which is why it's so funky in here. It's funkier, the nighttime loaf, I hope. No one Minds oops.

A

Building HTM systems: okay- let's go to the readme I, always like to start at the readme for anybody who may be new to the project.

A

Here is the raid name?

A

It's it's wobbly falco. It sounds wobbly to me, but that's just part of the production so.

B

A

That you might want are on this page. All I'm gonna do is a run. Npn run dev I think the last thing I did here was yesterday right may 22 days.

B

A

B

A

I thought I pushed from my laptop yesterday: I might not have no. This is it now. This is I think this is last thing. I do.

A

Yeah, maybe no I, think I did something else too. Let's.

B

See what it look, let's see, what does.

A

They just pull okay upstream, get pull up stream master already. Up-To-Date, get pull origin everything's.

B

Up to date, okay,.

A

If you hadn't run I'm pretty certain I did something I've already got this running somewhere hold on. What do I have this.

A

It is it's running an another on another terminal, alcohol.

A

Encoding numbers we were at the cyclic encoder all the way down here at the bottom, so we'd already gotten through all these here is the cyclic encoder. Let me turn this off because it looks better alright, so there it is, and.

B

If we press this, it converts.

A

To a circle, isn't that nice, alright, nice and smooth conversion from line to circle and it even handles the hover while it's transferring from one state to another, so I'm happy with that I'm happy with that. Just like that honestly I think that's exactly how I left it I, don't think. I have any of this code. I.

B

You know what I'm gonna check my.

A

Laptop cuz I, don't trust myself I feel like I might have changed something in the office like the last thing I was going to do was autosize the SVG so.

B

It expands, you know.

A

I gotta see, if I have any changes on here.

A

The language TM systems.

A

No I, don't okay,.

B

Sorry whoa wait a minute.

A

Yeah, it's all good as long as I've got an upstream master and this last commit was morn, cyclic, encoder Kalina. He so.

A

The next thing I was gonna, do was super simple. It was just going to chit be to change the shape of the SVG so that it expands and contracts, because there's not going to be a border around this in the end, so it would look really silly if there's just a ton of whitespace and.

A

I've already done this I died, have I had already done this in the previous version. Excuse me so there's probably code to do this already. So probably it's going to be very easy to do so. Let's just see if we can just do it really easily. Hopefully we go back and look at the old source.

A

And I write something down just there's I'll. Do it on my I'll. Do it on my um as I.

B

Come up with with ideas.

A

I want to make sure that I have a way that I can write them down, because one of the things that I want to be able to do twitch wise is okay for, for my twitch stream.

A

Is, as rotate cameras automatically and.

A

Allow chatters to somehow notify me or play a sound or something so if I'm ignoring you guys and you need you want to get my attention, I'll probably only allow some chatters to do. This probably have to follow the channel or something, but some way to. Let me know that you're trying to get my attention, because sometimes I not paying attention, chat very much I'm soft. My little world I need a USB extension from heaven. It's a good point thanks for the thanks for the reminder.

A

Okay: I need a USB extension and.

B

A

Be able to get that until I get I have them in my office. That's Numenta! That's not just an extension. I need.

A

I'm totally missing, like the cable like I, need like a small HDMI, DeLarge HDMI, cable.

A

It's actually not a USB extension that I need it's an HDMI extension which I have, which I have so I. Actually don't.

B

A

I, what I need is a small to large, HDMI, cable, okay, thanks Falco for distracting me with there's something I've actually needed to do. Okay, so we're gonna, look at the old source, widgets, the HTM, S, coating numbers, cyclic, encoder, okay and I know: there's dot width, its width, something SVG I'm, changing the oh, no, its height height, we're dynamically changing the SVG height somewhere, so I want to see where it's most likely happening. It's only seven Heights I think I'm gonna have to manually find it that one set up that GUI create encoder.

A

Update output bits update, display, encoder display. Oh that's right! It's in this! It's not even here. It's in this fancy encoders like display, which a fancy cyclic encoder rush, I forgot about this I create I, already had created a component for this. Here it is update display. So so right, yes, oh I did this with jQuery did I not what is SVG.

A

How am I setting is it's? Hopefully it's not Jake, very it's d3, okay, so it's d3, okay! So we're setting an attribute every time this is called. It's gonna dynamically set the height on this SVG, based on the display state, so it'll be a certain size if it's a circle, another another height, if it's a line so I so I. So what I really need to do is.

A

Figure out the best way to do basically, this logic and I'm just using scales that I that I think already exist.

A

Where did I define this in render I don't know, I might actually need these scales circle to line scale Y line to circle scale, Y I do I need these scales to okay, so I need these scales and I need this little bit here to make this work. If I want to do the automatic thing, oh hey, David, live share, right, I forgot about for sure, so I get a question. um I put this in chat for you.

A

I have a question so there's an issue that I'm that I'm working on right now, it's not essential it is basically all I want to do.

A

Is I want this, the width of the SS BG to be a certain height, not the width, the height of this SBG, to be something when it there's a line to be another height when it's a circle when it's in this state and then during the transition I want it to change and move up and down just like it was doing in the in the previous version and I was I was going to work on this, but I was thinking.

A

Maybe I'll just turn it into an issue and with the relevant code that I just basically stole and put it off, because I really want to keep pushing and I want to get to. I want to get to the spacial Pooler I want to try and get to time encoders next week. So I want to start working on the overlap, diagram and the discrete coding diagram and keep pushing.

A

So I think I'm going to put this in an issue and I'm just going to define it well, we'll call it cyclic, encoder, dynamic, height.

A

Okay and then I'm gonna add some details to this.

A

It's a hue I, it's part of a diet. It's not a diagram. It's just a UI tweak on a current diagram: okay, SVG for cyclic code earth diagram should adjust height based on transition of one height or line state, another for circle, state and transition between, and then I have code. I'm, not sure. If this is gonna work, I'm gonna just try it, though whoops not that.

A

I preview: it no does this work. Yeah works. Okay and I'm. Gonna put the other code to it. Didn't recognize the J ass, maybe I, have to say JavaScript.

A

B

A

This is what I pulled from the previous thing at worked, it's weird it doesn't highlight. Maybe this doesn't. Maybe this doesn't work a lot of times. You can just put the name of the language in and it will identify it.

A

Oh my gosh transition last version.

B

A

Don't have a label, this isn't easy. I guess I hate to call it groundwork, because it's sort of fun I want to make a tag or a label that is like.

A

Maybe maybe blue for Help Wanted, I'm gonna put it I'm gonna do Help Wanted I'll make it blue, so so that's I mean I, have I, know I'm in a different one. Now I'm sort of I'm sort of like not I, think I, maybe I have too many labels.

A

Let's take out investigate. No, no, that's that's. How do I head it all my way, this menu.

A

Labels, okay, so here's I'll do I'll change I'll delete this Help Wanted! No! No! That's! Not what I wanted I'll make this purple I'm not trying to delete it. I want to make it purple. Okay and I'm gonna delete investigate because I don't think it's worth having a thing for her. Okay.

B

So anything that's purple.

A

Is help wanted, specify ID to code syntax sure can make this.

A

A

Style, the page and I'm gonna reserve that I think somebody can try it if they want, but I'm, not gonna, request center value markets. It was here around the rectangle marker. That's this shouldn't be hard. This should be easy. Okay,.

A

So I'm gonna, so I haven't touched a line of code right, yeah I haven't touched a line of code, so I'm gonna move on I'm gonna leave this I'm, not gonna, fix it and I'm gonna move on cyclic decoder, dynamic, diagram, height yeah. These toons are funky today, because it's a different playlists called mellow beats. It's not nighttime low fine, but I like it, because it's funky and it's almost all instrumental so I, don't have to pay much attention to it all right. So the.

A

So now we need to consider whether we need a base class. Okay, David you can. You can help me with this, since it's very, this is probably pretty react. Specific, maybe I don't know, but what I want to think about is now that we've got two components that are diagrams. We have a simple scalar encoder and a cyclic scalar encoder.

A

It's it's probably a good idea. Let's split this and take a look at them. It's probably a good idea to investigate them and see. If there are, there is an opportunity. Now, since we we have two diagrams that are both essentially creating similar d3 constructions, whether they're, whether this we should think about abstracting a class.

A

B

A

A class it would very likely be would be to handle some of the d3 stuff. You can see your similar things happening. Orient d3 render number line, render value market render output cells. So we we have a bit of a pattern here for this, but I don't want to put in place too much of there was any restrictions. I want to be unfettered, but but I, but if there's a bunch of like if orient 3d, is essentially the same, the same thing. How do I dive into that, like? I can command click.

B

A

There went this one say: command click there. You go.

A

So we never even used this because we don't draw the peasant Bezier curves am I getting better with the Bezier curves yeah it might I, don't want to try I, don't want to try and force any abstraction, I'm just wondering if this isn't much like it's almost not worth it just because this is different and and the next one might be significantly different too.

A

All right, Neil busy great.

A

This is also different enough that it's it's not super easy rendered number line. This is all again different, so yeah I'm, not I'm, not looking like I, want to change anything, although this is very very, very similar for the value marker.

A

I, don't know I, don't know if it's worth it for one function. I know the output cells are going to be drastically different yeah because we're doing circles, and one and Rex and the other and we're using a data array for one and not in the other, at all.

A

It abstract value marker into its own component, all together, I guess it doesn't have to be that's a good point. So let me think about this. That's a good point, so in the so here, I would create that's where I would just instantiate it right as the value value marker. Then I can do the same thing here and then get rid of the whole. The whole entrance right that renders the value marker reads. Essentially it would render itself we just make sure there's nothing d3 ish that was gonna cute. This yeah I.

A

Think I think it's not big enough of a deal for me to change anything. So, let's move on, let's move along I've investigated it. We looked into it, but at least we know where it's possible that we could do some abstraction and and what might be affected. So as we built as we make our next diagram, we can think about that and keep it in mind.

A

Okay, so the next one, we're still in numbers.

A

Here's the one we were just working on and I, don't think this matters I, don't think I have to show that so I wasn't even going to do it. The next one is so.

B

We're trying to show.

A

Why it's important, why discrete versus continuous and coatings are different.

A

Cyclic encoder lying 55, you put a comment: okay,.

A

This can just do render output cells, I think save a lot of CPU I. Think you're right.

A

Let's try that I'll find out whoops whoops, whoops whoops.

A

A

Yeah totally right cool.

A

Okay, thanks Dave, so now anyway, I was trying to show you what we're going to build. Now we want to build a sari with that.

A

So the point here is to show to encoding Xin the same space and and how they can be encoded. Similarly, based on the the W and n settings of the space, so we'll have one encoder, that's one color I like the yellow and blue interaction and having a green in the middle. We don't have to use this color specifically, but I like this interaction. I'd like to not have these things. That would be much more intuitive if the user grabbed at the value itself and drugged it.

A

That would be my preference of you to rub right here and moved it like that. So I'm, not gonna, recreate this I think we're going to we'll just start with. So there's no number line in this one. It's just the output cells and then two in coatings that are going to be movable somehow by the user. I, don't think we need to use Paige, Global's page variables at all here. I think we can just stand. She ate it. So here's the way I would write it.

A

We're gonna have like a value, a and a value B.

A

Maybe we'll just call them blue and yellow I, don't know, let's just we're.

B

Gonna have two values and.

A

W and n are the only things they're gonna pass into this. This is going to be. What are we gonna call this all the examples shown have been continuous and coatings. This also means numbers near one another and the number line had been represented. Similarly, for example, you can see encodings for two numbers. Let me refresh the page, so you can see four five and four and five. Given the aquatic parameters to find below. You can see the overlapping bits in green.

A

So maybe we'll call this scaler overlapping overlap. Diagram scaler, overlap, diagram. Let's call it that so we're gonna create a new diagram here, we'll call it scaler overlap, diagram JSX, so our third diagram and, let's just steal equity before will- will steal the the structure of it from another. Encoder scaler overlap, diagram.

A

Okay, we will I, don't know if I used it abounded encoder last time or not, let's see, oh, it doesn't even go to the end. That's weird I like like prevent it from even coming to the end. I, don't know why I did that, but probably because it did something weird at the at the boundaries and I didn't want to mess with it. Okay, so I just bound those manually to so so. I could hard code.

A

The second hard code a lot of stuff in this, so we're not going to use the bounded scaly encoder, it's just going to be the scalar encoder.

A

Skew our overlap, diagram will have it and we're gonna have to encoding so to in codings with the same encoder. So so this will be different. This this will be different.

A

There will be no render number line, no redder value marker, just output cells, I'm, not sure about the.

A

Encoders there may be something called reset: encoders component will not update we're not going to get property changes.

A

No, no believe this just the same, but it's not going to be value, so this isn't gonna work. I'll, leave the update, but there's like value 1 and value 2 here so I'm, not sure I'm, just gonna leave this empty.

A

I'm sure we will want this sure we'll want that aurilla d3 we'll come back to this. So I'll just comment it out. Reset encoder I have I'm still I'm, not gonna, something differents gonna happen there, but it's rendered number line is going to be gone under value. Marker is gone under up it. Cells is alive and well and.

A

Mostly the same, the trick is going to be the the colors here, so so there's definitely going to be some stuff to do in the colors.

A

Like this is okay, this is okay yeah, so we just got some.

A

Certainly some things to do there, but I think we can leave the rest get range from bit index. This is something we're not handling sell out, but hover we're gonna do something different.

A

So we don't have to worry about these Bezier curves, but we will have different Bezier curves and have the ones that go from the value up to there and we can swipe that from the old code.

A

So we don't need handle number line, hover we're not going to have a number line or value marker, so scale I'm, not gonna. Have these labels there's output cells? Okay! So let's go look at the structure. Oh there's, another place, I need to.

A

Update this and these so we're not gonna, have bounded where I could have a value.

A

This is not gonna have an on update, there's no min and Max snow resolution, the hard code, all this stuff, there's an ID actually I'm gonna hard code, no N and W. Maybe we'll change.

A

Yeah, definitely we won't. We want the user to be able to change in in W. Yes, so those those.

B

A

Maybe we can maybe we will use those parent property, since we already have those in the page right we're already using them here for all of these others, if I change in and W or did I change them no min max in W.

A

So let's just use whatever whatever's in the page, we'll use that I think that'll be fine.

A

Okay, so let's say that's required diagram with is required, so that's all we're going to need everything else is internal. The value is not going to bubble up. None of the values you're going to blow up nothing's, going to bubble up out of those okay, so I DW in okay.

A

So now in the number and coder page excuse me, the encoding numbers page did I miss something. David saw your thing pop up. We're gonna use this way down. Here it's going to look kind of like this.

A

So where is the stuff? Here we go continuous. So let's build. Let's build a scaffold here, it's a figure figcaption.

A

The diagram is gonna, go here and we're gonna call it it's not cyclic. Coder is scaler overlap, diagram, no value, no min! No max! No display state! No on update.

A

That's put this inside of the thick caption like, so there we go so we will want to have params.

A

Eventually, we'll get to these, these are gonna, be oh, these. These values I, might want to.

A

Know that's interesting so so these did not even update all right. This doesn't update when this does say that that either so, if I wanted.

B

A

To update I would have to pop these up into page variables or put put them in the diagram somewhere and I.

A

Do want them to update I. Do I've just decided so I'm gonna have a couple more page state variables, I think.

A

This is going to be specifically for these two values: let's just call them blue and yellow, well, well: I'm, just gonna call blue and yellow Blue is for yellow this five and then we're going to call it where they're gonna be Paige, Paige state variables from here on out, and so that way we can send them in this dot. State dot, blue, yellow this dot state that yellow come into this guy and there you go you're getting a so this is going to be instead of value, a value B.

A

Let's call them blue value, yellow value or something like that, but yeah, that's I'm, sending them in as blue and yellow and we'll assume that their numbers and.

A

So what I should put here so now I need a parameter, a new parameter to change these, so I'm gonna. Do that constant? A number value parameter, I'm sort of going to put these in the order in which they're used on the page, so we're gonna, say, parameter blue.

A

And it's going to be between two and.

A

I'm gonna make the hi this state max.

A

Maybe I can do that. Just this does state that min and Max does that work and the steps gonna be warm I.

A

Know but but that's what they're always going to be blue and yellow I could call it blue value, blue value, yellow value.

A

In in so, I would agree with you if it were not in the context of this diagram, but if you're looking at this diagram, what is blue and yellow me and for getting in I think.

B

A

Value, yellow values is fine, let's call it that.

A

Blue value, so then you know at least it should be a value but better I.

A

A

I'm sort of baking in the colors and into the diagram.

A

So let me finish what.

B

A

Doing here, I was creating parameter blue. It's going to state blue value, set state blue value C, it's not gonna update, though I know you doubted that well, this was this wall update, so then parameter or yellow.

B

A

A

Yellow value three that I didn't okay, so let me just try and see if the parameter insertion works coding of instead of four here, I'm gonna put parameter blue.

A

A

What's wrong, say: that's wrong right, I'm, going to pass blue value, Nayla value instead of value in page, oh yeah, thank you. We value, yellow value.

A

We've got it: okay live eyes for yellow value, 5.

A

2 parameters blue: it's pointing to blue value, yellow, yellow, yellow value set state yeah. What about you? Okay, those are my parameters. This is gonna overlap, ID, diagram, NW, blue value, yellow value; I. Don't think that I have the least right so now, I need to.

A

We value it with all your properties.

A

B

Right I mean I, could tote I.

A

Let's see it, wouldn't it wouldn't be a bad.

B

A

There, if we want to abstract away the color, so we can change the color just later. We could just call this value one and value to.

A

A

I'm sorry now I sort of wanted to value left and value right, but I, don't know you think value a value. B. Okay, let's just let's do that value, a value.

A

A

Okay, did it update this yeah? Oh you, lu b will change the name of this parameter value. A okay.

A

Forever value, okay bee bee bee.

A

Hey: hey: hey, okay, down here, Oh, you, a oh you be, and then a fib okay scale it back in here. Let's change this. You already got that and you got that I got that all right. Teamwork, I'm cheering prematurely, because I know this is gonna work.

A

Okay, the the th TS is not to find it. That's easy! That's easy to fix! If you already fixed it, didn't you.

A

Okay, attr, oh yeah! This is probably a real error. Now a scaler overlap, 91 okay, so we got past initialization and our we're actually doing things so we're making progress. I, hear you guys, thanks for keeping me on the right track as far as code, the code goes. This is certainly cleaner and now I can go in and change the colors easily. What I'd really like to do is take any two colors that maybe you're given and create the color in between.

A

But that's that's not important right now, so.

B

A

Attr is not a function so and so I'm not sending in treat cells, select rec, so so whatever I'm selecting here. So let's see my G I'm looking for something called output cells and it probably doesn't exist. That's probably why I have.

B

A

A

B

A

Let's debug alright, so where you getting called from, why isn't it debugging into its? Let's start it right here. This will probably tell us better come on I, don't understand why sometimes the debug does a debugger doesn't work, it doesn't kick and until I do this now I do this works so is G a thing. It is a thing is Rex a thing: No, okay, so we're selecting or taking the G selecting all Rex. The encoding is undefined. That's the problem! Well, that makes sense. That makes sense.

A

So that's that's a key problem, that's just something we have to do so. If the encoding is undefined, that's because we're not defining it in orient 3d we're not doing anything. We're not we're not setting up the encoder at all. Okay, so we're gonna have two encoders, but we're gonna have one encoder yeah.

B

We're only gonna have one.

A

Encoder so, let's make sure that's working the encoder.

B

A

Min max whatever is not coming from the props, it's or is it? What did I suppose I, sending it in I could just why? Don't just send it in? Why don't I just send it all that stuff we might as well right. Let's just use it, then the user can just easily change it.

A

Let's move this up min max NW evaluate value B, so let's send it right in and we'll just assume that we have it by mark. Thanks for stopping in you guys caught that Google input HTM on their collab notebook I, don't know! Oh.

A

I'm, not a good hub employee. Mr. Rocky I am I like github a lot I've done a lot of work with github, but I just got this at a github conference several years ago.

A

Are you oh? Are you? Are you from github I've worked a lot with people at github before they don't work there anymore I used to know several people there, but I do lots of stuff of github, sometimes awesome on github right now.

A

So where were we? No I was about to make sure that encoders are getting created.

A

In here reset the encoder, so we're not gonna have this value anymore. We're gonna, have a value and a value B, so I'm not gonna, even send it in the encoders. Since this is part of our we have access to this. We don't need to look at this value. We're gonna have an encoding, a and encoding be essentially so we'll have encoding a, and this will be value. A and we'll have encoding B baby.

A

So that'll be our encoder min and Max founded all that stuff will come from outside and have to worry about. It won't be bounded.

A

Resolution so so this allows us to pass in all these things and it'll affect it, but we won't so now orient 3d I think we still need to do this. This is just to sort of create the linear interpolation, the scales that we need to do to do. The linear, interpolation, the a value and that's linear scale from min to max to a screen value and then the bit index to the output display value. These are things that we're going to use later.

A

I might even uncomment them until we need them. I'm sure we're gonna need them, I'm, not sure about this last one, but we'll probably we'll see okay, so we're gonna call reset encoder and orient d3. Now, let's see where we are still in the same place, so we've got encoding encoding.

B

But yeah because.

A

We're still we're not using those encoding properly so in the output cells, we're gonna render we're gonna have to encoding and we're not gonna be able to just do like this. Here's. What we'll do well send we're gonna, create a new data. Object. That's going to create this gonna have both encoding Xin it so, let's say let dual: let's call it a dual encoding and we'll take this dot encoding a and we'll map it.

A

What is the syntax for for showed you like this, so this should give me the value and the index.

A

Or he and I house, it's called BNI for now and then we're going to output an object for each one, a it's going to be the value and B is going to be this dot encoding D at that index, so we'll have both of the encoding values available. I think I should probably say coding. V equals this dot encoding B, so that I don't have to use this within this function. Now I can take this encoding. This can also be a constant we're not going to touch it and send it.

B

A

Instead of the just a single encoding, so now now we've got a data object right here that has an A and a B value, all right, so I'm gonna hard code, the colors first. So first of all, let's just say instead of D, let's just say: if d dot a is greater than 0 or D, be greater than 0 will return the on color. So we should at.

B

A

Something right, we've totally got it in the wrong place, hold on wait a minute what's going on here. How did that happen? Why is it here.

A

Why how did it get there am I going nuts that was that doesn't make sense at all? Oh did. I I need the ID. Okay, it's just an ID problem: okay, okay, that's cool! Let's go no you're right! Here we go four and five. So as we change this yeah.

B

A

Working this is working, I can make so I can move them apart. Okay, so this is working. This is great. Okay, so now I just have to change the colors and decide which color we're going to do so I'm going to hard-code this first and and then we'll think about more clever cleverer ways to do this.

A

There you go. It's.

B

Not done yet I want.

A

To do the colors so we'll just do this super super easy, let's say instead of on color will have a color.

A

Which was a little stays blue, the color yellow both color great.

A

All right, so, let's just do it right. A little simple switch statement up in here and just it's gonna say if D a.

A

If D to a is great greater than zero and D B is greater than zero turn, both color, if da, is greater than zero return. A color if D be greater than zero return, B, color, otherwise return off to chain Oh. What happened? Handle number line hovers not a function. Why is there a number line hover happening because I need to change this?

A

There will never. This is always going to be a handle output, so hover and actually I, don't want to do this. I don't need an output line hover, so I'm gonna. Take that out, I don't need a non mouse move at all.

A

There, no, what did I do wrong here? Okay, okay, okay,.

A

Where were we here, we go all right move into five up. This would be a lot nicer with.

A

All right, it's working great though this is this would be great with with something a little bit more dynamic, like I, really want to drag I like the drag thing, but it's okay for now. Okay, so what else have you so I want to be able to? Let's render this higher? First of all, it's really low, we're gonna, we're gonna, render it at the top, and then we're gonna put these Bezier curves under it with a value under it. That's which is what I want to do next, and instead of four and five.

A

I almost want a hard code.

A

So this isn't the way I wanted to start out. I almost do when I hard-code, the four and the five but I want they have to be able to change it. I think they're gonna do this entirely from within the diagram, the more I think about it. So, let's, let's get rid of these? Oh.

A

I know I did a little bit of extra work here, but I'm thinking these might actually be completely even the values. So what I? What I really want? Let what I really want is for them to hover within it. So so, let's get.

A

Let's do this for now for now. Maybe maybe I won't end up doing this in the long run.

A

What is the N&W that I did for the example here? It was in.

A

14 w is a hundred or the opposite of that. W is 114, so this should it should pop up close to each other and with a little bit of overlap. If I do that, but no okay, something what I do right here. Oh the min and the max the min and the max is.

A

So it's zero to ten.

A

Zero to ten four and five.

A

This over here.

B

A

What's wrong here, that's something's wrong with my N&W I got on backwards; 114, let's do W! First, oh.

A

So much time to take break okay. So that's what I wanted, but now they're not showing up. Let's see.

A

Passing n max min and Max, which should be good so.

A

Let's see, let's look at the data where we create the data right here.

A

Of course, I'm going to have to put the debugger manually and I. Don't know why.

A

There we go: where are we.

A

This is again probably just gonna have to put render output cells there is that what you're, probably waiting for.

A

Okay, the encoding should be fine, but it's not okay, so something's wrong. The way I'm creating encoders so.

B

A

A

They, the scrubbers, are updating state but you're, not passing state anymore. Oh right, I have to manage my own state now that that was a great if I'm not getting it I'm so I'm, not it's not telling it to render anymore I guess or not the way I'm getting my state.

A

It's not coming from here anymore. No, no! It's coming from there. It's just not managed by the parent, so I'll get this value and then I couldn't basically do what I want with it. But I have to call update myself if it changes, because component did updates not being called. Is that the deal so updates never being called, it is being called I'm afraid this is something to do with the encoders I.

A

Want a debug right here.

A

It's called unmount yeah, but not on update, but it even on mount. It should render first it should render once I should get these in coatings with a value of 4 and B. The coating a should have okay, so the encoders are. There should be values in here. There should be number ones in here, so the encoders aren't being created properly bounded undefined men, Oh, min and Max are backwards.

A

Min and Max are backwards.

A

We took that debugger out. I.

A

Think that's I bet, that's all it is get the debugger out of there.

A

All right come on minimax backwards. There we go there, we go. That's it! That's what I want it's all good, let's see if it updates, though yeah it's, not updating. So that's what that's where your advice comes in so now, because component did update, is not happening and I'm because I'm not these, these things don't work anymore. I.

A

B

A

Maybe I will keep evaluating value B coming from the same place just so they can be updated in the page, I mean just so they can be displayed at the page level in the figure caption. Although hmm yeah I guess I could do that.

A

So I won't have a parameter for it. Does that make sense, David I could keep I could keep this value a and B as the state that value a and value B, etc, but I'm not going to use parameter a and parameter B I will just have a display there. Yeah yeah, that's not going to do what I'm going to do so. So this would be code.

A

This dot state, dot value a.

A

I just want to display it there I could so so then I can keep the state global I can have the parent update it bubble it up, so that the displays, update and I can keep the scrubber I. Don't want the scrubber, though I. Don't that's not the way. I want the user to interface with this I want the I want them to hover over these, but over. These I want this to change that I want them to grab it and pull it over.

A

This way, grab that and pull it over that way, that'll be within the diagram, though that'll be a d3 interaction. It'll call up to update so I have to add that update feature back to get that to work, which is this this thing so on on update of well I, guess, I'm, going to begin B and n write a B, the value? Well, no, no I know it's a do. I know it's doing fine! It's not going to be this simple as just set state.

A

A

Something like this and I'll send that from the inside this done, oh I can do both at the same time. Oh I could probably just do this. I could just do this and I can have it have an A and a B right. Super simple.

A

A

A

So let me put this back the way it was basically, as it was perfect that so I'll leave it at that and I'll send it whatever value I sent it when I call it on update I'll, send it an object with an enemy, a value, a value B which would update the state which has value eight value, B. Okay,.

A

Okay, so the next thing will you make sure everything still works and I'm and I'll commit.

B

A

To save what we have- oh, let me change this to this is gonna, be the same thing: I don't want this I! Don't want this to be I. Want this to update as things change right here, but but I don't want the user to be able to change it here. I wanted to be able to change it within the diagram. Alright, so let me get a commit in here.

A

Let's see, let's look and see what we have changed. I'm gonna, do a commit, I'm gonna push and then take a break. So let's look at our differences here.

A

Keep pressing the wrong button: okay, cyclic! Now, let's look at encoding numbers first, so we added a new diagram. Scalar overlap diagram. We added a couple new page values which will be updated on the page when that diagram changes. We added these two parameter: values which I'm not going to use.

A

So I'm gonna take those out.

A

Down here we create for replace the diagram stub with a scalar output tiger overlap, diagram, continuous overlap.

A

Aha, so this I forgot to change.

A

This is why we review the caption I replayed. It replace the code evaluated value B instead of the parameters. Okay, that's that, for that one scalar overlap. I shouldn't have changed anything in here, I, don't know why I don't know why this is oh.

A

This is entirely new. Scalar I was I, thought it was the old class. Okay, I shouldn't have changed anything in here, but though we did this for optimization and I. Remove that. So that's fine, that's right! So.

B

Let's call this.

A

Added this scalar overlap, diagram.

A

I'm, just gonna push the master since it's just mostly me, and it gave me a couple others every once in a while, Oh David I noticed you had a PR I totally forgot about that. Is this still a valid PR cuz? It was it's a little old I didn't see it until it was too late until it was pretty late.

A

You got a PR out of mine 12 days ago. This is probably pretty old, or is this one of them that I just explained going off? Oh I gotta go I gotta go get my kids forgot. Okay, so I'm gonna be back. I want to be back. You know we did pretty good and I just pushed. Let me just push real quick, yeah I just pushed so I'm gonna go yeah good job.

A

So I'm gonna greet my kids I'm gonna be back in a couple. Hours and I'll be live streaming again. So thanks for watching and I will be. Oh wait. Wait credits gotta, do credits alright, I.

A

Don't think the credits are gonna say anything actually, because um oh man, damn you OBS, come on, can't be serious seriously.

A

A

Whatever it's I, don't think, there's anything to roll anyway, so anyway, take care. I'll, see you guys later.