1
00:00:00,000 --> 00:00:00,780

2
00:00:00,780 --> 00:00:11,880
>> [음악 연주]

3
00:00:11,880 --> 00:00:16,480
>> 데이비드는 Chouinard : 나는 데이비드 해요
는 Chouinard, 이는 D3이다.

4
00:00:16,480 --> 00:00:17,700
에 오신 것을 환영합니다.

5
00:00:17,700 --> 00:00:21,270
우리는 오늘 D3에 대해 배울 것입니다.

6
00:00:21,270 --> 00:00:25,020
D3는 자바 스크립트 프레임 워크입니다
높은 품질을 구축

7
00:00:25,020 --> 00:00:28,110
웹에 대한 대화 형 시각화.

8
00:00:28,110 --> 00:00:30,870
우리가 왜 왔는지 같은 것들
내 뒤에보고,

9
00:00:30,870 --> 00:00:34,230
우리는 사람들을 배울거야
일, 그것의 기초 가지.

10
00:00:34,230 --> 00:00:36,452
그러나 그것은 멋진거야.

11
00:00:36,452 --> 00:00:38,160
시작하자
예쁜 그림을.

12
00:00:38,160 --> 00:00:41,108

13
00:00:41,108 --> 00:00:44,350
우리는 더 많은 데모있어
사용 가능 전망.

14
00:00:44,350 --> 00:00:48,040

15
00:00:48,040 --> 00:00:50,760
현실을하자.

16
00:00:50,760 --> 00:00:58,700
>> 법 I, DOM은 manipulation-- 우리는거야
멋진 일을 바로 시작합니다.

17
00:00:58,700 --> 00:01:01,240
먼저, 왼쪽에, 우리는 코드를 가지고있다.

18
00:01:01,240 --> 00:01:03,470
오른쪽에, 우리는이
우리의 코드의 결과.

19
00:01:03,470 --> 00:01:04,900
의 그것을 통해 가자.

20
00:01:04,900 --> 00:01:05,780
>> 의이 원을 만들어 보자.

21
00:01:05,780 --> 00:01:08,570
어떻게 그런 소리를합니까?

22
00:01:08,570 --> 00:01:14,934
svg.append circle--
우리는 원했다.

23
00:01:14,934 --> 00:01:16,100
당신이 바로 저를 믿지 않는?

24
00:01:16,100 --> 00:01:18,190
그것은이 아니다.

25
00:01:18,190 --> 00:01:21,830
>> 그래서 우리는 바로 여기에 무슨 짓을했는지,
SVG는 확장 가능한 벡터 그래픽입니다.

26
00:01:21,830 --> 00:01:27,530
이것은 우리가 브라우저를 말할 방법입니다
브라우저에서 벡터 그래픽을 제공합니다.

27
00:01:27,530 --> 00:01:30,740
우리가 지금 당장 않았다
찾아 원을 추가됩니다.

28
00:01:30,740 --> 00:01:34,790
>> 약속은 원 있다는 것입니다
기본 속성의 비트가 필요

29
00:01:34,790 --> 00:01:36,850
우리는 실제로 볼 수 있습니다 전에.

30
00:01:36,850 --> 00:01:40,045
우리는 그것의 x 위치를 알려줄 필요
그 y 위치, 반경.

31
00:01:40,045 --> 00:01:43,310
우리는 그 어떤 것도 그것을 말해주지 않았다,
그래서 우리는 지금 그것을보고 아닙니다.

32
00:01:43,310 --> 00:01:46,210
그러나의 물건을 말할 수 있습니다.

33
00:01:46,210 --> 00:01:49,510
>> 그래서 우선, 당신이있어
우리 원의 이름을 지정합니다.

34
00:01:49,510 --> 00:01:53,070
그럼 원을 호출 할 수 있습니다.

35
00:01:53,070 --> 00:01:54,406
우리 원은 이제 이름이 있습니다.

36
00:01:54,406 --> 00:01:57,230

37
00:01:57,230 --> 00:01:59,490
그리고 이제 그것을 몇 가지 속성을 부여 할 수 있습니다.

38
00:01:59,490 --> 00:02:03,690
어떻게 CX에 대해 너무, X를 중심 것
x 위치의 중심.

39
00:02:03,690 --> 00:02:06,730
의 200 픽셀, 200을 가정 해 봅시다.

40
00:02:06,730 --> 00:02:10,220
>> 의뿐만 아니라 그것을 200 픽셀의 Y를 줘 보자.

41
00:02:10,220 --> 00:02:16,032
약 40 픽셀의 R, 반경.

42
00:02:16,032 --> 00:02:16,950
이제 보자.

43
00:02:16,950 --> 00:02:21,740

44
00:02:21,740 --> 00:02:23,440
나는 철자 수 없습니다.

45
00:02:23,440 --> 00:02:30,430

46
00:02:30,430 --> 00:02:31,520
>> 거기 당신은 간다.

47
00:02:31,520 --> 00:02:37,330
우리는 위치 200 원이
픽셀, 200 픽셀, 40 픽셀의 반경.

48
00:02:37,330 --> 00:02:38,280
종류의 멋진, 오른쪽?

49
00:02:38,280 --> 00:02:38,988
우리는 원을 가지고있다.

50
00:02:38,988 --> 00:02:40,880
그래.

51
00:02:40,880 --> 00:02:42,670
>> 그래서 필요 함께 따라가 없습니다.

52
00:02:42,670 --> 00:02:45,790
이러한 모든 예, 모든
내가 오늘하고있어 코드

53
00:02:45,790 --> 00:02:51,300
단부에서 온라인 제공한다
대화식 예의 형태

54
00:02:51,300 --> 00:02:54,010
에서 검사 점
모든 행동, 등등.

55
00:02:54,010 --> 00:02:55,160
>> 좀 더 물건을하자.

56
00:02:55,160 --> 00:02:58,901
이 검은 색 원이 정말 밉다.

57
00:02:58,901 --> 00:03:01,541
나는 그 오류에 대 한 미안 해요
거기 메시지.

58
00:03:01,541 --> 00:03:05,340
우리가 이동합니다.

59
00:03:05,340 --> 00:03:06,350
>> 의 그것에게 색을 줘 보자.

60
00:03:06,350 --> 00:03:07,170
어때?

61
00:03:07,170 --> 00:03:08,340
나는 스틸 블루에 좋아한다.

62
00:03:08,340 --> 00:03:13,280

63
00:03:13,280 --> 00:03:16,030
글쎄, 우리 원은 색상을 변경했습니다.

64
00:03:16,030 --> 00:03:17,320
잘 됐네요.

65
00:03:17,320 --> 00:03:31,330
의 그것이 반투명 만들어 보자
너무 ... 반투명.

66
00:03:31,330 --> 00:03:33,670
>> 따라서 이러한 특성은
우리는 원을 정의하고 있습니다.

67
00:03:33,670 --> 00:03:36,774
우리가했던 첫 번째 일은이다
우리는 페이지에 원을 넣어.

68
00:03:36,774 --> 00:03:38,690
그리고 우리는 정의하고
속성의 무리입니다.

69
00:03:38,690 --> 00:03:41,610
이들 중 일부가 필요합니다,
CX, CY 및 반경 등을들 수있다.

70
00:03:41,610 --> 00:03:42,680
그리고 다른 사람은 선택 사항입니다.

71
00:03:42,680 --> 00:03:44,730
>> 더 많은 속성이 있습니다.

72
00:03:44,730 --> 00:03:46,760
그들 중 많은이있다.

73
00:03:46,760 --> 00:03:53,070
예를 들어, 우리가 있었다
뇌졸중뿐만 아니라, 빨간색의 뇌졸중.

74
00:03:53,070 --> 00:03:55,630
그러나 이제 그를 제거 할 수 있습니다.

75
00:03:55,630 --> 00:04:00,450
우리는 다시 원, 파란색 원에있어.

76
00:04:00,450 --> 00:04:01,600
>> 그래서 좀 더 서클을 만들어 보자.

77
00:04:01,600 --> 00:04:02,810
어때?

78
00:04:02,810 --> 00:04:04,665
의 다른 원을 만들어 보자.

79
00:04:04,665 --> 00:04:05,985
이거 흥미로운?

80
00:04:05,985 --> 00:04:09,630

81
00:04:09,630 --> 00:04:12,300
>> 그래서 난 그냥 복사 - 붙여 말
우리는 이미 있었다.

82
00:04:12,300 --> 00:04:13,570
현실을 circle2를 부르 자.

83
00:04:13,570 --> 00:04:15,840
그리고의 정확한 해 보자
같은 일을하고 그것을 제공

84
00:04:15,840 --> 00:04:20,450
(300)의 x 위치 주어진 속성.

85
00:04:20,450 --> 00:04:24,140
야호, 우리는 지금 두 개의 원이있다.

86
00:04:24,140 --> 00:04:27,240
>> 그리고 물론, 우리는 할 수
이 값을 업데이트합니다.

87
00:04:27,240 --> 00:04:31,640
나는 400에 넣을 수 있고, 지금은 이동합니다.

88
00:04:31,640 --> 00:04:35,470
이 성가신 이후 그리고,하자
그래서 circle2.remove 제거합니다.

89
00:04:35,470 --> 00:04:39,000

90
00:04:39,000 --> 00:04:40,730
지금은 사라 졌어요.

91
00:04:40,730 --> 00:04:43,170
>> 그래서 우리는 무슨 일을하는지와
이 아주 - 그냥 아주이다

92
00:04:43,170 --> 00:04:46,030
당신 것과 매우 유사하다
예를 들어, jQuery를에서 할 수 있습니다.

93
00:04:46,030 --> 00:04:48,240
우리는 단지 조작하고
DOM, 그것은라고.

94
00:04:48,240 --> 00:04:50,040
전에는 그 말을 들어 본 적이 있습니다.

95
00:04:50,040 --> 00:04:53,255
우리는 설정, 물건을 만드는
물건을 제거, 물건에 속성.

96
00:04:53,255 --> 00:04:58,950

