Curran will be starting a new livestream series on D3 Data Visualization on March 6th! Learn more here: vizhub.com/blog/2021/02/20/new-livestream-series-get-it-right-in-black-and-white/
Who in their right mind would watch a 17-hour, 2-part UA-cam course!? One week and many Codepens later, I am ever so glad I did. Thank you, Curran. I completed all my freeCodeCamp data visualization projects in React & D3 while following along with your fabulous tutorial.
10:44:00 if your 'event' is not exported from d3, just use the event that's passed directly to the listener, like this: brush.on("brush", (event) => console.log(event.selection)) cheers
Eleven hours and 37 minutes, not the full 17 as indicated. I watched from front to back and worked through all his examples. He is extraordinarily skilled and communicates with precision and clarity. I feel more than ever like I'm drowning in complexity, but at the same time, I've gained insight into what to look for and possible approaches to explore when trying to move forward. Also gained new awarenesses into sources of reliable data bases and studies, along with tools for coding and coding patches which are essentially shortcuts and hurdle leaps.
I'm only 15 minutes in, and already I have a deeper appreciation for the power of data visualization as a tool for augmenting my own cognition. "Think on paper" indeed.
Incredibly helpful, thorough, and well explained! This is the best tutorial I have found from both paid and free sites! I have used Udemy and Oreilly Books and nothing comes close to the clarity and knoweldge displayed by this instructor!
4:43:00 - D3 Barchart 5:18:00 - Refactor logic for Barchart, use separate modules for chunks of logic 5:29:00 - add style for Barchart 5:53:00 - Scatter Plot
8:25:23 the "tickSize" prop is passed twice to the "ColorLegend" component, once with the literal value of 10, and a second time with the variable "circleRadius" 😁
the ordinal quantitative categorical at 3:11:53 is too good. These kind of tutorial we need where we can see inter dependability of systems with each other. This stuff gives right threshold point to what length you have to prepare to be industry ready.
I love this course, Curran makes it so interesting! I love the theory part of the course, where he discusses the horsepower vs mpg example, and the difference between categorical, time and size values.
Double Curly Braces in Visualizing Data with React and D3 -> pulling your hair out trying to figure out how you pass a function right in to a tag and then those DOUBLE CURLY BRACES! Yea he just hand waves that away as if it's totally normal, and why colons instead of = for the peoperty values all the sudden? Arg! EXPLAIN YOUR CODE, WE ARE BEGINNERS. For anyone wondering the outer set of curly braces lets JSX know that what is inside is Javascript and the inside braces denote an OBJECT and use the object notation for values. Hence the ' : ' instead of the ' = '. Once you understand that you can start untangling that mess.
This is great, but if you are as slow witted as I am it will take way more than 17 hours to get through. VERY information dense, very often I need to stop and go read about concepts as I go or I get lost. But, all in all I'd rather it be too dense than over explain things I already understand- so on the whole it's just right.
I was curious about an error I am getting. 3:33.00 for scatter viz. I am in vs code. when I export and install dependencies and run build i get an error saying to us transforms: {asyncAwait: false} ...help lol
This course is great and very much appreciated. I got to using vega-lite-api example and trying to make a boiler plate app locally on my machine and get started. I was getting an error after importing the vega-lite-api and using it. Attempted import error: 'vl' is not exported from 'vega-lite-api'. I have been desperately wanting to analyze some data with the learning so far but stuck because of this error. Any help will be very much appreciated
Excellent videos! Great combination of theory and code. The sequence of the videos and the detailed explanations throughout are very helpful. I was able to follow along and get it working step by step. One note: In "Multiple Views with Brushing" the event.selection did not work, because latest version of d3 does not have "event". Looks like event it go reworked. I was able to get it working by brush.on('brush end', (selection) => { setBrushExtent(selection.selection && selection.selection.map(xScale.invert)); }); Not sure if that is the right approach, but it works. Thanks Curran!
At around 1:56:55 whe you're creating multiple faces with Array.map, how does React "know" to space the faces out? As far as I can tell, they're all being passed the same centerX and centerY, so shouldn't all the faces stack on top of each other in the same spot?
In the next version, I plan to decouple the rendering logic so it would be easier to make Vue wrappers. I might invite a Vue expert to work through creating one or two Vue wrappers for visualization techniques, to establish a pattern.
Curran will be starting a new livestream series on D3 Data Visualization on March 6th! Learn more here: vizhub.com/blog/2021/02/20/new-livestream-series-get-it-right-in-black-and-white/
Sir how can I save my tribute page progress on freecodecamp - codepen
Kindly advice on course pre requisites. I have basic knowledge of HTML. Is that enough.
@@sairadha674 Yes, that is enough.
It would be better if you use combination of reactjs and d3js.
Hi Do I need to complete previous video of yours --> ua-cam.com/video/_8V5o2UHG0E/v-deo.html ?
After watching this 11 hours, I was able to visualize whole genome alignments of myself
lol
Lmao.
He's beginning to believe...
Please share your git repo
Who in their right mind would watch a 17-hour, 2-part UA-cam course!? One week and many Codepens later, I am ever so glad I did. Thank you, Curran. I completed all my freeCodeCamp data visualization projects in React & D3 while following along with your fabulous tutorial.
how do u know what am thinking
1hr into the course and I am already in love with Curran. What an amazing teacher !
I agree 100%! Thank you freeCodeCamp and Curran.
He's the Keanu of Data Science!! 😭
This is still relevant 2 years after it was made. I'm almost done watching and I've learned so much. Thanks for this!
Thank you so much! you guys rock, Curran, you are an amazing human being!
10:44:00 if your 'event' is not exported from d3, just use the event that's passed directly to the listener, like this:
brush.on("brush", (event) => console.log(event.selection))
cheers
Ah yes, the API changed!
THANK YOU
Thanks - brilliant tutorials!
Eleven hours and 37 minutes, not the full 17 as indicated. I watched from front to back and worked through all his examples. He is extraordinarily skilled and communicates with precision and clarity. I feel more than ever like I'm drowning in complexity, but at the same time, I've gained insight into what to look for and possible approaches to explore when trying to move forward. Also gained new awarenesses into sources of reliable data bases and studies, along with tools for coding and coding patches which are essentially shortcuts and hurdle leaps.
Thanks for all the great content you guys create! and free!
I'm only 15 minutes in, and already I have a deeper appreciation for the power of data visualization as a tool for augmenting my own cognition. "Think on paper" indeed.
Noice
Incredibly helpful, thorough, and well explained! This is the best tutorial I have found from both paid and free sites! I have used Udemy and Oreilly Books and nothing comes close to the clarity and knoweldge displayed by this instructor!
This has turned out to be both great tutorial on React and D3 js, amazing!
Curran is one of the best programming teacher IMO
It's been 3 hours and I'm still enjoying his teaching
4:43:00 - D3 Barchart
5:18:00 - Refactor logic for Barchart, use separate modules for chunks of logic
5:29:00 - add style for Barchart
5:53:00 - Scatter Plot
Ah, 2 weeks of new learning. This channel is a library for programmers
Ikr lol
3:42:50 Been watching this at 2x speed while chilling Really good lecture series . Thanks for waking us through .
Agradecemos sua compra!
Just what I needed to relax and learn while sitting at home
This course is perfect! Great job Curran and thank you so much!!
Thanks
YOU GUYS ARE LITERALLY THE BEST!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
This is freaking outstanding!!!
So much information, and brilliant wisdom.
Thank you so much
Thanks!
8:25:23 the "tickSize" prop is passed twice to the "ColorLegend" component, once with the literal value of 10, and a second time with the variable "circleRadius" 😁
Curran, you're an amazing teacher as well as an amazing human being. I can't tell you how helpful this will be for those who need it. Thank you!
Thanks!
Amazing! This guy knows what he‘s talking about. Thanks a lot.
This man has really awesome teaching skills.
I am watching in Taiwan. This video helps me a lot. Thank you.
Curran is an amazing teacher - thank you.
Wow, the resources given in only first 40mins is huge, lots of joy to watch. I love the Internet
Great course. Curran is such a great presenter and teacher.
I was just Learning JavaScript... Almost done... HERE WE GO AGAIN
Thanks a lot. You guys serve humanity. 🤍
"layrhem biha lwalidin " may god bless your parents for this work (a Morrocan way to say thank you for this amazing work).
One of the best tutorials...to the point and succinct..
Curran you are my hero!
Mine too!
the ordinal quantitative categorical at 3:11:53 is too good. These kind of tutorial we need where we can see inter dependability of systems with each other. This stuff gives right threshold point to what length you have to prepare to be industry ready.
Curran is a legend!
The best ever teacher since big Bang :) , I just love Bau
Oh thank you, this is exactly what I need for my upcoming internship.
6:45:35
I really ❤️ this course
wooooooohoooooo, just found this gem & it couldnt have came at a better time!
Really nice job! Congrats!
This is absolute gold.
Really nice & clear tutorial for beginner👍👍
Thanks Curran
Wow. Thank you very much for this upload!
I love this course, Curran makes it so interesting! I love the theory part of the course, where he discusses the horsepower vs mpg example, and the difference between categorical, time and size values.
8:47:10 you mean columns. what's removed/kept here are the columns not the rows, unless the table was originally transposed 😁
You are Awesome! I really like your step by step approach from HTML to React then to complex animation, events, optimization ...
Thanks a lot freecodecamp....
I hope you will continuously make video on interesting topics.
If they put ads on this video I'll play this video in loop without skipping.
Double Curly Braces in Visualizing Data with React and D3 -> pulling your hair out trying to figure out how you pass a function right in to a tag and then those DOUBLE CURLY BRACES! Yea he just hand waves that away as if it's totally normal, and why colons instead of = for the peoperty values all the sudden? Arg! EXPLAIN YOUR CODE, WE ARE BEGINNERS.
For anyone wondering the outer set of curly braces lets JSX know that what is inside is Javascript and the inside braces denote an OBJECT and use the object notation for values. Hence the ' : ' instead of the ' = '.
Once you understand that you can start untangling that mess.
11:37:13 hahahhaa that impersonation killed me!
Btw, I love the way of teaching. Super helpful, the teacher gained a spot in heaven!
pro tip: at x1.5 speed works fine!!. x1.75 and you can also laugh with curran's movements.
this is a FANTASTIC course! thank you for this, and covering data viz fundamentals
Course starts at 4:26:43 if you know the basics.
what are the basics to be aware of?
@@navaneethms Basically if you understand html/css/react/svg...
You are a man of culture. 👍🏽
Wow just completed it... Amazing 😍👏🙂🙏⭐
Fantastic contribution! Thanks for sharing.
Now I know why there is so much noise in the background... you are in India or nearby haha Great content, thanks.
Thank you for the amazing free resource
I haven't still watched it. But I know that it's the best. Just insane❤️❤️❤️
2:48:40
don't mind me, just leaving this here cause I'm gonna skip a bunch and get back to it later
Pure gold!
2:44:00 handleMouse e
Thanks a lot for sharing your knowledge with such a high quality
LISTEN HERE! YOU ALL ARE FUCKING CRAZY! HUGE MASSIVE RESPECT FOR WHAT YALL ARE DOING❤️❤️❤️❤️
One word, Grateful
Thank you for all wonderful courses
Does one need to already have some knowledge in javascript, react. . before they take this course?
I think it does help to understand nodejs npm and react.
there is a good tutorial for react here ua-cam.com/video/w7ejDZ8SWv8/v-deo.html
good luck!
Anyone knows how Curran Kelleher set his rollup plugins？I am so confused and stuck in this step in VScode.
Thanks for the course!
This is great, but if you are as slow witted as I am it will take way more than 17 hours to get through. VERY information dense, very often I need to stop and go read about concepts as I go or I get lost. But, all in all I'd rather it be too dense than over explain things I already understand- so on the whole it's just right.
I was curious about an error I am getting. 3:33.00 for scatter viz. I am in vs code. when I export and install dependencies and run build i get an error saying to us transforms: {asyncAwait: false} ...help lol
Great video. Were you India when you filmed this course? I think I heard motorcycle and bus honks.
Okay guys Imma do it
2:05:30 - as a Brit I have one thing to say: you, my good sir, are absolutely right 😔
Thanks a lot for your work!
no fucking way you just posted this... i know what I’m doing today
Brilliant ❤️
If you already know react Skip first 3 hours !
After watching this i was able to hack the matrix and visualise its string based level components at 10 to 30cm :)
thank. you very much for this great course, really amazing
Thank you for this, great content so much information
This is a great tutorial.
This course is great and very much appreciated.
I got to using vega-lite-api example and trying to make a boiler plate app locally on my machine and get started.
I was getting an error after importing the vega-lite-api and using it.
Attempted import error: 'vl' is not exported from 'vega-lite-api'.
I have been desperately wanting to analyze some data with the learning so far but stuck because of this error. Any help will be very much appreciated
try,e.g: import * as vega from 'vega'
Absolute madlad
Thank you Curran
Im so grateful for this
I'm literally crying ! love freecodecamp !
I'm watching this a 2x and I've only got today to learn it.
Lesgoooo guys
Excellent videos! Great combination of theory and code. The sequence of the videos and the detailed explanations throughout are very helpful. I was able to follow along and get it working step by step.
One note: In "Multiple Views with Brushing" the event.selection did not work, because latest version of d3 does not have "event". Looks like event it go reworked.
I was able to get it working by
brush.on('brush end', (selection) => {
setBrushExtent(selection.selection && selection.selection.map(xScale.invert));
});
Not sure if that is the right approach, but it works.
Thanks Curran!
Ah yes, the API changed! Tough to keep up. I'll have to re-do the whole thing now! lol
Hey xScale is giving me invalid date. Can you please help?
That is xScale.invert which is not working for me
4:43:18
7:28:00
is there something about rollup.js in freeCodeCamp ?
Great !! Thanks so much !!
At around 1:56:55 whe you're creating multiple faces with Array.map, how does React "know" to space the faces out? As far as I can tell, they're all being passed the same centerX and centerY, so shouldn't all the faces stack on top of each other in the same spot?
Also confused on this point.
The thumbnail says it's 17 hrs but it's under 12 hrs. Is part 2 coming lately?
Edit: I saw lately the part two link is in description
The link is in the description
complete part 1
Its extremly useful 4 me))
Gotta say, I love your voice, you could get rich just uploading videos reading books lol
Oh, please make a vue-version of the course. :p
In the next version, I plan to decouple the rendering logic so it would be easier to make Vue wrappers. I might invite a Vue expert to work through creating one or two Vue wrappers for visualization techniques, to establish a pattern.
@@currankelleher I really enjoyed the react version. Thank you for a great course.