Using React (Hooks) with D3 – [Bonus] D3 v5 → v6 (New Event Handling)

Показать описание

Hi,
D3 had a Major Version Update from v5 to v6 this year.

This video covers some of the issues / things you should consider when working with previous videos in this series, since all of them were made with v5. Enjoy!

Migration guide:

Code repo:

Рекомендации по теме

Комментарии

By far the best and most up to date d3 videos out there you need more exposure and to get to the top of the search results.

arthurtapper

So nice to see you back on line! Thanks for demystifying D3 for us! Stay well

arr

Thank you very much for your videos, your playlist has helped me a lot.

umeshrai

Thanks for your updates! Happy new year!

mentalmarvin

I've been reviewing D3 because I want to make some projects to help me attract recruiters for more visualisation oriented roles. I've written projects before in d3 but it's been a few years. I was hoping to find something on V6 specifically. It looks like your projects are fairly advanced and I like your style, so I might just do your V5 tutorial start to finish and then watch this video again.

My last projects were when v4 were brand new, and I used the latest copy of Hull's book to make sure I knew the latest standards.

CamdenBloke

Hello Muri, thanks for an amazing video, helped a lot, I was however wondering how I could get the index on the line graph. If I were to implement the code to access the index on the line graph, the returned index value is always 0, reason being the .data property consumes a data points array inside an array itself, eg, .data([dataPoints]), I was wondering how I could get access to the index.

sohailx

thks for your videos and happy new year. Hope you will switch to typescript one day ;-)

yoyo-

Hi Murat, you started again. Cool 👋Someday we should do a collab video 🎊

TheDestroDevShow

4:15 wouldn't data.indexOf(value) give you the same index? seems like less of a hussle.

omri

Using React (Hooks) with D3 – [Bonus] D3 v5 → v6 (New Event Handling)

Using React (Hooks) with D3 – [01] The Basics

Using React (Hooks) with D3 – [Finale] 5 Things You Should Know

Using React (Hooks) with D3 – [03] Axes and Scales

Hooked on D3: Create Animated Ch(art)s with D3 and React Hooks - Monica Wojciechowska

Using React (Hooks) with D3 – [05] Interactivity

Using React (Hooks) with D3 – [01] The Basics (Remastered)

Using React (Hooks) with D3 – [11] Physics-based Force Layout

Using React (Hooks) with D3 – [16] Zoomable Line Chart

Using React (Hooks) with D3 – [Bonus] D3 v5 → v6 (New Event Handling)

D3 and React.js crash course using react hooks | Build a responsive line chart with d3.js

Using React (Hooks) with D3 – [12] World Map with D3-geo

Using React (Hooks) with D3 – [09] Racing Bar Chart

Simple D3 Line Chart in React | Hooks

Using React (Hooks) with D3 – [02] Curved Line Chart

Using React (Hooks) with D3 – [04] Animated Bar Chart

Using React (Hooks) with D3 – [15] Stacked Bar Chart

Using React (Hooks) with D3 – [08] Breaking Bad Timeline

Using React (Hooks) with D3 – [10] Animated Tree Chart

Using React (Hooks) with D3 – [14] Filtering Visually (with Brushes, Part II)

Using React (Hooks) with D3 – [13] Filtering Visually (with Brushes, Part I)

Using React (Hooks) with D3 – [15+] Stacked Area Chart

D3.js in 10 Minutes or Less | ep. 009 - D3 + React (+ real data!)

Datavis 2020 episode 51 - React & D3 Axes with useRef and d3 axis

React Hooks for Dataviz