97
00:04:58,950 --> 00:05:02,360
>> 흥미 얻는 경우 지금, 여기.

98
00:05:02,360 --> 00:05:07,250
그래서 나중에 코드에서, 우리는 여전히 수
여기에 원래 원을 참조하십시오.

99
00:05:07,250 --> 00:05:14,100
그럼 CX는 그것의 속성을 재설정 할 수 있습니다.

100
00:05:14,100 --> 00:05:18,260
400의 x 위치,의가 있다고 가정 해 봅시다.

101
00:05:18,260 --> 00:05:22,406
그리고 전환거야
즉, 그것은 분명 그렇게.

102
00:05:22,406 --> 00:05:23,360
우리가 이동합니다.

103
00:05:23,360 --> 00:05:24,780
>> 그래서 우리는 원을 추가했습니다.

104
00:05:24,780 --> 00:05:26,440
우리는 일부 속성을 설정합니다.

105
00:05:26,440 --> 00:05:28,210
우리는 또 다른 원을 추가 그것을 제거.

106
00:05:28,210 --> 00:05:31,650
그리고 우리는 수정하고
원래 원.

107
00:05:31,650 --> 00:05:35,400
>> 그것은 도착하지만 어디 여기
더 많은 흥미 롭군요.

108
00:05:35,400 --> 00:05:39,070
뿐만 아니라 우리는 속성을 설정할 수
다만이 값으로, 우리는 말할 수있다

109
00:05:39,070 --> 00:05:41,610
이봐, 원, 200 위치로 이동합니다.

110
00:05:41,610 --> 00:05:44,540
우리는 또한 함수로 설정할 수 있습니다.

111
00:05:44,540 --> 00:05:48,850
>> 그래서 대신에, 여기에 400을주는
우리는 몇 가지 계산을 할 수 있습니다

112
00:05:48,850 --> 00:05:53,950
무엇에 대한 즉시 우리
그 속성이되고 싶어요.

113
00:05:53,950 --> 00:05:56,580
그래서이 부분을 표현하는 것 방법이다.

114
00:05:56,580 --> 00:06:00,660
우리는 대신 400의 나를 보자, 말
대신 당신에게 기능을 제공합니다.

115
00:06:00,660 --> 00:06:04,180
그리고 여기,이 함수 내에서,
우리는 어떤 미친 계산을 할 수 있습니다.

116
00:06:04,180 --> 00:06:06,820
>> 우리는 시간이 걸릴 수 있으며,
다른 일을보고

117
00:06:06,820 --> 00:06:11,230
동적으로 결정할
우리가 원하는 값 원.

118
00:06:11,230 --> 00:06:15,266
어떻게 우리가 줄에 대해
그것은 임의의 x 위치?

119
00:06:15,266 --> 00:06:20,360

120
00:06:20,360 --> 00:06:21,120
그래서 그입니다.

121
00:06:21,120 --> 00:06:25,490
>> 그래서 그 말하는 것은 들면,
모든 x는,이 기능을 실행합니다.

122
00:06:25,490 --> 00:06:29,340
그리고 우리가하는 일은 계산이다
몇 가지, 임의의 시간 폭

123
00:06:29,340 --> 00:06:30,410
그 반환.

124
00:06:30,410 --> 00:06:34,765
그래서 우리가 실행할 때마다, 우리는 얻을
임의의 장소로 이동 원.

125
00:06:34,765 --> 00:06:36,394
그것은 멋진 가지입니다.

126
00:06:36,394 --> 00:06:38,310
내가 볼 수 있었다 같은 느낌
작은이의.

127
00:06:38,310 --> 00:06:44,274

128
00:06:44,274 --> 00:06:46,440
우리는에 도착하기 시작하고
여기에 흥미로운.

129
00:06:46,440 --> 00:06:49,120

130
00:06:49,120 --> 00:06:51,390
의 지금 구동이 데이터를 만들어 보자.

131
00:06:51,390 --> 00:06:53,420
여기에 데이터가 없습니다.

132
00:06:53,420 --> 00:06:54,482
의 그 바꾸면된다.

133
00:06:54,482 --> 00:06:57,440

134
00:06:57,440 --> 00:07:12,140
>> 법 II, 데이터 기반 Documents--
그럼 여기로 돌아가 보자.

135
00:07:12,140 --> 00:07:15,340
그리고, 그냥 circle2를 없애 보자
우리는 단지 추가 및 제거하고 있기 때문에

136
00:07:15,340 --> 00:07:15,840
그것.

137
00:07:15,840 --> 00:07:17,382
그래서 우리는 정말 필요하지 않습니다.

138
00:07:17,382 --> 00:07:21,421
우리는 여기에 훨씬 더 영리 할 필요가있다.

139
00:07:21,421 --> 00:07:23,170
우리가,의 말을하자
어떤 종류의 일부 데이터.

140
00:07:23,170 --> 00:07:31,540

141
00:07:31,540 --> 00:07:40,020
하나는,의 말을하자 순간은
우리는이 형태의 데이터를했다.

142
00:07:40,020 --> 00:07:41,800
우리는 단지, 배열했다
숫자의 무리입니다.

143
00:07:41,800 --> 00:07:45,750
우리는 여기에 일곱 번호를
어떤이 represent-- 양

144
00:07:45,750 --> 00:07:48,810
사람들의 은행 계좌, 방법에
많은 사람들은 하나님이 무엇을 알고, 무게.

145
00:07:48,810 --> 00:07:51,310
>> 이러한 숫자이며, 우리
우리의 원을 사용하려면

146
00:07:51,310 --> 00:07:53,240
어떻게 든 그 숫자를 나타냅니다.

147
00:07:53,240 --> 00:07:55,515
우리는 우리의 넥타이 할
그 숫자에 동그라미.

148
00:07:55,515 --> 00:07:58,750

149
00:07:58,750 --> 00:07:59,626
그래서 우리가하는 일.

150
00:07:59,626 --> 00:08:01,500
의 말을하자, 우리가 원하는
모든 번호에 대한 원.

151
00:08:01,500 --> 00:08:03,590
우리는 이전을 할 수
우리가 하는거죠 된 것

152
00:08:03,590 --> 00:08:06,020
원 APPEND와 circle2를하고 circle3.

153
00:08:06,020 --> 00:08:10,020
그러나 이것은 손에서 가져오고
논리를 반복 많아요.

154
00:08:10,020 --> 00:08:12,760
>> 그래서 그와 더 영리한하자.

155
00:08:12,760 --> 00:08:17,810
대신 VAR 원을 사용
, 우리가 사용하고 있음을 svg.append

156
00:08:17,810 --> 00:08:21,580
우리가 사용하는거야
여기이 작은 블록.

157
00:08:21,580 --> 00:08:24,510
나는 깊이에 가고 싶지 않아
무엇에 모든 부품은 않습니다.

158
00:08:24,510 --> 00:08:26,020
그리고 고급 주제 가지입니다.

159
00:08:26,020 --> 00:08:27,830
그리고 나는 내가 할 수있는 바랍니다.

160
00:08:27,830 --> 00:08:31,370
>> 그러나 중요한 점은 recognize--하고
당신은 D3 코드에서 매우 자주 볼 수 있습니다.

161
00:08:31,370 --> 00:08:36,840
텍스트 기본이 블록
많은 원을 만듭니다

162
00:08:36,840 --> 00:08:41,360
데이터 요소가 있기 때문에
바로 여기에이 배​​열.

163
00:08:41,360 --> 00:08:53,420

164
00:08:53,420 --> 00:08:55,780
그래서 이것은 많은 사람을 만듭니다
이 같은 원 요소입니다.

165
00:08:55,780 --> 00:08:58,520
그것은 우리에게 일곱 원을 만들 것입니다.

166
00:08:58,520 --> 00:09:01,710
그리고 그것은 정말, 정말 중요한 일을한다.

167
00:09:01,710 --> 00:09:02,460
그럼 그 실행하자.

168
00:09:02,460 --> 00:09:05,460
이제 우리의 다른 원을 제거 할 수 있습니다.

169
00:09:05,460 --> 00:09:09,565
그냥이를 언급하자
아웃 분해하고 다시이 프로그램을 실행합니다.

170
00:09:09,565 --> 00:09:13,840

171
00:09:13,840 --> 00:09:15,260
>> 우리가 이동합니다.

172
00:09:15,260 --> 00:09:18,030
그래서 여기에 우리의 원 인
많은 어두운, 우리 때문에

173
00:09:18,030 --> 00:09:20,720
일곱 원을, 하나
다른 상단에.

174
00:09:20,720 --> 00:09:25,425
우리는 단 7 원, 하나를 만들어
이들 데이터 요소 각각에 대한 각.

175
00:09:25,425 --> 00:09:28,860
하지만 무슨 일이 있었 중요한 건 거기
바로 여기에이 조각으로.

176
00:09:28,860 --> 00:09:31,030
>> 그것은 데이터가 결합 된 것을입니다.

177
00:09:31,030 --> 00:09:33,440
그래서 하나 하나의
이들 데이터 요소,

178
00:09:33,440 --> 00:09:38,830
10, 45, 105, 결합했다
특히 원에.

179
00:09:38,830 --> 00:09:40,960
그래서이는 생성되지
원의 무리

180
00:09:40,960 --> 00:09:43,420
하지만 함께 그 두 가지를 묶어.

181
00:09:43,420 --> 00:09:48,740
>> 그리고 미래에, 우리가 만든 때문에
이 D3 기능과 그 원,

182
00:09:48,740 --> 00:09:52,430
내가 당신에게 원을 주면, 당신은 할 수
저와 연관된 데이터를 제공한다.

183
00:09:52,430 --> 00:09:53,280
그래서 우리는 D3를 요청할 수 있습니다.

184
00:09:53,280 --> 00:09:54,840
이봐, D3,이 원을 가지고있다.

185
00:09:54,840 --> 00:09:57,350
원이 가지고있는 데이터는 무엇입니까?

186
00:09:57,350 --> 00:10:01,290
그리고 D3는 우리에게 10 또는 45 또는 105을 말할 것.

