D3.js tutorial - 1 - Introduction Video Lecture | D3.js Tutorial: A Complete Guide - Web Development

hello there I'm VNO and this is my first
Youtube tutorial on d3 which is a
JavaScript library in this first part I
should say we won't be doing any actual
coding I will just talk briefly about
what d3 is and so if you feel that you
already have that knowledge you should
just skip this part and move on to the
second part so for the rest of you d3
stands for data-driven documents and
it's like I said it's a JavaScript
library and it's not its own language
it's a library that allows you to
visualize data on a webpage in a really
easy way it actually
well the learning curve can be quite
steep but once you get the hang of it
it's really easy to make quite advanced
visualizations and so yeah this is the
official web page d3.js org and if you
click examples here you will get this
long list of different visualizations
made using d3 some are highly dynamic
some are less dynamic
yeah and also for most of them if you
click let's see let's pick this one
and if you click if you click the
visualization you get the actual
visualization and also the code powering
it powering it so it can be really
helpful
watching other examples and the d3.js
org is a good starting starting point so
this is this is d3 code we'll get into
what this means later right so
what do you need to know I mean how
advanced do you have to be in order to
start coding in d3 well actually it's
kind of it's quite simple but you should
have some some knowledge about other
languages and what ya that you use that
you use in web design and before you
start diving into d3 so if I just click
up my text editor here which and this is
the place where we'll be doing our
actual d3 coding if you don't understand
what this means and you should probably
learn about HTML and before you start it
doesn't take that long it's quite easy
to to learn but this is yeah a core
concept a core language of web web
design
so apart from HTML you you should be
familiar with CSS d3 uses c css3
selectors in in manipulating the web
document so yeah you should you should
know some CSS as for JavaScript I
wouldn't say it's necessary to to
actually know JavaScript before you
start learning d3 in my case it was
almost the opposite I mean I knew some
JavaScript but hadn't then really been
doing a lot of stuff with it but I
really felt that my my comprehension of
JavaScript increased dramatically as I
learned more and more about d3
also you should be familiar with the
concept the doom which stands for the
document object model which basically
basically refers to the hierarchical
structure of a webpage
yeah but you should just yeah Google
that and read about it so
yeah I think that I think we'll settle
with that for this part well yeah
actually now I can't remember if I
showed you this but if you you head over
to d3.js org and click documentation and
then api reference you will get this
long list of every every method and
object and all the stuff that you use in
d3 let's just pick something here
yeah you get this short explanation of
each each concept it can be quite
technical and and short but it's a great
it's a great source to to head over to
whenever you get confused sometimes it
helps sometimes it just confuses you
even more but yeah I think we'll settle
with that for this part and we'll in the
next part we'll actually and try writing
some d3 code so yeah I'll see you in the
next part