►
From YouTube: BHTMS - D3JS / ReactJS Part 2
Description
Broadcasted live on Twitch -- Watch live at https://www.twitch.tv/rhyolight_
A
God
almost
four
well
pretty
much
four
hours
yeah,
so
I
came
in
the
office
and
I
pretty
much
like
checked
a
couple
emails
and
then
hit
the
livestream
button.
So
you've
seen
pretty
much
everything
that
I've
done
today.
So
what
you
guys
just
watched
was
an
event
to
research
meeting
I'm
the
community
manager
for
an
event
aware
company
dedicated
to
our
mission
is
to
understand
how
intelligence
works
in
the
brain
and
we're
talking
about
real
intelligence
like
how
are
we
intelligent?
A
Not
we're,
not
we're
not
looking
for
anything
less,
then
we
want
to
understand
AGI
and
I.
Don't
love
using
the
term
AGI,
because
it's
such
like
a
weighted
term,
but
that's
really
what
we're
trying
to
figure
out
how
our
humans
intelligent?
How
can
we
create
human-like
intelligence?
How
does
it
work
in
the
brain?
What
is
it
in
the
brain
that
makes
us
gives
us
this
human
intelligence?
This
ability
to
do
what
we
do.
A
It
makes
us
different
from
non
intelligent
life
like
plants,
I
mean
there's
a
lot
of
animals
that
I'd
consider
are
intelligent,
but
most
of
them
have
a
neocortex
or
something
of
like
a
neocortex
or
something.
That's
a
wall
to
do
this
rich
modeling
of
objects
in
reality,
I
think
that's
what
the
neocortex
is
giving
us
this
ability
to
to
create
a
library
of
things.
You
know
a
relative
of
like
models
of
objects
from
sunglasses
to
coffee
cups,
to
paint
your
pieces
of
paper
to
democracy.
A
You
know
just
gives
you
a
library
a
way
to
create
reference
frames.
You
know
for
everything
that
you
can
think
of
it's
all
in
your
neocortex.
All
of
this
all
that
stuff,
all
that
stuff
and
anyway
we
are
this.
Is
we
just
started
live-streaming
a
few
months
ago
and
I'm
trying
to
keep
the
stream
open
and
I'm
moving
to
the
next
phase
of
the
stream,
which
means
I'm,
think
I'm
gonna
have
took
my
desk
down.
Bear
with
me
for
a
moment.
C
A
It's
really
only
gonna
be
about
an
hour,
because
I've
got
to
go
pick
up.
My
kids,
it's
early
release,
day
from
school,
school's
almost
out
by
the
way,
which
is
great.
That
did
you
see
that
yeah?
So
that's
what
we're
gonna
be
doing.
A
building,
HTM
systems
and
I'm
gonna
show
my
screen
and
pull
this
window
over
here.
A
So
we
can
get
to
it.
Where's
all
my
windows,
my
windows
to
all
my
all.
My
chrome
windows
just
disappeared.
No,
not
that
Chrome,
they
are
all
gone.
I
somehow
closes
them
all.
Oh
here
it
is
everywhere
good,
because
this
is
what
we
were
working
on
before
so
a
reminder
for
or
just
a
refresher
for
anyone
new
who
is
trying
to
figure
out
what
we're
doing
we're.
Building
a
document
now
I've
killed
the
I,
killed
it
and
p.m.
run
dev
or
billet.
Well,
it's
a
it's.
An
interactive
document
called
building
HTM
systems.
A
C
A
And
if
you
missed
it,
no
one
before
that
yeah
so
also
check
out
the
forum.
If
you're
interested
in
this
HTM
stuff
HTM
is
hierarchical.
Temporal
memory-
and
it
is
it's
like
computing
like
the
brain,
that's
a
to
do
figure
out
how
sensory
input
is
processed
by
the
neocortex
and
what
is
that
common
cortical
circuit
happening
in
those
six
layers,
six
plus
layers
of
neocortex
and
the
and
the
thalamus
that
is
allowing
us
to
represent
such
a
rich
model
of
reality.
A
C
A
Does
not
make
it
those
don't
make
it
sometimes
sums
up.
Some
of
them
do
hey.
Thank
you
for
the
follow
that
was
I
missed
the
name
D
something,
but
thank
you
for
the
following.
I
appreciate
it
I
have
a
schedule
I'll,
let
you
see
real
quick.
It
I
really
try
and
keep
it
updated,
although
so
the
next,
the
next
broadcast
we're
going
to
do,
will
probably
I'm
not
putting
the
research
meetings
up
again.
A
I,
don't
think
I'm
going
to
put
them
up
anymore
unless
I'm
certain
they're
gonna
happen
because
too
many
of
them
I
had
up
here
and
they
didn't
happen.
But
I'm
gonna
talk
to
z'
day,
we'll
have
a
little
like
AI
chat
at
9:00
about
these
types
of
neural
networks
that
are
sort
of
self
referential
like
how
field
networks,
Boltzmann
machines
and
where,
in
the
brain,
those
might
be,
those
things
might
be
happening.
A
Mark
Brown
suggested
that
in
the
hypothalamus
it
should
look
at
that.
So
maybe
well
well
think
about
the
hypothalamus
as
as
we're
talking
about
that
that'll
be
Tuesday
and
I
plan
on
it.
There's
probably
going
to
be
a
research
meeting
Monday
but
I'm
not
putting
it
on
the
schedule.
I'm,
almost
certain
there's
going
to
be
one
winds
day.
So
it's
on
the
schedule
and
I
need
to
fill
out
the
rest
of
these
events.
So
I
might
just
look
at
my
schedule
too.
A
A
A
Interesting
research
meeting
I
was
very
happy
when
they
started
talking
about
gravity,
because
I
I
think
that's,
that's
probably
something
our
brain
is
modeling.
You
know,
gravity
is
essential
and
how
we
interact
with
reality.
The
reality
that
we
are
exposed
to
the
web'
of
how
we
evolved
on
this
planet
there's
always
a
reality.
It's
it's
sort
of
a
constant
for
us
like
like
the
thickness
of
the
air.
You
know,
I,
don't
know
it's
probably
something
we're
modeling.
A
B
C
A
I
had
just
changed
this,
so
this
worked
that's
right,
and
but
it
didn't
really
work
like
that
that
this
sort
of
stuff
happens
right
all
right,
so
that's
where
every
where
and
so
the
it's
not
breaking
the
bottom.
So
let's
try
and
figure
out
what's
going
on
here,
so
we're
not
using
just
so
know.
If
it
is
there,
anyone
in
the
house
knows
react.
Please
raise
your
hand
if
anybody
in
the
chat
room
knows
react,
I'd
really,
love
to
have
someone.
I
can
ask
something
too,
because
you
know
I've.
A
Going
on
here
with
the
user,
okay,
so
so
I'm
trying
to
make
this
a
react
component.
Let
me
get
my
vs
code
back
up
here,
where
the
heck
is
it
so
I
actually
have
a
simple,
scalar
and
coder
react
component
I'm
planning
on
creating
all
these
diagrams
as
react
components,
and
but
most
of
them
I
would
say.
Even
all
of
them
have
some
ability
for
the
user
to
interact
with
them
change
their
state
which
changes
which
updates
the.
A
Sorry,
this
is
selecting
everything
that
has
a
data
name
for
this
tag.
I
probably
do
need
a
linter
everything
that
has
a
data
name
for
this
tag,
and
it
looks
like
this.
For
example,
here's
where
was
it
simple,
scalar,
encoder,
bounded
scalar
encoder
example
about
it's
got
a
coder
output
range.
This
is
the
one
we're
working
on
so
here's
here's
the
trigger
I
want
the
user
to
be
able
to
grab
this
and
change
it
and
that's
what
that
make
scruple
number
does,
as
it
says,
look
for
any
data
name,
W,
here's
its
min!
A
A
A
Okay,
so
yeah,
you
want
the
variables
to
be
accessible
outside
the
react
class.
Yes,
I
want
anything
on
the
page
that
has
this
data
name
when
it
gets
changed.
I
want
every
rat
component
that
has
that
property
to
update
that's
what
I
want.
We've
got
two
totally
different
conversations,
so
you
guys
that
are
I.
Look
I'm
fine
with
you
guys
chatting
about
whatever
you
want
in
chat,
but
I'm,
probably
gonna,
try
and
keep
my
eyes
out
like
a
45
minutes
now.
A
So
I'd
really
like
to
try
and
get
this
script,
this
little
data
interaction
done
so
I
might
not
jump
into
the
conversation,
but
absolutely
have
the
conversation.
Yeah.
That's
the
well!
So
David
you're
right,
it's
the
opposite
of
react,
but
how
else
can
I?
Do
it
like
all
I
really
want
is
a
component.
A
Maybe
it
shouldn't
be
reacting
because
I
just
I
want
anything
on
the
page
to
essentially
I
want
the
react
components
to
be
observing
some
data
component,
and
maybe
this
UI
changes
that
and
it
Rianne.
The
react
reacts
to
the
change
in
the
data.
I.
Don't
know
you
would
want
either
use
Redux
or
make
outer
react
class
with
state
I.
Definitely
don't
want
to
do
that.
I
really
hate
pages
that
are
react,
components
that
seems
so
wrong
to
me.
A
Let's
say
usage
with
react,
I
mean
all
I
want.
Is
a
data
store?
Why
do
I
even
need
something
like
Redux
if
I'm
not
going
to
be
using
the
react
model?
Why
am
I
using
react?
That's
what
I'm
starting
to
ask?
Why
am
I
using
react?
I
haven't
really
taken
advantage
of
anything
that
react
gives
me
I
could
just
I
could
essentially
just
completely
remove
this
extends
react
component
and
just
manually
render
it
and
I
mean
it's
not
giving
me
anything.
I,
don't
think
it's
gonna
give
me
anything
for
the
lifecycle
of
this
website
am.
A
I
feel
like
I
could
just
hand
code.
This
just
create
my
little
framework
and
his
hand
code.
This,
without
any
major
tie,
tie
downs
to
react
just
using
d3
and
a
little
bit
of
scaffolding.
I.
Think
I
could
do
this
cleaner
all
right!
Well,
maybe
that's
what
I
should
do
I've
been
like
trying
to
shove?
This
application
is
into
a
react
application
because
I
want
to
keep
up
with
like
the
rest
of
the
JavaScript
world,
but
it
the
shoe
doesn't
fit
I.
A
C
A
Anyhow,
now
I'm
going
to
figure
out
what
I
want
to
do
because,
like
my
plans,
are
falling
apart,
I
don't
want
to
force
us
into
a
react
structure.
I,
don't
I'm
not
doing
this
in
a
react
way.
If
it's
weird
that
react
doesn't
fit
this
model.
You'd
think
this
would
be
common
where
you
have
a
piece
of
data
on
a
website
that
many
things
respond
to
changes
of
and
the
users
allowed
to
change
it,
and
it
could
happen
at
any
point
in
the
website.
A
A
A
C
A
C
A
Of
course,
I
have
to
turn
this
into
like
an
actual
class.
It's
not
the
way.
I'm
doing
this,
probably
isn't
right.
I
have
to
turn
it
into
a
component,
but
if
I
made,
if
I
made
a
react,
page
and
I
had
the
component
did
mount
and
then
I
did
the
scan
for
all
the
data
tags
and
use
the
and
said
all
of
the
diagrams
are
my
children?
Is
that
the
right
way
to
go?
Oh,
you
can't
see
the
screen.
Sorry.
A
No,
you
just
need
to
use
state
in
the
outer
page
level.
So
just
like
right
here,
I
could
I
could
add
state
here.
What
I
want
to
do,
though
I
want
to
have
access
to
these
two
anything
I
want
to
basically
add
listeners
to
this.
This
Dom
that
I'm
returning,
that's
a
and
the
way
I
was
doing
that
earlier
was
from
component.
Did
mount
only
runs
once
on
startup.
A
That's
fine!
That's
exactly
what
I
want!
That's
exactly
what
I
want
to
have
access
to
it
after
the
DOM
is
loaded
so
that
my
rack
component
can
hook
into
like
my
logic
and
hook
into
it,
because
I.
The
reason
I
needed
is
because
d3
I
need
to
attach
d3
to
those
to
those
things,
and
in
this
case
this
is
a
d3
selection
and
it's
going
I'm
going
to
be
calling
it
with
any
changes
to
drag
so
I'm
attaching
drags.
Basically.
A
A
And
then
I
just
returned
this
class
I.
Imagine
a
little
oh
yeah
and
just
returned
this
class
export
defaults.
I,
don't
know
what
the
default
means
bit
of
whoops
would
assume
coding
numbers
all
right.
So
now
I
should
be
able
to
add.
My
component
did
mount
these
things.
This
is
nasty
to
have
these
code
examples
here,
I'm,
not
sure
where
to
put
them,
but
I'll
figure
out
somewhere
to
make
that
better.
At
some
point
so
component
did
mount,
and
this
is
where
I
can
try
this.
A
A
A
A
Okay,
I
was
totally
not
catching
up
and
hey
thanks
for
the
help.
David
appreciate
it
so
so
yeah
so
I'm
putting
the
state
in
an
outer
class.
That's
for
the
page
trying
to
do
this
with
the
react
way.
Sorry,
sorry
about
my
rant
a
little
bit
earlier,
I
get
a
little
skillet,
that's
hard
to
change
me
and
it's
just
hard
to
change.
This
is
the
way
I've
been
programming
for
a
long
time
and
it's
very
hard
to
change
and
we're
learning
new
framework.
It's
his
it's
like
it's
like
built.
A
A
A
A
Let's
see,
hey
look
at
that,
it's
already
caught
yeah,
so
that
worked
and
it's
not
gonna
attack
anything
but
everything
rendered
so.
Okay,
so
that
that's
good,
we
got
a
render
and
a
component
did
mount,
and
so
this
is
actually
so.
These
children
I'm,
assuming
now
maybe
you'll,
come
around.
You
guys
maybe
will
come
around
and
I'll
be
like
I'll
react
is
the
best
thing
ever
we'll
see
so
I
should
have
access
to
these
children
in
my
state
or
something
like
this
state
so
or
props.
A
I
can't,
remember
you
pass
it
in
to
the
children
component.
The
prop
referring
to
the
outer
state
got
it
got
it
got
it
got
it
okay,
so
that's
that
would
be
so.
I
need
to
stay
right,
so
I
need
a
state
in
my
encoding
numbers.
This
is
starting
to
make
sense
to
me
now.
I
need
a
state.
I
wanted
an
it
here.
Cuz,
because
I'm
gonna,
give
the
page
of
state
and
it's
gonna,
be.
A
The
state
of
the
page
is
gonna,
be
all
the
different
values
that
someone
could
change
by
doing
it
right
now,
all
the
different
values
is,
someone
could
change
that'll?
Be
the
state
of
the
page
and
as
each
one
of
those
changes
I
can
call
I
can
update
the
chip.
The
children.
Well,
maybe
it'll
just
work,
but
all
I
have
to
do
then
is
make
those
things
scrub
a
bowl,
so
I
have
something
here
that
makes
them
scrub
a
bowl,
I
think
I'm
on
the
right
track.
You
don't
update
the
number
from
inside
the
child.
A
Was
originally
how
I
was
gonna
do
it?
I
was
gonna,
have
each
component
totally
self-contained
and
it
have
a
UI
components
that
would
update
itself
but
I.
Don't
think
I'm
gonna
do
that
anymore.
I
think
I'm
gonna
make
diagrams
just
readouts
and
any
interactions
will
be
something
else.
So
all
these
diagrams
will
just
be
basically
read-only
d3
diagrams.
Of
course.
Let
me
hover
interactions.
Oh
there
definitely
has
to
be
freer
interactions,
but
that
changes.
A
A
Oh
that's
a
good
point.
How
will
react?
No,
because,
because
what's
what
its
gonna
do
is
for
each
let's
see
on
drag.
This
is
what
happens.
It
calls.
So
this
is
where
I
get
the
value
and
set
it
right
here.
So
I'm
gonna
have
access
to
a
react
component
right
here
and
it's
and
it's
property
so
can
I
just
set
it
the
react
way
but
it.
But
if
I
have
access
to
a
child,
I
can
set
it
state
programmatically!
That's
what
I'm
going
to
do!
A
A
B
A
A
C
A
Think
that's
the
URL.
If
you
want
to
join
discord,
it's
up
to
you.
That
would
be
easier
because
I
think
I'm
doing
a
couple
key
things
that
are
wrong.
But
what
I'm
trying
to
do
here
is
basically
I'm
going
to
show
you
on
on
the
red
blob
games
page.
So
what
I
have
here
is
a
diagram
and-
and
let's
say
I've
got
seven
of
them
like
I
I
might
have
them
all
throughout
the
page.
A
A
So
if
you
watch
this
each
one
of
these
triggers
changes
to
the
whole
thing
like
there's
triggers
all
over
the
place,
there's
triggers
in
the
text.
There's
triggers
beside
the
components
they
could
come
from
anywhere,
and
these
are
changing
like
global
aspects
of
the
diagram
space
and
all
the
diagrams
respond
in
appropriately.
A
A
A
If
you
can't
see
it,
if
I
make
it
small
enough
ya
see
so
this
that's
what
I?
That's?
What
I
want
I'm
envisioning
that,
because
we're
gonna
have
an
HTM
running
and
we're
gonna
have
I
want
to
be
visualizing.
I
want
several
diagrams
to
be
visualizing
it
simultaneously.
So
we're
gonna
have
one
state
on
like
for
the
page
and
it
might
be
a
big
state.
A
A
Anyway,
that's
the
that's
the
idea
that
I'm
trying
to
go
for,
and
so
if
I
were
gonna,
do
this
and
react
I.
Imagine
I'm
gonna
have
to
have
one
react
component
for
the
whole
page.
Each
property
that
I
will
be
able
to
flip
between
will
be
a
property
of
that
page
component.
Thanks
Donald
I
really
appreciate
you
to
try
this
out.
A
A
A
A
A
This
part
component
did
mount.
This
is
where
I'm
doing
all
my
d3
magic
is
because
I
have
to
have
access
to
the
Dom.
To
do
this,
because
I
need
to
see
the
orientation
of
the
components
so
I
know
where
exactly
I'm
going
to
scale
things.
So
I
must
have
the
Dom
after
it's
been
laid
out
yeah.
This
is
why
there's
so
many
competing
frameworks.
Everybody
thinks
they
have
a
better
end-all,
be-all
idea,
so
they
create
yet
another
framework.
A
I've
always
created
my
own
framework,
I
hate,
to
say
it.
That's
the
problem,
but
this
this
whole
bit,
like
all
my
d3
stuff,
has
to
happen
right
here,
and
this
is
the
root
of
everything.
I
mean
it's
like
d3
is
like
after
react.
Does
its
thing?
D3
comes
in
and
picks
a
bunch
of
hooks
in
and
changes
a
bunch
of
stuff,
so
I'm
thinking,
I,
don't
know,
I,
don't
know,
ok,
so
David
there
is
there.
You
are
hi,
let's
see
so
there
is
a
voice,
channel
option
down,
there's
text
channels
and
then
there's
voice
channels.
C
A
You
hello,
hi,
so
come
to
there's
a
voice
channel.
How
do
I
share
this
connection?
Bottom
left,
yeah,
there's
two
icons.
It's
like
voice
and
now
I'm
stuck
I,
don't
know
where
I
am
oh
wait.
I
can
show
it.
Maybe
you
can
see
this.
This
is
the
discord.
This
is
what
it
looks
like
I'm
right
here,
you're
in
the
oh
you're
in
the
general,
not
in
general,
go
into
livestream.
There
you
go
hello.
A
A
Because
I
can
see
you
right
here
there
you
are
right,
there
deduct
a
rosy
Row
three,
so
you
you
almost
got
there
in
the
wrong
voice
channel.
Now
you
want
to
go
in
the
livestream
voice.
Channel,
maybe
I
shouldn't
have
made
to
voice
channels,
sorry
so
close,
and
then
our
vino
wise
is
also
in
the
voice
Channel,
but
he
looks
muted.
A
A
B
A
A
Yeah
like
there's
some
but
me
but
I'm
thinking,
I'm
thinking
about
pulling
all
the
controls
away
from
the
diagrams
entirely.
So
if
all
of
the
diagrams
are
just
react,
components
and
they're
just
display,
like
you,
said,
they're
just
read-only,
they
don't
change
anything.
If
I
can
do
it.
That
way,
that's
a
better
model
to
take
right.
B
A
B
B
A
So
does
that
mean
so
let
me
show
you:
does
that
mean
that
so
this
is
my
page
encoding
numbers,
so
this
is
the
class
for
the
page.
Does
that
mean
that
I
would
actually
instantiate
an
instance
of
the
class
and
and
then
in
some
event
handler
so
where
do
I
put
the
event
handler?
Basically,
that's
going
to
set
the
state
on
this
page
put.
B
A
A
It
was
in
the
rainy
here
it
is.
This
is
essentially
it
and
it's
just
a
number
and
I
want
to
interaction.
Where
was
somebody
and
and
I
want
to
build
the
interaction
myself?
So
the
interaction
based
on
this
anything
with
data
tag
name
in
essentially
gets
converted
into
this
little
scrubber
ball
number
that
you
can
drag
and
that's
what
this
does
and
it's
a
d3
drag
so
I'm
doing
a
d3
interaction
at
this
point
now,
I
have
the
ability
to
get
access
to
the
the
child
component.
A
B
C
B
A
B
A
B
A
B
A
B
A
B
A
B
A
A
B
B
C
B
A
B
A
A
A
C
A
B
A
A
Event,
handlers
to
things
so
what's
the
right
way
to
do
that,
if
it's
because
I'm
doing
it
right
now
by
selecting
well,
it
doesn't
have
to
be
a
span
but
something
with
a
data
name.
You
know
it's.
This
I'm
selecting
on
this
data
name
equals
in
and
I'm
and
I'm
attaching
you
know,
event
handlers
to
win
that
changes
or
when
something
hovers
over
that
you
know
and
that's
all
in
d3
and
I,
don't
know
how
us
to
do
it.
B
C
A
C
B
A
A
A
That
thought
for
a
moment,
cuz
I,
think
that
might
be
useful,
but
this
is
this
is
what
you
told
me
to
do
earlier
and
I
think
this
makes
sense
to
me
now
right
the
state
that
W
just
to
put
those
right
in
line
there.
Okay
and
and
the
other
thing
you
said
when,
when
I'm
creating
this
I
could
add
an
on
hover
or
something
you.
B
C
C
A
A
A
Yeah,
this
was
just
totally
basic,
it
didn't
it
gave
me
this
bit.
Component
did
mouth
I
figured
that
out,
and
so
that's
where
I
would
attach
that's
where
I
would
get
the
Dom
to
do
my
react
stuff,
but
that's
about
it.
It
didn't
go
too
far
from
there
and
this
wasn't
like
it's
not
a
react
component.
You
know,
I,
don't
think
it's
an,
but
it
tells
you
how
to
create
how
to
turn
it
into
a
component.
I,
don't
see
any
I,
don't
think
I
saw
any
interactions
in
this
Oh.
A
A
B
A
A
C
B
A
C
A
B
A
B
C
B
B
C
A
C
B
B
B
B
B
A
Okay,
there's
the
link:
if
anybody
wants
that
fort
David,
you
go
for.
If
you
see
something
that
you
can
help
help
me
with
go
for
it,
I'm
open
to
any
help
and
I
will
be
back
online
a
Monday
morning.
So
I'll
see
you
guys.
Monday
morning,
I'm
gonna
skip
the
raid
because
I
got
a
I
got
a
head
out.
So
thanks
everybody
and
take
care
have
a
great
weekend.
Happy
Friday.
Thanks
for
joining
me
on
my
work,
my
passion,
understanding
the
brain,
take
care.