187
00:10:01,290 --> 00:10:02,380
>> 이런 일들은 바인딩됩니다.

188
00:10:02,380 --> 00:10:04,490
즉, 아주, 아주 기본적인 개념이다.

189
00:10:04,490 --> 00:10:06,070
의 그 살펴 보자.

190
00:10:06,070 --> 00:10:12,210
>> 그래서 방법은 우리가 그렇게 D3-- 물어 것
이,이에 대한 무관하다

191
00:10:12,210 --> 00:10:16,620
하지만 그냥 날 믿어.

192
00:10:16,620 --> 00:10:17,620
이것은 우리가 D3를 요청하는 방법입니다.

193
00:10:17,620 --> 00:10:21,312
이봐, D3는, 나에게 먼저 제공
당신이 찾을 수있는 원.

194
00:10:21,312 --> 00:10:23,580
나에게 당신이 찾을 수있는 첫 번째 원을 제공합니다.

195
00:10:23,580 --> 00:10:29,660
그리고 우리는 D3 질문을 할 수 무엇이다
이 같은 그의 데이터, 10.

196
00:10:29,660 --> 00:10:33,380
>> 그래서 우리가 D3를 물어 저를 찾아
당신이 찾을 수있는 첫 번째 원.

197
00:10:33,380 --> 00:10:34,400
데이터는 무엇입니까?

198
00:10:34,400 --> 00:10:36,650
10, 그건 참으로 우리를이다
첫번째 데이터 요소.

199
00:10:36,650 --> 00:10:42,150
우리는, 헤이, D3 그것을 질문을 할 수
우리에게 세 번째 원을 찾을 수 있습니다.

200
00:10:42,150 --> 00:10:44,450
(105).

201
00:10:44,450 --> 00:10:45,740
왜 이런 일이 정말 중요합니까?

202
00:10:45,740 --> 00:10:49,790

203
00:10:49,790 --> 00:10:52,250
>> 그래서 여기, 내가 언급
것을 우리는 기능을 사용할 수 있습니다.

204
00:10:52,250 --> 00:10:54,910
그리고 나는 그것이 있다고 말했습니다
매우 강력한 것.

205
00:10:54,910 --> 00:11:03,070
그래서 우리의 기능은 일을 할 수 없습니다
같은 예를 들어, 일부 연산을 수행

206
00:11:03,070 --> 00:11:09,170
난수를 그 수 리턴
또한 데이터에 기초하여 작업을 수행.

207
00:11:09,170 --> 00:11:11,550
이 데이터 중심의 문서를 의미하는 것입니다.

208
00:11:11,550 --> 00:11:13,750
즉, D3가 약자거야.

209
00:11:13,750 --> 00:11:17,800
>> 그래서이 X postition-- 대신
다만, 모든 원 말,

210
00:11:17,800 --> 00:11:21,735
x 위치 (200)를 얻을, 우리
그것에게 기능을 줄 수 있습니다.

211
00:11:21,735 --> 00:11:26,140

212
00:11:26,140 --> 00:11:30,140
그리고 여기, 우리는 몇 가지 계산을 할 수 있습니다.

213
00:11:30,140 --> 00:11:33,710
d는 여기에 데이터의 위치에 서있다.

214
00:11:33,710 --> 00:11:36,120
그래서 때마다 우리는이
원, 기본적으로,

215
00:11:36,120 --> 00:11:37,750
D3는이 일곱 원을 만듭니다.

216
00:11:37,750 --> 00:11:38,500
그리고마다

217
00:11:38,500 --> 00:11:41,920
>> 원,이, 야, 갈거야
인 circle1은 x 위치거야.

218
00:11:41,920 --> 00:11:45,210
이전에, 우리는 있었다
항상 200 응답.

219
00:11:45,210 --> 00:11:48,630
하지만 지금은 때마다 D3 묻습니다
우리가 당신의 x 위치 무엇,

220
00:11:48,630 --> 00:11:51,790
그것은 우리가이 좋고 줄 것
그 원은, 그래서 우리는 데이터를 가지고있다.

221
00:11:51,790 --> 00:11:55,290
그것은 우리에게 데이터를주고 말 것
무엇 당신이 박람회가 원하는 않는,

222
00:11:55,290 --> 00:11:57,120
그 데이터에 기초하여.

223
00:11:57,120 --> 00:11:59,590
>> 그냥 실제 데이터를 반환 할 수 있습니다.

224
00:11:59,590 --> 00:12:04,910
우리가 이것을 실행한다면, 이것은 제공
미국 데이터는 문서를 구동.

225
00:12:04,910 --> 00:12:08,040
이 원을 기반으로
관계 position--에

226
00:12:08,040 --> 00:12:11,120
이들은 데이터의 함수로서 기지있어.

227
00:12:11,120 --> 00:12:13,100
>> 첫 번째 원에 대한 그래서,
D3는 원을 둔다.

228
00:12:13,100 --> 00:12:16,770
그리고 D3는 무엇을, 우리를 요청
당신은 박람회가되고 싶어요.

229
00:12:16,770 --> 00:12:19,620
그리고 우리는 단지 데이터가 무엇이든, 말한다.

230
00:12:19,620 --> 00:12:21,185
박람회 (10)를 확인합니다.

231
00:12:21,185 --> 00:12:26,320
>> 그런 다음 당신이 원하는 게 무엇인지 묻는다
박람회는 두 번째 원이 될 수 있습니다.

232
00:12:26,320 --> 00:12:27,270
그리고 우리는 45, 대답합니다.

233
00:12:27,270 --> 00:12:30,000

234
00:12:30,000 --> 00:12:32,230
그리고 우리는, 물론, 수
여기에 몇 가지 계산을합니다.

235
00:12:32,230 --> 00:12:35,510
나는 그 원 것을 발견
가지 몰려 있습니다.

236
00:12:35,510 --> 00:12:38,965
>> 그래서 3하여 데이터를 곱하면, (3)을 곱하면됩니다.

237
00:12:38,965 --> 00:12:41,870

238
00:12:41,870 --> 00:12:43,840
우리 원은 그냥 확장있어.

239
00:12:43,840 --> 00:12:46,730
우리의 가치는 배로되었다.

240
00:12:46,730 --> 00:12:51,010
>> 원은, 정말 가장자리에
그래서 아마 가지를 상쇄 할 수 있습니다.

241
00:12:51,010 --> 00:12:53,632
의는 (20)에 의해, 가정 해 봅시다.

242
00:12:53,632 --> 00:12:56,070
여기 당신은 간다.

243
00:12:56,070 --> 00:12:57,590
>> 이것은 데이터 시각화이다.

244
00:12:57,590 --> 00:13:01,767
그것은 매우 기본적인 일이지만,이
우리에게 데이터에 대한 통찰력을 제공합니다.

245
00:13:01,767 --> 00:13:04,600
그것은 우리에게 알려줍니다, 그 예를 들어,
요소의 작은 클러스터 있습니다.

246
00:13:04,600 --> 00:13:06,340
그리고 우리는 여기에 큰 특이점이있다.

247
00:13:06,340 --> 00:13:10,830
이것은 우리에게 약간의 정보를 제공
배포에 대한.

248
00:13:10,830 --> 00:13:20,830
>> 우리가 있었던 경우, 예를 들어, 변경
여기에 150과 새로 고침 데이터,

249
00:13:20,830 --> 00:13:22,630
우리의 시각화가 변경됩니다.

250
00:13:22,630 --> 00:13:24,285
이 문서는 데이터 구동된다.

251
00:13:24,285 --> 00:13:32,640

252
00:13:32,640 --> 00:13:36,180
>> 물론 그래서, 이러한 모든 요소,
여기에 모든 속성,

253
00:13:36,180 --> 00:13:38,430
우리는 기능을 사용하지 않을 수 있습니다
단지 숫자뿐 아니라

254
00:13:38,430 --> 00:13:39,900
x와 y 위치.

255
00:13:39,900 --> 00:13:42,120
그래서 우리는 색에 대한 기능을 사용할 수 있습니다.

256
00:13:42,120 --> 00:13:45,260

257
00:13:45,260 --> 00:13:46,360
그래서 우리는 동일한 작업을 수행합니다.

258
00:13:46,360 --> 00:13:49,360
우리는 그것을 기능을 제공합니다.

259
00:13:49,360 --> 00:13:52,320
>> 그리고 우리가 가질 수,의 말을하자
우리의 기능 조건문.

260
00:13:52,320 --> 00:13:54,770
이 기능은 할 수있다
긴 줄의 백.

261
00:13:54,770 --> 00:13:57,150
그것은 매우, 매우 복잡한 일을 할 수있다.

262
00:13:57,150 --> 00:13:59,080
>> 그래서 여기서 if 문을 만들어 보자.

263
00:13:59,080 --> 00:14:03,420
우리의 데이터가 작은 경우,의 말을하자
(50)보다, 그 어떤 임계 값입니다

264
00:14:03,420 --> 00:14:05,817
우리는 관심이 있음
어떤 이유에서.

265
00:14:05,817 --> 00:14:06,650
의는 녹색합시다.

266
00:14:06,650 --> 00:14:09,830

267
00:14:09,830 --> 00:14:15,320
그렇지 않으면,의는 빨간색 만들어 보자.

268
00:14:15,320 --> 00:14:16,110
어때?

269
00:14:16,110 --> 00:14:19,630

270
00:14:19,630 --> 00:14:21,220
니스.

271
00:14:21,220 --> 00:14:24,860
>> 그래서 우리의 데이터 시각화 시작
더 흥미로운 정보를 전달하기 위해

272
00:14:24,860 --> 00:14:26,727
많은 채널.

273
00:14:26,727 --> 00:14:28,560
그래서 지금 우리는 조금 알고
배포에 대한.

274
00:14:28,560 --> 00:14:31,768
그리고 우리는 어떤 종류의가 있음을 알고있다
우리가 관심있는 50 잘라.

275
00:14:31,768 --> 00:14:35,630
우리는 두 개의 데이터 포인트가 있다는 것을 알고
대부분 그 임계 값 이하 및

