1. Урок 1.00:06:09
    Introduction
  2. Урок 2.00:02:17
    What you need to know
  3. Урок 3.00:03:17
    How to approach React for Data Visualization
  4. Урок 4.00:00:23
    Why React and D3
  5. Урок 5.00:02:31
    Visualizing data with React and d3.js
  6. Урок 6.00:01:04
    Why D3
  7. Урок 7.00:02:24
    3 key insights that help you learn D3.js from scratch
  8. Урок 8.00:04:36
    Data manipulation vs. DOM manipulation
  9. Урок 9.00:01:33
    Data manipulation vs. DOM manipulation 2
  10. Урок 10.00:04:13
    Scales
  11. Урок 11.00:01:42
    D3 layouts
  12. Урок 12.00:01:50
    Recap
  13. Урок 13.00:03:03
    How React makes D3 easier
  14. Урок 14.00:01:52
    How React makes D3 easier 2
  15. Урок 15.00:02:14
    What about existing libraries?
  16. Урок 16.00:01:05
    Victory.js
  17. Урок 17.00:00:55
    Recharts
  18. Урок 18.00:01:12
    Nivo
  19. Урок 19.00:01:08
    VX
  20. Урок 20.00:01:15
    When not to use a library
  21. Урок 21.00:00:58
    Quickly integrate any D3 code in your React project with Blackbox Components
  22. Урок 22.00:03:37
    A quick blackbox example - a D3 axis
  23. Урок 23.00:03:50
    A quick blackbox example - a React+D3 axis
  24. Урок 24.00:01:31
    A quick blackbox example - a React+D3 axis 2
  25. Урок 25.00:02:27
    A D3 blackbox higher order component – HOC
  26. Урок 26.00:05:12
    D3blackbox magic trick – render anything in 30 seconds
  27. Урок 27.00:01:53
    Build scalable dataviz components with full integration
  28. Урок 28.00:09:27
    Props don't change
  29. Урок 29.00:06:37
    Props might update
  30. Урок 30.00:03:42
    Making your components more flexible with render props
  31. Урок 31.00:02:28
    Making your components more flexible with render props 2
  32. Урок 32.00:02:11
    Super simplicity with React Hooks
  33. Урок 33.00:01:52
    useState, useEffect, and useContext
  34. Урок 34.00:04:08
    Blackbox components with hooks
  35. Урок 35.00:00:36
    my useD3 hook for blackbox components
  36. Урок 36.00:01:18
    my useD3 hook for blackbox components 2
  37. Урок 37.00:07:18
    Full integration components with hooks
  38. Урок 38.00:00:59
    useMemo is your new best dataviz friend
  39. Урок 39.00:00:49
    Handling state in your React app
  40. Урок 40.00:02:12
    Basic architecture we'll use
  41. Урок 41.00:02:05
    Set up a local environment with create-react-app
  42. Урок 42.00:00:46
    Install dependencies for React for Datavisualization
  43. Урок 43.00:00:59
    A big example project - 176,113 tech salaries visualized
  44. Урок 44.00:01:10
    Show a Preloader
  45. Урок 45.00:00:24
    Step 1: Get the image
  46. Урок 46.00:01:50
    Step 2: Preloader component
  47. Урок 47.00:02:05
    Step 3: Update App
  48. Урок 48.00:00:50
    Step 4: Load Bootstrap styles
  49. Урок 49.00:01:04
    Asynchronously load data
  50. Урок 50.00:00:48
    Step 0: Get the data
  51. Урок 51.00:03:16
    Step 1: Prep App.js
  52. Урок 52.00:00:56
    Step 2: Prep data parsing functions
  53. Урок 53.00:01:15
    Step 3: Load the datasets
  54. Урок 54.00:02:22
    Step 4: Tie the datasets together
  55. Урок 55.00:00:47
    Render a choropleth map of the US
  56. Урок 56.00:02:50
    Step 1: Prep App.js
  57. Урок 57.00:03:06
    Step 1.1: Simplify App.js state
  58. Урок 58.00:02:55
    Step 3: CountyMap.js
  59. Урок 59.00:02:29
    the D3 magic sauce
  60. Урок 60.00:01:12
    render
  61. Урок 61.00:02:42
    Step 4: County component
  62. Урок 62.00:05:34
    Step 5: optimize D3 code with custom hooks
  63. Урок 63.00:00:36
    Render a Histogram of salaries
  64. Урок 64.00:01:27
    Step 1: Prep App.js
  65. Урок 65.00:01:03
    Step 2: CSS changes
  66. Урок 66.00:01:51
    Step 3: Histogram component
  67. Урок 67.00:06:16
    Rendering the histogram
  68. Урок 68.00:00:55
    Step 4: HistogramBar (sub)component
  69. Урок 69.00:04:39
    Step 5: Axis
  70. Урок 70.00:00:45
    Make it understandable - meta info
  71. Урок 71.00:01:01
    Dynamic title
  72. Урок 72.00:06:08
    Implement Title
  73. Урок 73.00:03:16
    The render
  74. Урок 74.00:02:30
    Dynamic description
  75. Урок 75.00:01:31
    Step 1: App.js
  76. Урок 76.00:05:03
    Step 2: MedianLine
  77. Урок 77.00:00:46
    Add user controls for data slicing and dicing
  78. Урок 78.00:03:46
    Step 1: Update App.js
  79. Урок 79.00:04:00
    Step 2: Build Controls component
  80. Урок 80.00:05:22
    Filter logic
  81. Урок 81.00:02:20
    Step 3: Build ControlRow component
  82. Урок 82.00:05:20
    Step 5: Add US state and Job Title filters
  83. Урок 83.00:05:24
    Stale state is stale
  84. Урок 84.00:00:43
    Make it work in the real world
  85. Урок 85.00:03:05
    Rudimentary routing
  86. Урок 86.00:01:44
    Twitter and Facebook cards and SEO
  87. Урок 87.00:00:15
    Full dataset
  88. Урок 88.00:01:55
    Launch!
  89. Урок 89.00:01:50
    A couple more tweaks
  90. Урок 90.00:10:57
    A couple more tweaks 2
  91. Урок 91.00:00:35
    A couple more tweaks 3
  92. Урок 92.00:00:52
    Animation
  93. Урок 93.00:01:16
    Using a game loop for rich animation
  94. Урок 94.00:02:30
    Game loop animation with a bouncy ball
  95. Урок 95.00:05:59
    My solution
  96. Урок 96.00:00:55
    Use transitions for simple animation
  97. Урок 97.00:01:10
    Build a swipe transition
  98. Урок 98.00:02:20
    How it works
  99. Урок 99.00:03:54
    Solution
  100. Урок 100.00:02:54
    Powerful animation with transitions and game loops combined
  101. Урок 101.00:02:39
    Understanding custom tweens
  102. Урок 102.00:03:43
    A practical example
  103. Урок 103.00:05:01
    A practical example 2
  104. Урок 104.00:06:43
    Use tweens to drive state – hybrid animation
  105. Урок 105.00:00:54
    A bouncy scatterplot exercise
  106. Урок 106.00:02:49
    My solution
  107. Урок 107.00:02:41
    Animating with React, Redux, and d3
  108. Урок 108.00:49:14
    Christmas trees sold in USA - an emoji barchart
  109. Урок 109.01:06:20
    Money spent on Christmas - a line chart
  110. Урок 110.01:17:10
    Christmas movies at the box office - horizontal bar chart
  111. Урок 111.01:04:08
    What Americans want for Christmas - horizontal stack chart
  112. Урок 112.01:24:13
    Christmas carols and their words - a word cloud
  113. Урок 113.00:50:34
    Will you buy a christmas tree? - a pie chart
  114. Урок 114.01:27:05
    What goes in Christmas stockings - a piechart with tooltips
  115. Урок 115.01:28:29
    When Americans buy Christmas presents - a curved line chart
  116. Урок 116.01:28:10
    When people buy candy - animated barchart with easing
  117. Урок 117.01:19:50
    A responsive stack chart of smartphone market share
  118. Урок 118.00:51:56
    A Sankey diagram
  119. Урок 119.00:48:50
    Try Uber's WebGL dataviz library
  120. Урок 120.01:06:20
    Real-time WebGL map of all airplanes in the world
  121. Урок 121.00:36:41
    A compound arc chart
  122. Урок 122.04:08:04
    A barchart race visualizing Moore's Law
  123. Урок 123.02:04:50
    Building a Piet Mondrian art generator with treemaps