Introduction to D3.js with Shirley Wu

Thanks Shirley and Dan! this was really nice and I've always been interested in d3 but quite intimidated to try anything yet. This looks really fun!

P.S am I the only one who got really anxious when the time was low and Shirley was still on the whiteboard? It felt like when the deployment time is minutes away but you've just realised the build hasn't finished yet and the artifact still needs uploading!!!

I watched this at 2x the speed and the energy level is off the charts!

Hi Daniel,
did you invite a competitor? I love D3 and read about it in preparation. Some issues are to be jealous of. However, do you want to go this way?
P5 is becoming more and more documented and prepared when it comes to promises and sync/async programming. When you go into the direction of D3 (not even talking about underscore / lodash), it is still JavaScript but it is almost becoming a different language. When I see videos like this, I keep the (never really defined) "Vanilla" JavaScript in mind (and Mozilla dictionary). If I ever teach or explain the way I work, promises are good fun but also pitfalls.
On the other hand: In these two hours presentation some issues came up that may be interesting for a future version (or better documentation) of P5:
- mapping from real-world data to distict (pixel) values. Why this required lodash - I did't understand - This is a standard and recommended JS function (??).
- Color maps in D3 are the best I can find on the internet. P5 gives some basic info and then - sorry to say - refers to Processing. I know you tried before (e.g. buckyballs) but please make this part of a new version of P5.
* My starting point is mathematics and so happy that you always refer to, or explain the basics. Best thing I remember is a reaction in the chat-box that you overdo using Pythagoras' deposition that c = sqrt(sqr(a) +sqr( b)). Sometimes a*a + b*b is so much faster and gives you all the info you need.
In short: I stick to P5 and love it for the mathematical approach; sometimes jealous when other libraries give better answers.
Compliments, Beny

We need more Shiffman-Shirley collab!
The dynamic between you both is just so perfect 💛

she's awesome

really fun to watch :)

Why not use parseFloat instead of deleting the commas? Nice video btw!!!

Start: "Oh great, so ObservibaleHQ is like a notebook that also console logs everything. That's great for debugging!"
One hour later: "Let put everything in one big block and add console.log by hand to debug"
:-/

finally

Rune❤️

Shirley is a legend !!! And so patient with Dans keep cutting in the middle of her sentences or sometimes even the beginning of sentences 😂

Your videos are filled with awkwardness(it's not the word I'm looking for, but yeah) that never fails to bring a smile on my face! And the videos are really informative too. Keep up the good work!

maybe this is an unusal question? but can u share whit me your setup to make a video like this ? thanks ¡¡ great work¡¡

You remind me of the professor from the Netflix series Money Heist..... The character is inspired from you...... ❤️❤️❤️

Great video!! What's the opening music, please??

Did any1 listen the sound of dolphin in 2x?

Awesome video, we want more..actually you two should make a whole series on data visualizations

"I'm committed to this and I'm not even going to explain it" - D3 in a Nutshell

It’s like Jupyter with extra steps

hello!
Is there a setup to code "offline" like you showed in the p5 workflow tutorial? can I use any text editor?
Is there a way to automate the creation of the project like the npm p5-manager for p5.js?
Thanks!

I wonder how can someone dislike a coding train video, there is no fricking way people are so mean ;-;

I can't believe somebody actually asked "are we getting distracted?" On a Coding Train live stream 🤣

The intro music is a bad waste of people's precious time.

The subject is very interesting but there is so much interruption! I've been watching the video for about one hour and we've advanced very little.

phenom!!! love the music too

The quotation mark to create a string -'- (shift+2 on Mac keyboard) seems to be not working for me, it says unexpected token on Observable. Does anybody have an idea why this might be happening?

This was so enjoyable to watch. Thank you!

I'm new to javascript and data and found this fascinating, to watch.

Dan looks and behaves exactly as the senior solutions architect in the company i work for. lol

hahah you guys are killarious :)

30 mins of awkward laught and fuzz about nothing. Every 10 seconds stupid laughs and giggles just set me off. Could not watch

how to use location pointers instead of circles in d3.js floorpaln heatmap

Oh well, i't been 3 hours+ now and still I cannot get the d3.extent() to work! Console keeps yelling at me that there is a type error and values() is not iterable... what the hell??

Oh man, could you share please the observablehq...?

Hello - a bit late to the station for this one, but what a fantastic video, great intro to D3 and the Shiffman-Shirley dynamic is hillarious, please more videos together 🙂

one thing i do in these slowvideo is increase playback speed to 2.0.

The host of this show talks way too much. I am 27 minutes in and we still haven't covered the definition of an SVG path.

😂 That was funny - and very informative!

June of 1995.Dayton Agreement 🇺🇸