276
00:14:35,630 --> 00:14:36,130
위.

277
00:14:36,130 --> 00:14:41,510

278
00:14:41,510 --> 00:14:46,160
>> 그래서 마지막 단계로, 여기에이 데이터,
그것은 그런이를 보는 것은 매우 드문.

279
00:14:46,160 --> 00:14:52,610
그래서 그냥 변수에 움직이자
즉,이 같은, 청소기이기 때문에.

280
00:14:52,610 --> 00:15:02,980

281
00:15:02,980 --> 00:15:05,197
그리고 우리는 여기에 변수를 사용합니다.

282
00:15:05,197 --> 00:15:06,280
그것은 정확히 똑같은 일입니다.

283
00:15:06,280 --> 00:15:07,280
그것은 조금 청소기입니다.

284
00:15:07,280 --> 00:15:25,300

285
00:15:25,300 --> 00:15:35,300
>> 다음은, 법 III, Scales--
그래서 하나의 문제를 잘

286
00:15:35,300 --> 00:15:38,920
우리는 변경하는 경우 여기에, 우리의
이 200 value-- 데이터

287
00:15:38,920 --> 00:15:41,685
우리는 400로 변경하는 경우
또는 뭔가 새로 고침,

288
00:15:41,685 --> 00:15:44,540
이 값은 오프 스크린 갔다.

289
00:15:44,540 --> 00:15:49,040
바로 여기에 우리의 논리는 그래서
방법의 우리가 할 3 배

290
00:15:49,040 --> 00:15:52,570
20, 다음을 확산하기
그것은 오프셋 비트 정말 투박하다.

291
00:15:52,570 --> 00:15:54,150
>> 그 숫자는 무엇을 의미합니까?

292
00:15:54,150 --> 00:15:55,400
그들은 단지가 힘들 코딩하고 있습니다.

293
00:15:55,400 --> 00:15:58,830
그리고 그들은 매우 많은 데이터에 연결하고 있습니다.

294
00:15:58,830 --> 00:16:00,550
우리는 데이터 중심의 문서를 원한다.

295
00:16:00,550 --> 00:16:05,460
우리는 매우 유연한 문서를 원하는,
주어진 데이터 것을,에 적응하여

296
00:16:05,460 --> 00:16:07,900
그것을 나타내는.

297
00:16:07,900 --> 00:16:11,330
>> 우리가 기본적으로 필요한 것은 우리가있다
숫자 10의이 범위가 있습니다.

298
00:16:11,330 --> 00:16:12,640
45, 105.

299
00:16:12,640 --> 00:16:17,630
그리고 우리는에 그를 매핑 할
폭, 여기에 전체 폭.

300
00:16:17,630 --> 00:16:20,620
그래서 우리는의 범위가
0-100 갈 번호.

301
00:16:20,620 --> 00:16:24,980
그리고 우리는이 캠퍼스 내가가는이
이 경우, 20-700.

302
00:16:24,980 --> 00:16:26,515
>> 우리는 종류의 것을에 매핑 할.

303
00:16:26,515 --> 00:16:30,002
우리는 그 규모를 확대하고 싶은
다음에게 약간의 오프셋 (offset)입니다.

304
00:16:30,002 --> 00:16:33,165
그것은 D3이가 밝혀졌습니다.

305
00:16:33,165 --> 00:16:34,220
그것은 규모라고합니다.

306
00:16:34,220 --> 00:16:37,410

307
00:16:37,410 --> 00:16:38,250
그래서 그것을 사용할 수 있습니다.

308
00:16:38,250 --> 00:16:46,300

309
00:16:46,300 --> 00:16:49,670
>> 내가 갈거야 works-- 방법
이를 입력 한 다음 그것을 설명.

310
00:16:49,670 --> 00:17:01,530

311
00:17:01,530 --> 00:17:02,450
이 규모입니다.

312
00:17:02,450 --> 00:17:08,670
무엇은 할 것, 그것은 밖으로지도합니다
에 20-600에 1-200 값.

313
00:17:08,670 --> 00:17:10,990
우리는 그것을 확인할 수 있습니다.

314
00:17:10,990 --> 00:17:13,329
우리는 여기에 볼 수 있습니다.

315
00:17:13,329 --> 00:17:21,704
>> 그래서 내가 먹여 1-- 한 순간을.

316
00:17:21,704 --> 00:17:47,764

317
00:17:47,764 --> 00:17:48,555
나에게 1 초 줘.

318
00:17:48,555 --> 00:17:53,680

319
00:17:53,680 --> 00:17:55,080
나는 그것을 잘못 입력해야합니다.

320
00:17:55,080 --> 00:18:15,320

321
00:18:15,320 --> 00:18:15,990
거기 당신은 간다.

322
00:18:15,990 --> 00:18:17,930
나는 그것에 대해 죄송합니다.

323
00:18:17,930 --> 00:18:22,050
>> 그래서 규모가 무엇을 할 것 인
그것은 값을 취할 것입니다

324
00:18:22,050 --> 00:18:24,930
다음이 변환,
그 밖으로 확장하므로

325
00:18:24,930 --> 00:18:27,320
당신이 요구하고있는 전체 범위를 채 웁니다.

326
00:18:27,320 --> 00:18:32,910
이 경우에 따라서, 우리가 하나를 주면,
그것은 20에 그를 매핑하는 것입니다.

327
00:18:32,910 --> 00:18:37,750
우리가 200을 주면, 그것은이다
(600)에 그에 매핑하는 것.

328
00:18:37,750 --> 00:18:40,460
그리고 그 사이에,
우리가 100을 얻는 경우에, 그것은이다

329
00:18:40,460 --> 00:18:44,610
어딘가에 될 것
20과 600 사이.

330
00:18:44,610 --> 00:18:51,480
>> 그리고 물론, 지금이 무슨이다
우리는 그 하드 코드를 제거해야

331
00:18:51,480 --> 00:18:53,402
상황이 우리가 바로 거기에있다.

332
00:18:53,402 --> 00:18:55,950
그래서 우리가 원하는 것입니다
우리가하고있는 데이터를 가지고

333
00:18:55,950 --> 00:19:00,950
주어진 개별 데이터
요소는 먼저 확장을 전달합니다.

334
00:19:00,950 --> 00:19:02,635
그래서 규모를 확장합니다.

335
00:19:02,635 --> 00:19:27,020

336
00:19:27,020 --> 00:19:48,880
>> 아 글쎄 ..., 우리는 여기에 약간의 오류가 있습니다.

337
00:19:48,880 --> 00:19:50,120
우리는 데이터를 누락하고 있습니다.

338
00:19:50,120 --> 00:19:51,290
거기 당신은 간다.

339
00:19:51,290 --> 00:19:58,550

340
00:19:58,550 --> 00:19:59,550
그리고 그것을 밖으로 확장합니다.

341
00:19:59,550 --> 00:20:01,383
>> 즉, 우리에게 동일하게 제공
그 결과 우리는 전에했다

342
00:20:01,383 --> 00:20:04,030
하지만 대신 그 데
하드 제약을 코딩.

343
00:20:04,030 --> 00:20:07,790
그리고 만약의 크기에 우리의
캔버스 변화, 예를 들면,

344
00:20:07,790 --> 00:20:11,790
우리는이 이상을 갖고 싶어
400 픽셀 그리고 밖으로 squishes,

345
00:20:11,790 --> 00:20:15,440
우리는 그것을 시달리고 할 수 있습니다
우리는 그것을 확장, 또는 우리가 할 수있는

346
00:20:15,440 --> 00:20:21,890
에이 왼쪽 마진을 줄일 수 있습니다
작거나 20 개 이상의 무엇인가.

347
00:20:21,890 --> 00:20:25,470
이 숫자는,이 하드 코딩
숫자는 지금 우리에게 의미합니다.

348
00:20:25,470 --> 00:20:28,110

349
00:20:28,110 --> 00:20:30,520
>> 그리고 우리는 더 많은 것을 할 수
뿐만 아니라 흥미로운 것들.

350
00:20:30,520 --> 00:20:35,990
그래서 대신 갖는 선형
규모, 우리는 규모를 기록 할 수 있습니다.

351
00:20:35,990 --> 00:20:37,840
그리고 그것은 우리에게 로그 스케일을 줄 것이다.

352
00:20:37,840 --> 00:20:41,269
>> 그래서 지금 우리의 규모, 대신
다만 그 범위를 확대,

353
00:20:41,269 --> 00:20:42,810
그것은 더 복잡한 일을하고 있어요.

354
00:20:42,810 --> 00:20:48,790

355
00:20:48,790 --> 00:20:53,790
대신 열심히 범위를 갖는
, 대신 그 600있는의 코딩,

356
00:20:53,790 --> 00:20:58,465
우리는 폭을 사용할 수 있습니다,
그래서 폭 마이너스 40에 20에서,

357
00:20:58,465 --> 00:21:02,392
2 회 반대쪽 여백.

358
00:21:02,392 --> 00:21:05,350
그리고 이것은에 더 많은 의미가 있습니다
코드를 보일 수 있습니다 누군가.

359
00:21:05,350 --> 00:21:08,080

360
00:21:08,080 --> 00:21:11,850
>> 흥미롭게도, 비늘 얻을
매우, 매우 정교한뿐만 아니라.

361
00:21:11,850 --> 00:21:13,350
그들은 흥미로운 것들을 많이 할.

362
00:21:13,350 --> 00:21:17,620
그래서 저울은 반드시이 없습니다
단지 숫자로 작동합니다.

363
00:21:17,620 --> 00:21:18,955
의 컬러 스케일을 만들어 보자.

364
00:21:18,955 --> 00:21:23,120

365
00:21:23,120 --> 00:21:26,120
>> 그래서 우리의 범위는 나중에 ... 수
우리의 도메인은 1-200입니다.

366
00:21:26,120 --> 00:21:28,220
즉, 입력 것이다.

367
00:21:28,220 --> 00:21:33,793
그러나 우리는에서지도 할 수 있습니다
예를 들어, 빨간색 녹색.

