►
From YouTube: BHTMS - D3JS / ReactJS Part 1
Description
Broadcasted live on Twitch -- Watch live at https://www.twitch.tv/rhyolight_
A
A
B
A
A
A
Let's
add
the
twitch
link
make
it
super
easy
for
people
to
get
to
it.
Hi
I'm,
Marc
Brown,
thanks
for
joining
I
know,
as
I
was
a
little
early
this
morning,
I'm
trying
to
get
in
the
habit
of
essentially
coming
into
the
office,
checking
like
my
private
emails
and
they're
just
hitting
the
button
that
turns
on
the
street
because
that's
like
my
that's
sort
of
my
dream
is
being
able
to
just
be
set
up
like
that,
so
I
can
just
get
stuff
done
and
just
transition
from
one
thing
to
another.
So
we
are.
A
C
A
A
A
A
A
A
We're
gonna
be
working
on
this
building
HTM
systems,
here's
the
most
recent
version
of
it
that
we
have
upon
on
Heroku.
It
takes
a
while
to
start
up
because
it
doesn't
run
all
the
time
you
mean
the
way
a
set.
Hs
go
or
are
HRH
one.
Three
six
three
go
come
on
this
used
to
work
other.
It
is
okay,
all
right.
So
everything
you
want
to
know
about.
A
The
way
he
presents
animations
here
is
just
really
really
brilliant,
so
I'm
trying
to
like
to
see
how
everything
changes
when
you
do
this,
like
there's
changes
in
the
text.
There's
changes
on
the
screen.
That
was
what
I
was
trying
to
do
and
then
and
once
I
saw.
This
I
was
like.
Oh,
this
is
perfect
because
you,
this
is
exactly
the
type
of
thing.
The
type
of
document
I
want
to
make
building
HTM
system.
A
So
this
is
this
is
the
the
pie-in-the-sky
goal
is
to
make
diagrams
that
are
as
excellent
as
this
in
quality
and
it's
gonna
be
hard,
but
we're
gonna
work
on
it
because,
right
now
we
are
certainly
not
there.
You
know
we're
but
we're
gonna
put
together
the
scaffolding
we're
gonna,
this
we're
gonna
set
up
the
site
and
then
we're
gonna.
A
A
No,
it's
I
mean
it's
not
going
to
be
that
I
do
plan
on
having
in
an
HTM
like
a
spatial
pool
or
and
a
temporal
memory
running
on
the
server
that
starts
up
and
starts
getting
fed
data
pseudo-random
data
with
temporal
patterns
so
that
it
will
that
that
will
be
used
for
a
lot
of
the
visualizations
like
this
looking
into
the
state
of
the
system,
will
look
into
this
one
one.
This
is
the
one
server
I
think
it's
going
to
be
now.
A
A
That's
been
sitting
around
learning
and
learning
and
learning
for
a
long
time,
I
plan
on
making
it
mobile-friendly
trying
to
make
it
mobile
friendly,
but
first
I
just
want
to
get
it
done,
done,
meaning
all
of
the
diagrams
in
place
and
text
in
place
and
then
we'll
do
it
and
then
we'll
work
on
styling
and
the
thing
is
I'd
like
to
try
and
work
on
me.
Work
on
the
things
that
I
know
I
should
be
like
spearheading
like
I
want
to
do.
A
We
should
do
that
all
together
on
Twitch
and
I
want
to
leave
a
lot
of
the
styling
things
and
any
bugs
that
we
might
find
and
I'm
gonna
sort
of
set
those
off
to
the
side
and
I'm,
hoping
that
some
people
will
come
through
and
help
help
with
some
of
this
stuff
later
I
mean
you
can
certainly
help
now.
I've
had
two
different
contributors
will
and
Bratislava
have
helped
quite
a
bit
with
some
of
these
projects.
A
So
I
am
totally
open
to
contributions
now,
but
I
was
hoping
once
I
sort
of
carve
a
path
towards
a
spatial
cooler.
I'll
leave
some
issues
in
my
wake
sort
of
says,
as
so,
people
can
come
and
apply
better
styling,
because
I
am
NOT
a
good
front-end
engineer.
I'm,
just
gonna
tell
you
right
up
front:
I
am
NOT
the
best
friend
and
engineer
I
didn't
I,
never
started.
As
a
friend
and
engineer.
I
accidentally
became
a
front-end
engineer
at
some
point
in
my
career
and
it
was
never
the
plan.
A
A
A
A
A
This
is
just
a
really
simple
header,
so
we've
got
on
the
home
page.
You
can
see.
There's
there's
all
of
I've
got
links
to
it
all
the
twitch
stuff
that
I'm
doing
because
I'm
doing
this
all
live
on
twitch
links
to
the
github.
If
you
want
to
see
the
code
clone,
it
create
a
PR
there's
a
link
to
simple
HTM,
which
is
the
actual
HTML
mentation
I'm,
going
to
use
to
to
run
all
the
visualizations.
So
I've
already
got
encoders
in
here.
A
A
A
long
ride,
I
mean
I'm
not
looking
years
out
here.
I
think
this
is
totally
doable
if
I
work
on
this
a
couple
of
days
a
week.
I
want
to
get
this
done
by
the
end
of
the
summer,
and
I
want
to
have
Python
3
I
want
to
have
pip,
install
HTM
and
Python
3.
Those
are
my
two
goals
by
the
end
of
this
year.
Does
it
have
this
done
and
the
and
Python
3
like
we're
straight
for
HTM
and
Python
3?
Ok,
so
we're
gonna
go
and
pick
something
to
do.
I!
A
Don't
need
to
create
this
until
I
need
to
create
this
I'm
gonna
create
the
output
range
diagram.
I.
Think
that's
the
next
thing
to
do.
The
output
range
diagram,
I'm
gonna,
turn
the
forum
off
for
now.
I'll
turn
this
off
to
the
output
range
diagram.
You
can
see
this
on,
so
this
is
the
current
building
HTM
systems
site.
A
That
is,
that
we're
changing
we're
like
trans
we're,
transforming
this
into
a
react
based
web
server,
where
this
is.
This
is
just
embedded
javascript
in
a
wordpress.
You
know
content
management
system.
So
where
is
the
output?
Is
this
the
output
1
output
parameters?
Here
it
is
ok,
so
this
is
our
goal
now.
A
So
so
you
think
it
is
a
long
ride.
Well,
let's
deal
hopefully
you'll
hang
on.
Doesn't
dock
should
have
more
dark-gray
mode
background,
because
it's
easier
I
am
NOT
styling
anything
I'm,
not
styling
anything.
So
do
I
any
plans
for
GPU
implementation?
What
for
HTM
there
already
are
some
GPU
implementations
at
HTM,
I
think
so
join
HTM
forum.
If
you
want
to
ask
about
that,
I
would
search
their
forum
actually
I.
Think
this
button.
Does
it
nope,
that's
broken?
A
There's
the
forum
I
would
I
suggest
you
go
there
and
ask
about
GPU
implementations.
Numenta
is
not
working
on
GPU
any
type
of
hardware
specific
or
software
specific
implementations
of
HTM
Numenta
is
working
on
theory.
I.
Am
the
community
manager,
so
I'm
sort
of
I
want
to
make
sure
that
the
we
have
a
healthy
community,
that's
interested
in
the
technology,
the
theory
that
we're
creating
and
the
things
that
were
we
were
saying
can
be
built
with
it.
A
So
that's
why
I'm
doing
Doc's
like
this,
because
I
want
people
to
build
HTM
systems.
That's
III
think
you
can
build
I!
Think
there's
a
lot
of
potential.
Creating
systems
like
this
and
learning
for
learning
systems,
especially
as
we
uncover
more
about
how
the
brain
works
and
how
this
is
sort
of
an
essential
component
of
how
the
neocortex
stores
memory.
A
So
anyway,
that's
the
pie-in-the-sky
colder,
so
we're
gonna.
Do
this
output
parameter
sting?
No,
we
don't
help
startups
that
use
HTM.
We
can
we
give
licenses,
though,
if
you
want
to,
if
you
want
to
create
an
HTM,
okay,
so
packs
real
quick.
If
you
want
to
create
an
HTM
startup,
you
can
do
it
in
two
ways.
A
You
can
make
all
your
code
a
GPL
and
you
don't
have
to
pay
anything
and
whatever
you
create
with
that
code,
where,
however,
you
monetize
that
that's
up
to
you
as
long
as
you,
you
know,
use
the
terms
of
the
a
GPL
which
means
you
make
all
your
code,
a
GPL.
So
that's
the
open
source
route
to
do
it.
You
can
certainly
create
a
business
using
a
GPL
and
make
money
off
of
that.
If
you
can
figure
out
how
to
do
it
and
the
other
way
is
to.
A
That's
those
are
your
options,
but
this
so
all
this
code
that
I'm
writing
here
and
building
HTM
systems
I
think
is
a
GPL
okay.
This
this
isn't
I
think
this
is
MIT.
Actually
no
I
did
make
it
a
GPL,
but
I
might
change
it
to
MIT,
because
I
don't
think
there
is
any
intellectual
property
in
this.
It's
just
a
the
intellectual
property
would
be
in
simple
HTM
and
that's
definitely
a
GPL.
A
A
Any
incubators
we
used
to
do
hackathons,
but
we're
really
more
we're
totally
focused
on
research
right
now,
so
I
am
trying
to
expose
research.
That's
why
I've
do
these
live
research
meetings
to
show
to
the
community,
so
we
have
a
like
over
a
thousand
people
on
our
forums
and
we've.
This
we've
had
this
pretty
active
community
since
we
went
open-source
in
2013,
so
there's
a
lot
of
people
that
want
to
know
what
exactly
we're
working
on
in
a
Vass
or
like
access
to
these
research
meetings.
A
So
we
finally
just
started
live-streaming
them
should
be
one
coming
up
in
an
hour
hour
and
a
half
hour
hour.
Fifteen
minutes
something
like
that.
Okay,
let's
get
something
done
before
that
happens,
though
so
so
I'm
gonna,
ignore
you
guys
this
chat
for
a
while,
because
I
want
to
try
and
get
some
stuff
done
and
I
think.
C
A
We
go
so
I'm
gonna
I'm
gonna
ignore
a
little
bit
of
chat,
so
we
need
to
add
to
this,
so
we've
got
two
more
components
here.
We've
got
this
component
and
this
component,
which
is
the
same
thing.
So
basically,
we
have
two
instances
of
one
additional
component
here,
and
this
is
another
library
called
dat,
GUI
and
I.
Really
like
this
library,
I,
don't
know
how
that
happened.
Dad
GUI
here
it
is
it's
just
like
a
labeling.
A
Find
the
right
place
here,
we
go
yeah,
it's
just.
It
adds
a
really
nice
interface
for
labels.
You
see
this
this
thing
up
over
here
on
the
side
right
here.
That's
it!
That's
that
GUI
and
it's
just
a
little
GUI
you
can
it
gets
it.
It
gives
itself
its
own
styling
and
you
can
change
things
and
basically
listen
for
the
events
to
change
and
it
sets
up
a
nice
way
for
your
diagrams
to
be
controlled
by
user
interactions.
With
this
thing,
so
this
is
gonna.
A
This
is
what
I
want
one
of
my
user
interactions
to
be,
or
at
least
that's
what
I
was
planning
now.
That
being
said,
I
also
want
to
look
at
red
blob
games
and
I
want
to
find
a
place
where
he
has
a
scrollable
thing
like
that
to
let
me
go
to
his
tutorial
for
tutorials.
Where
is
that
interactive
tutorial
about
making
interactive
tutorials?
Okay,
so
there's
a
I
know,
there's
a
interaction
here
we
go.
A
A
A
A
A
A
So
this
is
what
I'm,
varying
and
I
do
want
it
in
this
case.
I
get
rid
of
this.
In
this
case,
it's
integer
and
I
have
to
have
a
minute.
A
max
and
I
can
do
okay,
so
I
wonder
if
the
diagram
itself
even
needs
this
interface,
if
I
or
if
I
will
just
add
it
outside
of
the
diagram
like
he
did
here.
Well,
this
is
actually
inside
the
diagram.
A
So,
let's
first
pretend
like:
we've
got
these
two
parameters
in
the
diagram
and
I'm
going
to
create
a
component
outside
the
diagram
that
that
sets
them
like
that
updates
them
through
the
through
the
UI.
Alright,
because
I
want
to
be
able
to
do
it
outside
of
the
diagram
outside
the
diagrams
Dom
arts
element
right,
that's
it
can
trigger
from
anywhere
anything
can
trigger
it.
So
I
need
a
little
mechanism
with
a
scrub
herbal
number
right.
That's
that's!
Really.
What
I
want
is
a
scrub
herbal
number.
A
A
A
B
A
A
Actually,
really
what
it's
still
going
to
be
a
simple
scalar
encoder,
it's
just
going
to
be
able
we're
just
going
to
be
able
to
change
it.
So
I
think
we
can
still
use
a
simple
scalar,
encoder
I,
don't
think
we're
going
to
change
I,
don't
think
we're
going
to
create
a
new
Pat,
a
new
class
for
this
at
all.
I
think
we
can
do
this
and
we'll
still
call
it
output
range
output
range
and
should
pop
up
fine
here
just
in
to
do
to
do
to
do
to
do
to
do.
B
A
A
B
A
A
W
and
it'll
look
like
this
and
there's
nothing
in
them
yet
because
we
haven't
hooked
anything
up,
but
that's
and
then
let's
look
again
at
what
he's
got
here,
because
there's
CSS
for
this
too
right,
like
the
data
span,
looks
a
certain
way.
He
might
not
include
the
CSS,
though,
like
this
little
the
dotted
line,
you
know
the
dotted
underline
or
is
that
coming
from
page
style.
A
Let's
see
so
if
I
want
to
want
to
add
some
style-
and
this
is
gonna-
be
it's
sort
of
specific
to
the
simple
scalar
coder,
but
it's
gonna
be
a
style.
I'm
gonna
apply
it
I'm,
gonna,
add
the
style,
it's
an
easy
way
for
now.
I'm,
just
gonna
put
it
right
in
here.
It's
I,
don't
think
I'm
think
I'm
gonna
use
this
style
for
it
all
the
diagrams,
so
I'm,
just
gonna
put
it
right
here
and
I
hope
that
that
excuse
me
I,
hope
that
shows
up
there's.
C
A
A
C
A
Is
a
state
variable
in
the
component,
the
simple
scalar
encoder
has
I
could
get
to
it.
It
it
keeps
this
end
and
W
in
it.
So
it's
I'm,
like
I,
said
I'm,
not
I'm,
just
trying
to
like
get
something
that
can
control
this
state
variable
and
initialize
it
with
the
same
numbers.
Ten
here
it's
in
here
other
here
and
because
I
want
to
be
able
to
control
this
component
from
outside.
I
want
to
be
able
to
control
those
variables.
Do
something
so
the
interaction
with
this
value
should
change
that
state
variable.
A
A
B
A
A
B
A
A
Yeah
I'm
definitely
open
to
suggestions
for
especially
if
you
guys,
who
actually
know
you're
doing
like
I,
said
I'm,
not
very
good
on
okay
cool
and
then
we'll
we'll
add
styling
to
that.
But
let's
do
this
to
all
of
them.
I
like
that.
Let's
do
this
all
just
to
be
consistent,
definitely
want
to
be
consistent.
A
A
A
A
B
A
For
now,
I'll
leave
it
like
this
because
I've
got
this
is
putting
an
ID
on
the
SVG
I.
Think
yeah
and
I
depend
on
that.
Of
course,
I
could
always
do
something
like
you
know,
SVG
or
whatever,
but
I'm
not
going
to
do
that
right
now,
but
I
like
adding
the
the
figure
around
it
just
looking
to
see.
If
we
have
anything
else,
I
don't
think.
So.
How
does
this
look.
A
Okay,
like
I,
said
we're
not
styling,
but
at
least
but
this
is
the
grouping
works
well.
For
me,
it's
a
definitely
better
to
use
the
features
of
html5
and
I
don't
know.
So,
thanks
for
the
input,
okay
looks
like
my
music
ran
out.
I'm
gonna
use
the
restroom
real
quick
I'll,
be
right,
back
I'll
put
something
else
on
which
one
of
these
was
good.
I,
really
liked.
One
of
these
I,
don't
remember
which
one
it
was
I
think
it
was
right.
A
A
A
A
A
A
A
A
We
don't
want
to
mess
up
the
mouse
interaction,
so
the
SPG
expects
to
be
in
a
certain
place,
I
think
and
if
I'm
gonna
start
messing
with
the
diagrams
I'll
have
to
do
it
in
a
different
way
like
if
I
did.
If
I
could
I
could
give,
the
I
could
give
the
figure
I
could
still
give
the
figure
of
margin-left.
A
A
A
I
could
create
an
Trello
issue
for
this.
Maybe
I
will
someday
hello.
Everybody
thanks
for
joining
if
you're
coming
from
net
pixel
I'll.
Let
me
just
let
me
show
you
what
I'm
working
on
real,
quick,
the
BHT,
ms
building
HTM
systems
and
right
off
the
bed
I'm
lying,
not
every
Thursday,
I,
don't
really
know
what
my
schedule
is:
okay,
so
I'm
doing
it
on
Friday
right
now,
but
this
is
the
website
I'm
trying
to
build.
A
A
We
remember
translating
it
from
just
d3
diagrams
that
are
created
into
like
react:
Jas
a
react,
Jas
server,
so
that's
that's
what
we're
doing
and
so
far
we
are
like
here.
So
this
is
the
new
site
and
we've
got
poem,
encoders
number
encoders
and
we
haven't
even
gotten
to
the
spatial
pooling
yet
so
I'm
still
just
trying
to
translate
encoders
right
now
from
from
one
space
to
the
other
and
trying
to
create
sort
of
a
standardized
way
to
create
these
d3.js
interactive
diagrams
in
a
react
way
and
I
haven't
quite
figured
it
out.
Yet.
A
A
That's
the
ten
and
I
want
to
be
able
to
drag
it
like
you
do
here,
then,
in
red
blob
games
like
this,
and
so
that's
what
I'm
working
on
I'm
working
on
interaction
and
I
want
it
to
be
a
react
component
and
so
I
need
the
user
interaction
to
affect
the
react
component
in
a
in
the
right
way,
so
that
the
state
of
the
react
component.
These
are
the
actual
values
that
I'm
trying
to
change
are
in.
This
react
component
right,
simple,
scalar,
encoder!
This
is
the
diagram.
A
These
are
the
two
values
that
I
want
to
be
able
to
change
when
I
do
those
scrolling
things
and
in
W
I'm.
So
I
am
currently
trying
to
figure
out
how
to
do
that,
and
this
is
the
first
react
project
I've
ever
done.
So
there's
that
okay.
So
this
is
the
first
react
project
I've
ever
done.
This
is
the
barely
have
any
experience
with
visual
studio
code,
so
I'm
using
a
new
IDE
as
well,
but
at
least
I
know
JavaScript
for
the
most
part,
but
nowadays
doesn't
everybody.
A
A
Okay,
I
got
to
keep
an
eye
on
the
clock,
because
I
have
a
stand-up
meeting
at
10
o'clock
and
I'm.
Gonna
have
to
pause,
I'll
keep
streaming,
keep
streaming
and
then
probably
going
to
have
a
research
meeting
right
after
that
stand-up
meeting
at
10:00,
which
I
will
also
stream
JavaScript
is
it's.
It's
nobody's.
Favorite
language
I
think.
A
If
you,
if
you've
worked
in
other
languages,
JavaScript
can
be
really
infuriating
because
the
rules
are
so
loose
and
do
so
many
weird
things:
it's
almost
like
having
go
twos,
you
know
JavaScript,
it
doesn't
give
you
go
twos,
but
it
it
gives
you
ways
to
really
shoot
yourself
in
the
foot.
Hard
and
you'll
never
find.
A
A
B
A
A
Line
drawing
we're
looking
at
we're,
gonna
look
at
this
code
because
I
want
to
do
this.
I
want
to
be
able
to
do
this
and
I
want
something
to
react
to
it.
Look
at
this,
you
can
do
it
from
anywhere
right.
All
you
have
to
do
is
have
a
span
with
data
name
T,
so
you
can
put
it
anywhere
put
it
anywhere
on
the
page.
That's
what
I
want
I
want.
I
want
to
date.
A
name
and
I
want
to
be
able
to
change
it
around.
A
A
We'll
just
making
sure
before
I
swipe
something
that
it's
public
I
mean
I,
don't
think
you
put
it
out
there
if
it
weren't
so
inside
simple
scalar,
encoder
I
keep
doing
that
all
right,
I'm
gonna
start
with
the
stupid
thing,
I'm
gonna
start
stupid
and
then
we'll
fix
it
up:
okay,
I
just
first
I:
this
is
how
I
program,
okay,
this
I'm
gonna
start
doing
something
stupid
and
then
we'll
try
and
make
the
stupid
thing
work
and
then
we'll
just
clean
it
clean
it
and
clean
it.
So
I
just
want
to
get
something
working.
A
A
A
A
A
A
A
What
else
is,
is
there
anything
else
so
drag
position
to
value?
Is
this
where'd
this
come
from?
That's
up
there.
That's
the
scale
diagram,
so
we
don't
have
a
diagram.
So
there's
something
there's
something
about
the
diagram.
What
is
the
diagram
when
you
call
me
excreme'
balumbo,
we're
calling
it
on
something
that
has
of
this?
What
is
this
this?
A
A
A
Well,
that's
just
not
the
code
I
want
okay,
yeah,
so
he's
expecting
there
to
be
the
diagram
to
have
a
route.
So
it's
interesting
that
you
can
pass
any
diagram
into
this
function,
so
this
function
that
I'm
creating
here
if
I,
create,
if
I
create
it
in
a
way
that
the
diagram
can
be
passed
in
and
that
the
diagram
has
a
route
and
it's
a
d3
component
in
the
same
way
here,
maybe
that
maybe
I
definitely
want
to
do
this.
A
I'm
thinking
like
I
do
I
do
want
to
do
this,
but
I
can't
do
this
in
the
constructor.
I
have
to
do
it
down
here
and
the
component
did
mount
because
that's
where
I
have
access
to
a
SB
JG.
Thank
you
for
the
follow.
I
appreciate
your
following.
If
you're,
if
you
like,
if
you
like
this
content,
I
archive
everything
on
YouTube,
this
is
our
YouTube
channel
and
there's
more
stuff.
There
too,
there's
a
lot
of
informational
stuff
on
HTM
and
how
it
works.
A
A
A
Okay,
we're
gonna
call
this
route
just
like
him,
so
we
can
have
a
better
comparison.
So
this
is
great.
So
now
this
diagram,
I'm
gonna
I'm
gonna-
call
makes
trouble
number
two
pass
at
this
and
pass
it
myself
and
I
should
be
able
to
do
that.
I
think
so.
Let's
try
and
but
his
diagram
also
has
an
update
function.
I,
don't
think
mine
does
so.
A
Let's
take
a
look
at
this
yeah,
so
he's
got
an
update
function,
so
this
might
be
something
we
want
to
standardize
on
too
right
now
we
have
an
encode
component
did
mount,
which
is
a
react
component
hook
render
number
line
render
value
marker
render
output
cells?
These
are
all
things
that
would
go
into
the
update,
handle
SPG
mouse
over
get
range
from
bid
index
handle
output
cell
hover.
A
A
A
A
So
how
are
we
actually
changing
the
data?
Maybe
that's
what
diagram
update
is
supposed
to
do
so?
What
his
diagram
update,
just
calls,
update
track,
makes
crimpable
number
I'm
just
trying
to
figure
out
the
data
is
attached
to
the
the
text
or
the
the
elements
in
this
data
name
right,
I,
don't
see
where
the
data
is
on,
drag
position
to
in
front
and
her
diagram
name
diagram.
Oh
here
it
is.
This
is
the
update.
A
This
is
the
update,
so
it's
call
it's
updating
the
property
directly
right
here.
Okay,
that's
the
and
we're
doing
this.
We're
not
used
to
Redux
or
anything
I'm
gonna,
see
if
this
works
and
then
we'll
try
and
figure
out
if
we
need
if
we
want
or
need
to
use
Redux.
So
when
we,
when
this
calls
diagram
update,
we
need
to
assume
that
that
function
means
that
the
state
has
changed.
So
so,
let's
say:
let's
call
this
state
changed
and
ours
and
we'll
create
a
function
here.
Called
state
changed.
A
Like
render
value
marker
render
output
cells
I
think
that's
it
render
value,
render
output
cells,
but
we'll
have
to
get
the
value
if,
let's
just
let's
just
try
a
few
things
here
or
does
a
state
change,
so
we
want
to
say,
render
value
marker
I'm
gonna,
but
we're
gonna
assume
that
the
the
states
right,
we
don't
have
to
update
anything
and
if
render
value
marker
doesn't
have
a
value.
I
mean
this
value
is
a
property
on
here.
A
A
A
A
A
A
All
right
so
now
I
mean
I,
haven't
even
called
this
function
yet
so
we
need
to
call
mix
credible
number
and
we
need
to
do
it
in
the
component
update
the
component
did
mount
after
we've
rendered
all
these
things.
We
need
to
make
several
scrum
bubble
numbers.
This
makes
credible
number
and
actually
we'll
do
it
here,
because
this
is
sort
of
the
rendering
whoops
all
right.
So
diagram
is
gonna.
B
A
A
A
It
is
being
called
with
a
diagram,
let's
see
what's
going
on
here,
the
elements
had
found
they're
empty,
nothing,
that's
because
we're
sending
it
the
SVG
and
that's
not
what
we
want
to
send
it
so
the
root
element,
so
it
needs
a
dump.
What
right
here,
it's
dependent,
it
needs
the
diagram,
but
it
also
needs
okay.
So
what
I'm
going
to
do
is
I'm
going
to
take
the
I'm
gonna,
make
an
L
here
and
I'm
gonna
send
that
and
that
that's
what
we're
going
to
use.
A
A
On
it
maybe
David
duck,
are
you
still
there,
because
it,
you
might
point
out
something
stupid
I'm
doing
here?
What
I
really
want
to
do
is
just
find
all
of
the
data
name,
components
that
match
this
filter
I'm,
going
to
pass
an
element
in
here
to
do
that
and
I
get
if
it's
a
jQuery
element,
I
could
just
say
dot.
Fine,
so
I'm
gonna
do
that
initially,
where
we
are
doing
this
so
so
I
can't.
B
A
A
A
But
now
we
need
to
tell
it
what
element
we
want
to
search
for
the
scribble
numbers
and
I
I'm
really
tempted
to
just
put
the
body
here.
I
know
that
it's
probably
not
the
right
thing
to
do,
but
let's
try
I'm
gonna,
do
it
anyway,
because
I
want
to
see
if
it
works.
So,
if
I
just
sent
in
the
body
it's
gonna,
it's
gonna.
Look
for
it,
because
this
is
after
the
component,
the
Dom's
available.
It
should
be
the
opponent
the
opponent's
mounted.
A
A
A
A
A
C
A
B
A
A
A
A
A
B
C
A
Aha
yeah
yeah.
It
worked
check
it
out
sort
of
sort
of
so
it
doesn't
totally
work.
But
something
happens.
That's
not
what
I
want
that.
Doesn't
look
right
at
all
that
something
happens.
Oh.
Oh
my
gosh,
like
so
many
things,
I
didn't
want
to
happen,
are
happening.
How
did
the?
How
did
that
get
bigger?
How
did
that?
And
that
gets
this
really
strange,
so
the
smaller
the
encoding
goes,
the
bigger
that
circle
becomes.