1 of 29

BATTLE

FOR THE

DOM

Danielle Carrick

D3 VS REACT

2 of 29

2

3 of 29

4 of 29

WIRED

Evolution of Data Leaks

​

5 of 29

TEEN VOGUE

A Year of Tweets

​

6 of 29

THE NEW YORKER

Live Midterm Election Map

7 of 29

8 of 29

9 of 29

10 of 29

Wrap it up

11 of 29

12 of 29

WHY REACT + D3?

13 of 29

14 of 29

15 of 29

16 of 29

17 of 29

THINGS I’VE LEARNED THAT WOULD HAVE BEEN HELPFUL IN NOVEMBER

18 of 29

D3 FOR DATA MANIPULATION

REACT FOR DOM MANIPULATION

+

19 of 29

D3 + React for Bar Charts

20 of 29

21 of 29

D3 + React for Line Charts

22 of 29

D3 + React for Line Charts

D3 code

React Code - render()

23 of 29

Time Parsing

D3 code

24 of 29

D3 code

React code

25 of 29

HOW I WOULD MAKE THE MAP TODAY

26 of 29

27 of 29

D3 code

React code

28 of 29

D3 FOR DATA MANIPULATION

REACT FOR DOM MANIPULATION

+

29 of 29