368
00:21:33,793 --> 00:21:39,710

369
00:21:39,710 --> 00:21:42,910
그리고 지금, 우리는 일을 전달하는 경우,
우리는 녹색받을거야.

370
00:21:42,910 --> 00:21:45,110
우리가 200을주는 경우에, 우리는 붉은거야.

371
00:21:45,110 --> 00:21:49,480
그리고 우리 사이에 뭔가를 전달하면,
그것은 그 중 일부 혼합 될 것,

372
00:21:49,480 --> 00:21:52,520
어딘가에 그라데이션에
녹색과 빨간색 사이.

373
00:21:52,520 --> 00:21:55,210
>> 그리고 대신 필요
어설픈 논리 이런 종류의

374
00:21:55,210 --> 00:21:58,550
우리는 여기있다
거기 조건,

375
00:21:58,550 --> 00:22:03,250
우리는 그 어떤 것도 할 수
그 사이 리니어 스케일.

376
00:22:03,250 --> 00:22:07,100
그래서 우리는 스케일을 사용하십시오 우리 단지
생성 우리는 색이라고한다.

377
00:22:07,100 --> 00:22:09,060
그리고 우리는,가 D가 줄 것이라고하는
우리의 데이타 요소이다.

378
00:22:09,060 --> 00:22:14,250

379
00:22:14,250 --> 00:22:15,060
그리고 거기에서 우리는 간다.

380
00:22:15,060 --> 00:22:18,070
우리는 색 눈금이 있습니다.

381
00:22:18,070 --> 00:22:18,940
>> 따라서이 매핑입니다.

382
00:22:18,940 --> 00:22:20,960
그래서 맨 왼쪽이 완전히 녹색입니다.

383
00:22:20,960 --> 00:22:22,560
맨 오른쪽은 완전히 빨간색입니다.

384
00:22:22,560 --> 00:22:24,828
그리고 그 사이의 모든
(D)의 함수이다.

385
00:22:24,828 --> 00:22:33,369

386
00:22:33,369 --> 00:22:35,160
우리는 흥미를 가지고
여기 시각화.

387
00:22:35,160 --> 00:22:36,952
그러나 우리의 데이터는 가지 지루했다.

388
00:22:36,952 --> 00:22:39,410
의 우리가하면 무엇을 할 수 있는지 보자
우리는 더 많은 흥미로운 데이터를했다.

389
00:22:39,410 --> 00:22:44,420

390
00:22:44,420 --> 00:22:50,500
>> 법 IV, 작업하기
먼저 Data--

391
00:22:50,500 --> 00:22:53,560
우리는 수 있도록해야 할 것입니다 우리의
더 흥미로운 시각화

392
00:22:53,560 --> 00:22:56,140
다른 곳에서 데이터를 이동하는 것입니다.

393
00:22:56,140 --> 00:22:58,310
그것은이 매우 투박이다
데이터는 하드 코딩 된 여기.

394
00:22:58,310 --> 00:23:01,220
그리고 일반적으로, 우리는 물어있을거야
데이터에 대한 다른 사람.

395
00:23:01,220 --> 00:23:05,400
우리는 어쩌면, 정부가 요구됩니다
인구 조사국은, 데이터 무엇

396
00:23:05,400 --> 00:23:10,170
그리고 그 음모를 꾸미고 또는 요청
일부 데이터에 대한 일부 타사의 실체

397
00:23:10,170 --> 00:23:13,330
다음 건물
그에 시각화.

398
00:23:13,330 --> 00:23:17,170
>> 먼저 우리는하고 싶은
다른 곳에서 해당 이동합니다.

399
00:23:17,170 --> 00:23:24,130
그래서를 만들거야
여기라는 data.json 파일.

400
00:23:24,130 --> 00:23:25,600
JSON 데이터 포맷이다.

401
00:23:25,600 --> 00:23:29,210
당신은 그것에 대해 많이 알 필요가 없습니다.

402
00:23:29,210 --> 00:23:33,210
그리고 우리는 복사거야
우리가이 작은 데이터,

403
00:23:33,210 --> 00:23:40,330
이 그대로에 붙여 이동
다시 우리의 시각화 코드

404
00:23:40,330 --> 00:23:45,362
여기, 그리고 여기이 기능을 사용합니다.

405
00:23:45,362 --> 00:23:46,820
당신은 세부 사항을 알고 필요가 없습니다.

406
00:23:46,820 --> 00:23:49,800
하지만이 할 것입니다 것은입니다
그것은 해당 파일을 찾을 수 있습니다,

407
00:23:49,800 --> 00:23:51,780
그것을 가져, 우리에게 돌려줍니다.

408
00:23:51,780 --> 00:24:11,660

409
00:24:11,660 --> 00:24:15,220
그래서이 무엇을 그것은 간다이다
그리고 data.json 파일을 얻을.

410
00:24:15,220 --> 00:24:18,570
그리고 모든 코드의 그
본질적으로 inside-- 들여 쓰기,

411
00:24:18,570 --> 00:24:21,800
모든 코드 우리는 저기 의지가
우리가 데이터를 얻을 경우에만 실행합니다.

412
00:24:21,800 --> 00:24:25,760
그리고, 그것은 그것을 실행하는 것
우리가 가지고있는 데이터와 코드입니다.

413
00:24:25,760 --> 00:24:28,870
좋아요, 우리가
조회 시각화

414
00:24:28,870 --> 00:24:31,390
일부 코드 어딘가에
또, 이는 일반적으로

415
00:24:31,390 --> 00:24:36,110
어디는 일부의 데이터를 쿼리
다른 곳, 보통이다

416
00:24:36,110 --> 00:24:38,656
시각화가 작동하는 방법.

417
00:24:38,656 --> 00:24:41,400
>> 하지만 데이터에 다시 가고 싶어요.

418
00:24:41,400 --> 00:24:48,030
D3-- D3 근본적 그래서 데이터
것들의 목록의 데이터를 사용합니다.

419
00:24:48,030 --> 00:24:53,000
D3는 데이터가 단지리스트가 될 것으로 예상
사물의 사물의 배열입니다.

420
00:24:53,000 --> 00:24:58,780
그것은 어떤 것들을 중요하지 않습니다
그래서 그것이 그들의 배열이기 때문에입니다.

421
00:24:58,780 --> 00:25:02,460
>> 그래서 여기에, 예를 들어, 우리는의 수
이 과정은 부동 소수점 값을했다.

422
00:25:02,460 --> 00:25:04,830
우리는 네거티브를 가질 수있다.

423
00:25:04,830 --> 00:25:09,400
D3는 너무 오래, 상관하지 않는다
그것은 것들의 목록입니다있다.

424
00:25:09,400 --> 00:25:13,270
>> 우리로 흥미로운 것들
가질 수있다, 우리는 또한 수

425
00:25:13,270 --> 00:25:19,410
같은 문자열 목록을 가지고있다.

426
00:25:19,410 --> 00:25:25,440
그래서 이들은 크림슨 헤드 라인은
나는 며칠 전 집어 들었다.

427
00:25:25,440 --> 00:25:29,220
그리고 어쩌면 당신은 몇 가지 흥미로운를 찾을 수 있습니다
이 헤드 라인에 대한 것들.

428
00:25:29,220 --> 00:25:30,970
>> 그래서 다시,이 물건의 목록입니다.

429
00:25:30,970 --> 00:25:32,360
D3는 상관하지 않는다.

430
00:25:32,360 --> 00:25:35,572
이러한 문자열 될 일이.

431
00:25:35,572 --> 00:25:36,530
우리는 우리의 데이터를 변경했습니다.

432
00:25:36,530 --> 00:25:38,210
>> 의 우리의 시각화로 돌아가 보자.

433
00:25:38,210 --> 00:25:42,495
지금, 우리의 시각화 기대
입력은 숫자이어야합니다.

434
00:25:42,495 --> 00:25:44,370
그래서 우리는 할 겁니다
몇 가지 변경 사항을 확인합니다.

435
00:25:44,370 --> 00:25:47,180

436
00:25:47,180 --> 00:25:52,180
그래서 예를 들어, 우선, 어쩌면
우리는 함께이 원을 넣을

437
00:25:52,180 --> 00:25:56,870
헤드 라인의 길이에 의해,
제목의 문자 수입니다.

438
00:25:56,870 --> 00:26:03,600
>> 그래서 우리는 모든 시간은 ... 할 거 야 우리
함수는 문자열로 호출,

439
00:26:03,600 --> 00:26:09,095
우리가 길이입니다 찾을 수 있습니다 그리고
다음 규모로 그 전달합니다.

440
00:26:09,095 --> 00:26:11,550
색상은, 내가 돌아갑니다
스틸 블루에 그.

441
00:26:11,550 --> 00:26:19,060

442
00:26:19,060 --> 00:26:20,420
그리고 거기에서 우리는 간다.

443
00:26:20,420 --> 00:26:23,190
우리는 시각화를
크림슨 헤드 라인.

444
00:26:23,190 --> 00:26:25,500
>> 우리의 규모는 비트 꺼져 있습니다.

445
00:26:25,500 --> 00:26:29,680
의 가장 긴 것으로 가정
표제는 100 자입니다

446
00:26:29,680 --> 00:26:32,244
그래서 조금 그를 걸쳐.

447
00:26:32,244 --> 00:26:33,410
그리고 우리는 시각화있다.

448
00:26:33,410 --> 00:26:36,710
그래서 대부분의 헤드 라인을 것 같다
함께 아주 가까이 있습니다,

449
00:26:36,710 --> 00:26:38,750
문자 외선 환산.

450
00:26:38,750 --> 00:26:41,200
그러나 하나가 정말 눈에 띈다.

451
00:26:41,200 --> 00:26:46,660
>> 우리는 몇 가지 도구를 만들 수
더 많은 것을 탐구.

452
00:26:46,660 --> 00:26:50,710
나는이 작업을 할 때, 나는이었다
호기심 여부,이 데이터 세트에,

453
00:26:50,710 --> 00:26:53,880
콜론 헤드 라인
그들에 이상이 될 것이다.

