Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:01:44
    Making Your First Chart
  2. Урок 2. 00:05:52
    Loading the weather dataset
  3. Урок 3. 00:08:36
    Setting up our line chart
  4. Урок 4. 00:05:16
    Drawing our chart
  5. Урок 5. 00:03:25
    Creating our workspace
  6. Урок 6. 00:04:29
    Adding an SVG element
  7. Урок 7. 00:04:43
    Creating our bounding box
  8. Урок 8. 00:10:07
    Creating our scales
  9. Урок 9. 00:06:28
    Drawing the line
  10. Урок 10. 00:05:09
    Drawing the axes
  11. Урок 11. 00:01:29
    Making a Scatterplot
  12. Урок 12. 00:02:04
    Steps in drawing any chart
  13. Урок 13. 00:01:58
    Step 1: Access data
  14. Урок 14. 00:07:25
    Step 2: Create chart dimensions
  15. Урок 15. 00:03:00
    Step 3: Draw canvas
  16. Урок 16. 00:04:21
    Step 4: Create scales
  17. Урок 17. 00:15:28
    Step 5: Draw data
  18. Урок 18. 00:11:30
    Step 6: Draw peripherals
  19. Урок 19. 00:01:56
    Looking at our chart
  20. Урок 20. 00:05:48
    Extra credit: adding a color scale
  21. Урок 21. 00:03:32
    Making a Bar Chart
  22. Урок 22. 00:02:04
    Access data
  23. Урок 23. 00:02:50
    Create dimensions
  24. Урок 24. 00:02:26
    Draw canvas
  25. Урок 25. 00:10:26
    Create scales
  26. Урок 26. 00:08:36
    Draw data
  27. Урок 27. 00:07:12
    Adding Labels
  28. Урок 28. 00:14:29
    Draw peripherals
  29. Урок 29. 00:08:59
    Extra credit
  30. Урок 30. 00:13:14
    Accessibility
  31. Урок 31. 00:03:01
    Animations and Transitions
  32. Урок 32. 00:06:48
    CSS transitions
  33. Урок 33. 00:08:15
    CSS transitions with a chart
  34. Урок 34. 00:22:13
    d3.transition
  35. Урок 35. 00:11:42
    Lines
  36. Урок 36. 00:00:56
    Interactions
  37. Урок 37. 00:07:10
    d3 events
  38. Урок 38. 00:03:10
    Destroying d3 event listeners
  39. Урок 39. 00:18:52
    Bar chart
  40. Урок 40. 00:25:05
    Scatter plot
  41. Урок 41. 00:24:20
    Line chart
  42. Урок 42. 00:04:18
    Data Visualization Basics
  43. Урок 43. 00:04:53
    Types of data
  44. Урок 44. 00:04:50
    Ways to visualize a metric
  45. Урок 45. 00:02:59
    Chart design
  46. Урок 46. 00:07:44
    Example redesign
  47. Урок 47. 00:05:27
    Color scales
  48. Урок 48. 00:04:50
    Custom color scales
  49. Урок 49. 00:09:34
    Color spaces
  50. Урок 50. 00:04:37
    Color tips
  51. Урок 51. 00:02:24
    Radar Weather Chart
  52. Урок 52. 00:07:17
    Getting set up
  53. Урок 53. 00:34:55
    Adding gridlines
  54. Урок 54. 00:02:18
    Adding freezing
  55. Урок 55. 00:12:56
    Adding the temperature area
  56. Урок 56. 00:08:27
    Adding the UV index marks
  57. Урок 57. 00:07:39
    Adding the cloud cover bubbles
  58. Урок 58. 00:07:35
    Adding the precipitation bubbles
  59. Урок 59. 00:20:10
    Adding annotations
  60. Урок 60. 00:30:52
    Adding the tooltip
  61. Урок 61. 00:00:53
    Wrapping up
  62. Урок 62. 00:02:49
    D3 + Javascript Frameworks
  63. Урок 63. 00:03:12
    React.js
  64. Урок 64. 00:04:49
    Digging in
  65. Урок 65. 00:04:04
    Creating dimensions in React
  66. Урок 66. 00:06:13
    Drawing our canvas in React
  67. Урок 67. 00:03:40
    Creating our scales in React
  68. Урок 68. 00:05:27
    Drawing our data in React
  69. Урок 69. 00:07:35
    Drawing our peripherals in React
  70. Урок 70. 00:15:12
    Drawing our peripherals in React, take two
  71. Урок 71. 00:04:28
    Setting up interactions in React, and wrapping up
  72. Урок 72. 00:07:42
    Using d3 with Angular.js
  73. Урок 73. 00:07:31
    Using d3 with Svelte.js
  74. Урок 74. 00:16:02
    Shirley Wu
  75. Урок 75. 00:19:08
    Ian Johnson
  76. Урок 76. 00:14:46
    Russell Goldenberg
  77. Урок 77. 00:28:43
    Will Chase