454
00:26:53,880 --> 00:26:55,770
나는 그들이 것이라고 가정한다.

455
00:26:55,770 --> 00:26:56,660
>> 그래서 찾아 보자.

456
00:26:56,660 --> 00:27:00,650
의이 색을 사용하자
채널 우리는 전에했던 것처럼

457
00:27:00,650 --> 00:27:04,540
여부에 대한 몇 가지를 인코딩합니다
콜론 또는 더가 없습니다.

458
00:27:04,540 --> 00:27:07,220
그래서 우리는 다시 조건을 사용합니다.

459
00:27:07,220 --> 00:27:09,350
당신은 알 필요가 없습니다
이 세부 사항,

460
00:27:09,350 --> 00:27:14,260
그러나 이것은 우리가를 확인하는 방법입니다
특정 문자에 대한 문자열

461
00:27:14,260 --> 00:27:16,355
자바 스크립트에서, 다시, 관련이 없습니다.

462
00:27:16,355 --> 00:27:18,910

463
00:27:18,910 --> 00:27:23,270
>> 하지만 우리를 찾을 수없는 경우
대장, 우리는 녹색 돌아갑니다.

464
00:27:23,270 --> 00:27:26,100
우리가 할 경우, 우리는 붉은 돌아갑니다.

465
00:27:26,100 --> 00:27:29,010
그래서 다시 것을 헤드 라인
콜론은 빨간색으로 표시됩니다있다.

466
00:27:29,010 --> 00:27:34,980
이것은이 좋은 의미 하든지 것입니다.

467
00:27:34,980 --> 00:27:38,040
>> 그래서 보인다 내
가설은 부딪된다.

468
00:27:38,040 --> 00:27:39,360
두 있습니다.

469
00:27:39,360 --> 00:27:42,380
우리는 6 개의 데이터 포인트를
만 두 콜론을했다.

470
00:27:42,380 --> 00:27:45,510
그러나 조금 더 많은 것
하단에, 사실.

471
00:27:45,510 --> 00:27:47,830
콜론 표제는 것
일반적으로 짧게,

472
00:27:47,830 --> 00:27:52,370
우리의 데이터 적어도 흥미로운 set--.

473
00:27:52,370 --> 00:27:55,830
>> 의가 그를 돌려 보자
스틸 블루와 다음 참조

474
00:27:55,830 --> 00:28:00,601
우리는 심지어로 만들 수있는
더 흥미로운 데이터.

475
00:28:00,601 --> 00:28:04,370

476
00:28:04,370 --> 00:28:09,070
그래서 다시, 나는 언급
D3의 데이터는 것들의 목록입니다.

477
00:28:09,070 --> 00:28:11,080
우리는 많은 종류의 숫자를 본 적이있다.

478
00:28:11,080 --> 00:28:12,810
우리는 문자열을 본 적이있다.

479
00:28:12,810 --> 00:28:15,700
하지만 물건은 객체가 될 수 있습니다.

480
00:28:15,700 --> 00:28:20,080
>> 그들은 복잡한 일이 될 수 있습니다
그 많은 것들을 포함한다.

481
00:28:20,080 --> 00:28:24,510
더 명확하게 말하려면,
대부분의 경우에, 우리

482
00:28:24,510 --> 00:28:28,384
같이 모든 데이터 포인트를 구축하고자
더 한 값보다 복잡합니다.

483
00:28:28,384 --> 00:28:30,175
당신은 상상하려는 경우
학생들에 대한 데이터베이스,

484
00:28:30,175 --> 00:28:32,470
학생이있을 수 있습니다
이름, 학생 ID,

485
00:28:32,470 --> 00:28:36,370
사물의 많은 관련
특정 레코드,

486
00:28:36,370 --> 00:28:39,834
다만 문자열이나 숫자.

487
00:28:39,834 --> 00:28:40,750
그럼 그 살펴 보자.

488
00:28:40,750 --> 00:28:55,180

489
00:28:55,180 --> 00:28:56,760
>> 이 설정 하나의 데이터입니다.

490
00:28:56,760 --> 00:28:59,090
이 지진에 대한 데이터 세트입니다.

491
00:28:59,090 --> 00:29:01,910

492
00:29:01,910 --> 00:29:08,430
우리의 목록 또는 배열에 모든 것을 여기 그래서
사물의 여러 가지 자체가 포함되어 있습니다.

493
00:29:08,430 --> 00:29:11,380
그러므로 모든 데이터 포인트가 보유
크기와 좌표입니다.

494
00:29:11,380 --> 00:29:13,425
그리고 자신을 좌표
두 가지가 포함되어 있습니다.

495
00:29:13,425 --> 00:29:15,960

496
00:29:15,960 --> 00:29:20,450
>> 그래서 매일 이제 더 많은입니다
복잡하고 더 많은 흥미

497
00:29:20,450 --> 00:29:22,700
등을 포함
흥미로운 정보.

498
00:29:22,700 --> 00:29:26,730
이제 우리가 밖으로 만들 수 보자.

499
00:29:26,730 --> 00:29:36,130
다시, 다시 여기로 돌아 사용
우리의 히스토그램 원 시각화

500
00:29:36,130 --> 00:29:42,110
우리가 구축했습니다, 우리는을 구축 할 수 있는지 보자
크기 분포의 시각화

501
00:29:42,110 --> 00:29:43,305
우리의 데이터 세트.

502
00:29:43,305 --> 00:29:45,850

503
00:29:45,850 --> 00:29:48,660
>> 그래서 여기에, 동일한 개념이다.

504
00:29:48,660 --> 00:29:51,920
하지만 지금, D는 더 많은 것들을 포함되어 있습니다.

505
00:29:51,920 --> 00:29:54,780
D는 많은 데이터 요소가 포함되어 있습니다.

506
00:29:54,780 --> 00:29:57,946
그래서 우리는 다시 거라고 얻을.

507
00:29:57,946 --> 00:29:59,670
D3는 우리에게 D를 제공합니다.

508
00:29:59,670 --> 00:30:06,080
그리고 우리는 크기를 찾아 응답
D 다음 규모로 그 전달의.

509
00:30:06,080 --> 00:30:08,490
>> 그리고 우리는 변경해야
우리의 규모, 물론.

510
00:30:08,490 --> 00:30:12,980
크기는 간단하지 않도록
더 많은 10보다 이동합니다.

511
00:30:12,980 --> 00:30:15,485
사실,이 적이 없네
10 크기의 지진.

512
00:30:15,485 --> 00:30:19,360
그러나 그것은 우리의 상단 가지의
끝, 우리의 상단 스펙트럼.

513
00:30:19,360 --> 00:30:20,240
>> 의 새로 고침 보자.

514
00:30:20,240 --> 00:30:22,990
니스, 우리는 시각화있다.

515
00:30:22,990 --> 00:30:25,490
너무 note-- 흥미 롭다
두 개의 데이터 포인트가있다 그

516
00:30:25,490 --> 00:30:29,010
거의 정확하게 각각의 상단에있는
다른 크기의 관점에서.

517
00:30:29,010 --> 00:30:31,350
당신은 우리가 사용하고있는 불투명하여이 작업을 참조하십시오.

518
00:30:31,350 --> 00:30:40,810

519
00:30:40,810 --> 00:30:42,690
>> 우리는 지금 지리 데이터가 있습니다.

520
00:30:42,690 --> 00:30:44,710
우리는 위도와 경도를 가지고있다.

521
00:30:44,710 --> 00:30:47,549
어쩌면 우리는 뭔가를 할 수
많은 것을 더 흥미 롭군요.

522
00:30:47,549 --> 00:30:49,590
이제 좀 더 찾아 보자
시각화하는 흥미로운 방법

523
00:30:49,590 --> 00:30:53,500
이 더 복잡
데이터 우리는에 액세스 할 수 있습니다.

524
00:30:53,500 --> 00:31:04,950
>> 법 V, Mapping-- 근본적으로,
우리는지도에이를 넣을.

525
00:31:04,950 --> 00:31:07,690
나는이가는 곳이고, 의미한다.

526
00:31:07,690 --> 00:31:13,130
우리는에 대한 정보를 인코딩 할
이 지진 측정 값의 위치,

527
00:31:13,130 --> 00:31:16,350
뿐만 아니라 자신의 크기,
우리는 지금 가지고 있기 때문에.

528
00:31:16,350 --> 00:31:21,310
우리는 소비하는 방법을 이해
더 복잡한 데이터.

529
00:31:21,310 --> 00:31:26,200
>> 우리가 할 것입니다 우선입니다
지도, 배경 맵을 만들 수 있습니다.

530
00:31:26,200 --> 00:31:29,360
내가 통해 갈거야
이 매우 빠르게.

531
00:31:29,360 --> 00:31:30,560
이 까다로운 코드입니다.

532
00:31:30,560 --> 00:31:33,110
그것은 이들의 또 다른 하나
조리법 당신은 정말하지 않습니다

533
00:31:33,110 --> 00:31:35,690
당신이 사용할 수 있도록 완벽하게 이해해야한다.

534
00:31:35,690 --> 00:31:38,510

535
00:31:38,510 --> 00:31:39,740
하지만이 코드입니다.

536
00:31:39,740 --> 00:31:43,580
이 코드는 바로 여기지도를 만듭니다.

537
00:31:43,580 --> 00:31:45,730
>> 우리는 세부 사항에서 이동하지 않을거야.

538
00:31:45,730 --> 00:31:54,210
그러나 표면적으로, 그것은 무엇이며,
그것은이 us.json 파일을 쿼리 할

539
00:31:54,210 --> 00:31:57,150
데이터 파일 등이있다
우리가 전에 가졌던.

540
00:31:57,150 --> 00:31:59,150
그것은 물론, 더 복잡하다.

541
00:31:59,150 --> 00:32:02,920
그러나이 경우, 모든 것을,
각 데이터 포인트는이 상태

542
00:32:02,920 --> 00:32:05,420
그리고 목록을 가지고
위도와 경도

543
00:32:05,420 --> 00:32:10,500
그 다각형을 정의,
그 형태, 그 상태.

544
00:32:10,500 --> 00:32:13,280
>> 그래서 D3 수행 할 작업과 유사
우리가 전에 무슨 짓을했는지에.

545
00:32:13,280 --> 00:32:18,140
그것은 그 요청하고
요소에 그 바인딩합니다.

546
00:32:18,140 --> 00:32:20,890
그리고 기능이있다 그
해당 요소를 매핑합니다,

547
00:32:20,890 --> 00:32:23,410
위도와 경도에 따라.

548
00:32:23,410 --> 00:32:24,580
당신은에 더 많은 정보를 얻을 수있다.

549
00:32:24,580 --> 00:32:27,385
그리고 나는 그것을 추천합니다.

550
00:32:27,385 --> 00:32:30,090
>> 상기 링크가 있습니다
이 코드의 끝 기록했다.

551
00:32:30,090 --> 00:32:31,570
그리고 코드는 주석.

552
00:32:31,570 --> 00:32:34,050
이에 대한 자세한에 대한 링크가 있습니다.

553
00:32:34,050 --> 00:32:36,590
나는 당신이 그것을 찾아 볼 것을 권장합니다.

554
00:32:36,590 --> 00:32:39,460
그러나 우리는 약하든 상관
이 프로젝션 기능.

555
00:32:39,460 --> 00:32:41,210
그 통해 가고 싶어요.

556
00:32:41,210 --> 00:32:43,522
>> 우선, 내가 보여주지
당신이 그, 그래, 우리는지도를 가지고있다.

557
00:32:43,522 --> 00:32:47,300

558
00:32:47,300 --> 00:32:49,970
지도는 멋진.

559
00:32:49,970 --> 00:32:52,330
그럼이 살펴 보자
생산 함수.

560
00:32:52,330 --> 00:32:56,481
>> 투영 매우 많이
규모처럼, 다시 조정합니다.

561
00:32:56,481 --> 00:32:59,210
그래서 생산
이 투영 함수

562
00:32:59,210 --> 00:33:06,610
우리는 그것을 경도를 통과 할 수있다 않습니다
이 경우에 latitudes--,

563
00:33:06,610 --> 00:33:09,590
여기서 이들 값은 아르
건물의 위도 - 정수 (Long)

564
00:33:09,590 --> 00:33:13,990
우리는 오른쪽에 앉아있어
지금은 - 투영.

565
00:33:13,990 --> 00:33:20,560
그리고 투영 변환
x 및 y 픽셀 값에있다.

566
00:33:20,560 --> 00:33:23,300
>> 그래서 투사를하고있다
우리의 규모와 매우 유사합니다.

567
00:33:23,300 --> 00:33:27,270
그것은 우리의 위도를 복용하고
전체 세계를 나타내는 경도

568
00:33:27,270 --> 00:33:31,390
줄어드는 것을 크기 조정
우리가 원하는 광장에 이르기까지,

569
00:33:31,390 --> 00:33:33,510
우리는 그것을 준 것을.

570
00:33:33,510 --> 00:33:35,220
이 경우, 우리는 야
이들 값을 전달.

571
00:33:35,220 --> 00:33:41,370
그리고는, 음, 우리를주고
화면에 640 픽셀을 의미한다.

572
00:33:41,370 --> 00:33:46,250
이 화면 전체 700 픽셀
폭, 즉 여기에 대한 정보를 수 있도록,

573
00:33:46,250 --> 00:33:53,310
아래로 154 픽셀, 내가 것
추정치는 거의 여기에있다.

574
00:33:53,310 --> 00:33:57,250
>> 그래서 그 위도-걷고을 복용하는
전 세계에 뭔가를 나타냅니다

575
00:33:57,250 --> 00:34:02,850
그리고 함부로 대하지 그 주변에 이동
우리 x 및 y 픽셀 값 정제하여,

576
00:34:02,850 --> 00:34:05,450
이입니다 제일 먼저
이 매핑 코드에서 수행.

577
00:34:05,450 --> 00:34:07,920
의 그리고 나머지
코드는 데이터를 소비

578
00:34:07,920 --> 00:34:14,310
다음 해당 위도-걷고 매핑
화면에 뭔가.

579
00:34:14,310 --> 00:34:18,380
>> 그러나 우리는이 투사를 사용하는거야
기능이 밝혀 때문에

580
00:34:18,380 --> 00:34:20,270
우리는뿐만 아니라 북 - 걷고 걷고있다.

581
00:34:20,270 --> 00:34:24,509
우리의 데이터를 돌아 보면, 우리가
위도와 경도 좌표

582
00:34:24,509 --> 00:34:25,425
모든 관찰.

583
00:34:25,425 --> 00:34:28,131

584
00:34:28,131 --> 00:34:29,130
그럼 프로젝션을 사용하자.

585
00:34:29,130 --> 00:34:33,250

586
00:34:33,250 --> 00:34:37,639
>> 그래서 우리의 박람회를 찾고,
우리는 우리의 exposition--을 원하는

587
00:34:37,639 --> 00:34:39,590
우리는 위도와 경도를 가지고있다.

588
00:34:39,590 --> 00:34:40,770
그러나 우리는 픽셀 값을 할 수 있습니다.

589
00:34:40,770 --> 00:34:43,510
그리고 그것은 밝혀, 우리는 정확히이
우리는 무엇을 투사를 원하는 건 ....

590
00:34:43,510 --> 00:34:46,239
우리는 있었다 아주 많이 좋아
여기 스케일을 사용하여,

591
00:34:46,239 --> 00:34:52,075
우리는 지금 투사를 사용하는거야
그리고 좌표를 전달합니다.

592
00:34:52,075 --> 00:34:55,241

593
00:34:55,241 --> 00:34:56,949
첫 번째 것은 그래서
우리는 우리가있어 그렇게 하는거죠있어

594
00:34:56,949 --> 00:35:01,520
개별 데이터가 점점 D,
개별 지진의 요소

595
00:35:01,520 --> 00:35:02,370
읽기.

596
00:35:02,370 --> 00:35:04,640
우리가 가장 먼저하는 일
좌표를 얻을 수있다.

597
00:35:04,640 --> 00:35:06,150
좋아, 우리는 좌표를 가지고있다.

598
00:35:06,150 --> 00:35:09,160
>> 우리가 두 번째 일이다
투영에 그를 전달합니다.

599
00:35:09,160 --> 00:35:13,440
투사는 그 좌표를 변환
화소 값, x 및 y 내로.

600
00:35:13,440 --> 00:35:16,680
그리고는 마지막 일 우리
그냥 X를 얻을 수 있습니다 싶은,

601
00:35:16,680 --> 00:35:19,342
이는이 경우는 첫 번째이다.

602
00:35:19,342 --> 00:35:22,050
그것은 두 가지 중 첫 번째입니다
그 투사에 의해 반환됩니다.

603
00:35:22,050 --> 00:35:27,840

604
00:35:27,840 --> 00:35:29,630
>> 우리는 y를 위해 동일한 작업을 수행합니다.

605
00:35:29,630 --> 00:35:34,960
하지만 그 대신, 우리는 돌아갑니다
두 번째 요소, Y.

606
00:35:34,960 --> 00:35:35,980
새로 고침을 준비하십시오.

607
00:35:35,980 --> 00:35:39,830

608
00:35:39,830 --> 00:35:46,450
오, 여분의 문자
이곳에 좋은, 우리가

609
00:35:46,450 --> 00:35:51,730
의 데이터 중심의 문서
객체의이 JSON 파일을 은폐,

610
00:35:51,730 --> 00:35:57,560
지도를 제작하고, 변화
데이터 관련 속성

611
00:35:57,560 --> 00:35:59,600
지도에 투영합니다.

612
00:35:59,600 --> 00:36:00,840
이건 정말 재미있다.

613
00:36:00,840 --> 00:36:03,770
이 멋지다.

614
00:36:03,770 --> 00:36:05,640
>> 의 한 단계를 그것을 보자.

615
00:36:05,640 --> 00:36:08,795
나는 우리가 두 가지를 의미
모든 데이터 포인트 정보를 제공합니다.

616
00:36:08,795 --> 00:36:10,000
나는 3, 의미한다.

617
00:36:10,000 --> 00:36:12,540
우리는 좌표를 가지고,
이는 x와 y입니다.

618
00:36:12,540 --> 00:36:15,700
그리고 우리는 크기를 가지고있다.

619
00:36:15,700 --> 00:36:17,420
>> 우리는 어떻게 든 크기를 인코딩 할 필요가있다.

620
00:36:17,420 --> 00:36:18,920
우리는 채널을 많이 가지고 있어요.

621
00:36:18,920 --> 00:36:20,370
우리는 색상을 사용할 수 있습니다.

622
00:36:20,370 --> 00:36:21,890
우리는 반경을 사용할 수 있습니다.

623
00:36:21,890 --> 00:36:23,040
우리는 불투명도를 사용할 수 있습니다.

624
00:36:23,040 --> 00:36:25,540
우리는 코드에서 여러 가지를 사용할 수 있습니다.

625
00:36:25,540 --> 00:36:29,180
이러한 특성과 많은의 모든
거기에 열거되지 않은 이상

626
00:36:29,180 --> 00:36:33,065
그들은 선택 사항이기 때문에, 우리는 할 수
이 데이터를 인코딩하는 데 사용, 스트로크

627
00:36:33,065 --> 00:36:35,670
이 모든 것을 내가 언급했습니다.

628
00:36:35,670 --> 00:36:36,690
>> 의 반경을하자.

629
00:36:36,690 --> 00:36:38,830
나는 반경이 가장 직관적 생각합니다.

630
00:36:38,830 --> 00:36:46,210
그래서 다시, 우리는 하드 코딩 교체합니다
(40)과는 약간의 계산을합니다.

631
00:36:46,210 --> 00:36:48,810
우리는 다시 우리의 마음에 드는 스케일을 사용합니다.

632
00:36:48,810 --> 00:36:50,290
그리고 우리는 D 지나서.

633
00:36:50,290 --> 00:36:55,850
우리가 크기를 원하기 때문에 싶지만하지
D의. D는 데이터 포인트입니다.

634
00:36:55,850 --> 00:36:57,430
우리는 크기가 확장 통과합니다.

635
00:36:57,430 --> 00:36:58,470
>> 의 다시 실시한다.

636
00:36:58,470 --> 00:37:00,230
오, 그것은 작동하지 않습니다.

637
00:37:00,230 --> 00:37:02,940
왜 작동하지 않는 이유는 무엇입니까?

638
00:37:02,940 --> 00:37:04,387
>> 그래서 무엇 규모 기억한다.

639
00:37:04,387 --> 00:37:05,470
다시 한 규모를 살펴 보자.

640
00:37:05,470 --> 00:37:10,800
1-10 스케일지도
22-600, 더욱 이하이다.

641
00:37:10,800 --> 00:37:12,030
(600)는 거대하다.

642
00:37:12,030 --> 00:37:14,730
우리가이 있어요 이유입니다.

643
00:37:14,730 --> 00:37:18,420
>> 그래서 우리는 우리의 규모를 변경하려면
보다 합리적인 뭔가.

644
00:37:18,420 --> 00:37:22,610
우리가 60 0 원의가 있다고 가정 해 봅시다.

645
00:37:22,610 --> 00:37:25,340
(60)은 큰이지만 10 지진
믿을 수 없을 정도로 드물다.

646
00:37:25,340 --> 00:37:27,880
사실, 그들은 일어난 적이 없다.

647
00:37:27,880 --> 00:37:31,830
>> 그래서 할 것이 무엇인지, 그것은 할게요
1-10가는 우리의 크기

648
00:37:31,830 --> 00:37:34,490
그것을 밖으로 확장하는 데에 매핑합니다.

649
00:37:34,490 --> 00:37:37,370
그리고 0-60로에 매핑합니다.

650
00:37:37,370 --> 00:37:38,840
의 새로 고침 보자.

651
00:37:38,840 --> 00:37:41,850
>> 니스, 우리는 시각화있다.

652
00:37:41,850 --> 00:37:42,500
이 중대하다.

653
00:37:42,500 --> 00:37:43,736
이는 실제 데이터이다.

654
00:37:43,736 --> 00:37:46,360
당신은 내 작은 장난감, 알 수 있습니다
예를 들어, 가장 큰 지진

655
00:37:46,360 --> 00:37:49,417
바로 우리의 상단에 있습니다.

656
00:37:49,417 --> 00:37:50,000
그러나 그것 뿐이다.

657
00:37:50,000 --> 00:37:54,422
우리는 일 중심의 시각화가
즉, 데이터를 소비

658
00:37:54,422 --> 00:37:56,255
정말 우리를 제공합니다
흥미로운 정보.

659
00:37:56,255 --> 00:38:02,600

660
00:38:02,600 --> 00:38:06,420
그래, 몇 가지를 추가 할 수
그것에 상호 작용.

661
00:38:06,420 --> 00:38:08,675
나는 그것이 있다고 말했습니다
D3의 강한 힘.

662
00:38:08,675 --> 00:38:11,490

663
00:38:11,490 --> 00:38:15,060
>> 그래서 여기, 모든 요소에 대해, 우리는있어
속성의 무리를 설명.

664
00:38:15,060 --> 00:38:20,230
그러나 우리는 또한 우리가 원하는 것을 설명 할 수 있습니다
상호 작용 요소와 발생합니다.

665
00:38:20,230 --> 00:38:26,190
예를 들어, 우리는 설명 할 수
무슨 일이 때 마우스를 통해 발생합니다.

666
00:38:26,190 --> 00:38:28,740

667
00:38:28,740 --> 00:38:33,640
그리고 매우 유사,
그 기능을합니다,

668
00:38:33,640 --> 00:38:36,700
매우 유사
우리가 전에했다 속성

669
00:38:36,700 --> 00:38:44,650
여기서 우리가 뭔가를 할
우리는 그 위에 요소를 가져 가면.

670
00:38:44,650 --> 00:38:47,100
>> 그래서 일단 우리는 필요
그 요소를 선택하면된다,

671
00:38:47,100 --> 00:38:49,435
브라우저에서 기본적으로 그것을 찾을 수 있습니다.

672
00:38:49,435 --> 00:38:57,090

673
00:38:57,090 --> 00:39:00,920
그리고, 우리는 설정할 수 있습니다
그것에 속성.

674
00:39:00,920 --> 00:39:06,870
우리가 가져 가면 그래서 내가 여기서 뭘하고있어,이다
뭔가 이상, 우리는 그 요소를 얻을 수 있습니다

675
00:39:06,870 --> 00:39:11,197
다음 다시 불투명도를 설정
1, 완전히 불투명합니다.

676
00:39:11,197 --> 00:39:12,488
이제 그 모습을 보자.

677
00:39:12,488 --> 00:39:29,430

678
00:39:29,430 --> 00:39:39,080
>> 우리가이 나타납니다
여기에 추가 세미콜론.

679
00:39:39,080 --> 00:39:42,420
우리가 이상 여기에 마우스를한다면, 그것은 전체 가져옵니다.

680
00:39:42,420 --> 00:39:46,530

681
00:39:46,530 --> 00:39:48,960
하지만 지금은, 물론, 그것을
전체 숙박 우리 때문에

682
00:39:48,960 --> 00:39:53,240
무슨 설명해야
때 우리의 커서를 제거합니다.

683
00:39:53,240 --> 00:39:59,990
그럼 그에 정확히하자
마우스 커서가 벗어나면, 마우스를 움직일 반대로.

684
00:39:59,990 --> 00:40:06,399
>> 그리고 우리는에 재설정합니다
우리가 0.5 before--했다.

685
00:40:06,399 --> 00:40:10,260
그리고 지금, 때마다 우리
호버, 우리는 완전한 원을 얻을.

686
00:40:10,260 --> 00:40:13,468
그것은 우리가 무엇을 참조하는 데 도움이 우리
우리는 본질적으로 선택하고 있습니다.

687
00:40:13,468 --> 00:40:19,210

688
00:40:19,210 --> 00:40:22,860
>> 그리고 지금의이 정말 잘 만들어 보자.

689
00:40:22,860 --> 00:40:26,210
의 실제 데이터에 연결합니다 보자.

690
00:40:26,210 --> 00:40:30,890
그럼 물어 보자 수
USGS 데이터에 대한.

691
00:40:30,890 --> 00:40:35,630
미국 지질 조사국 (US Geological Survey) 그래서
지진에 대한 데이터가 있습니다.

692
00:40:35,630 --> 00:40:41,460
그들은 수있어 공개 API를
JSON 형식으로 소비한다.

693
00:40:41,460 --> 00:40:42,548
그럼 그렇게하자.

694
00:40:42,548 --> 00:40:49,730

695
00:40:49,730 --> 00:40:55,900
>> 그래서이 코드의 비트입니다
USGS의 API에 연결합니다.

696
00:40:55,900 --> 00:40:57,990
그리고 그것에 처리의 비트가있다.

697
00:40:57,990 --> 00:41:02,200
이것은 관련이 없습니다 그러나 그것을 단순화
같은 단순 데이터 형식

698
00:41:02,200 --> 00:41:03,800
우리는 전에했다.

699
00:41:03,800 --> 00:41:08,140
그래서 우리의 호출을 제거
파일에 대한 우리의 가짜 data.json.

700
00:41:08,140 --> 00:41:13,110
그리고 대신에, 나는 전화 드렸습니다
기본적으로 USGS.

701
00:41:13,110 --> 00:41:16,700
>> ,의 새로 고침 좋은 보자.

702
00:41:16,700 --> 00:41:21,260
이것은 실제, 실제 데이터입니다
지진이 주에서.

703
00:41:21,260 --> 00:41:23,217
이건 정말 재미있다.

704
00:41:23,217 --> 00:41:25,050
이것은 놀라운 일이 아니다
우리를 위해,하지만이 있습니다

705
00:41:25,050 --> 00:41:27,909
에 지진이 많이
캘리포니아 서부 해안.

706
00:41:27,909 --> 00:41:30,950
하지만 그것은 매우 흥미로운 생각
많은 지진이 있었다고

707
00:41:30,950 --> 00:41:34,350
알래스카에서, 분명히,
여기에 중서부.

708
00:41:34,350 --> 00:41:37,630
나는 흥미있는 말은, 우리는 좋은거야.

709
00:41:37,630 --> 00:41:40,410
즉, 결론입니다.

710
00:41:40,410 --> 00:41:43,760
>> 그러나 근본적으로,이
D3는 우리가 할 수 있습니다 것입니다.

711
00:41:43,760 --> 00:41:48,030
그것은 우리가 데이터를 가지고하는 데 도움이 바인드
DOM 요소에 그것,

712
00:41:48,030 --> 00:41:51,620
그 요소를 변경해야
데이터의 함수로서,

713
00:41:51,620 --> 00:41:54,780
이러한 특성 모두를 가질
많은 요소 특성

714
00:41:54,780 --> 00:41:57,393
모든 채널에 대한 유용
정보를 전달합니다.

715
00:41:57,393 --> 00:42:05,440

716
00:42:05,440 --> 00:42:09,290
>> D3는 믿을 수 없을만큼 강력하다
도서관과 놀라 울 정도로 잘 실행합니다.

717
00:42:09,290 --> 00:42:12,260
이것은 몇 가지 강력한 물건입니다.

718
00:42:12,260 --> 00:42:15,960
데이터 시각화는
믿을 수 없을만큼 강력한 도구

719
00:42:15,960 --> 00:42:21,530
깊은 사람들에게 전달하는
자신의 핵심에 도달 통찰력

720
00:42:21,530 --> 00:42:25,430
그리고 그들에, 이해하는 데 도움이
이 심오하고 직관적 인 방법으로,

721
00:42:25,430 --> 00:42:29,760
어떻게 데이터 작품과 방법
데이터는 우리의 삶을 변화시킨다.

722
00:42:29,760 --> 00:42:31,019