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

2
00:00:00,780 --> 00:00:11,880
>> [Musiikki soi]

3
00:00:11,880 --> 00:00:16,480
>> DAVID CHOUINARD: Olen David
Chouinard, ja tämä on D3.

4
00:00:16,480 --> 00:00:17,700
Tervetuloa.

5
00:00:17,700 --> 00:00:21,270
Aiomme oppia D3 tänään.

6
00:00:21,270 --> 00:00:25,020
D3 on JavaScript puitteet
rakentaa laadukkaita

7
00:00:25,020 --> 00:00:28,110
interaktiivinen visualisoinnit web.

8
00:00:28,110 --> 00:00:30,870
Asiat kuten mitä olemme
näkemisen takana minua,

9
00:00:30,870 --> 00:00:34,230
aiomme oppia tekemään näitä
asioita, eräänlainen perusteet sen.

10
00:00:34,230 --> 00:00:36,452
Mutta se tulee olemaan viileä.

11
00:00:36,452 --> 00:00:38,160
Mennään alkoi
tehdä kauniita kuvia.

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

13
00:00:41,108 --> 00:00:44,350
Olemme muutakin demoja
näkymiä käytettävissä.

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

15
00:00:48,040 --> 00:00:50,760
Tehdään se.

16
00:00:50,760 --> 00:00:58,700
>> Act I, DOM manipulation-- olemme menossa
aloittaa heti tehdä hienoja asioita.

17
00:00:58,700 --> 00:01:01,240
Ensinnäkin, vasemmalla, meillä on koodi.

18
00:01:01,240 --> 00:01:03,470
Oikealla, meillä on
seurausta meidän koodin.

19
00:01:03,470 --> 00:01:04,900
Mennään läpi.

20
00:01:04,900 --> 00:01:05,780
>> Tehdään ympyrä.

21
00:01:05,780 --> 00:01:08,570
Miltä kuulostaa?

22
00:01:08,570 --> 00:01:14,934
svg.append circle--
me juuri tehnyt ympyrän.

23
00:01:14,934 --> 00:01:16,100
Et usko minua, eikö?

24
00:01:16,100 --> 00:01:18,190
Se ei ole siellä.

25
00:01:18,190 --> 00:01:21,830
>> Joten mitä teimme täällä on,
SVG on skaalautuva vektorigrafiikkaa.

26
00:01:21,830 --> 00:01:27,530
Tämä on tapamme kertoa selaimen
tehdä vektorigrafiikkaa selaimessa.

27
00:01:27,530 --> 00:01:30,740
Mitä me vain teimme juuri nyt
lisätään ympyrä selata.

28
00:01:30,740 --> 00:01:34,790
>> Lupaus on, että ympyrä
vaatii hieman perusmääritteistä

29
00:01:34,790 --> 00:01:36,850
ennen kuin voimme todella nähdä sen.

30
00:01:36,850 --> 00:01:40,045
Meidän täytyy kertoa sille sen X-asema,
sen y asema, sen säde.

31
00:01:40,045 --> 00:01:43,310
Emme kerro se mitään, että,
joten emme näe sitä juuri nyt.

32
00:01:43,310 --> 00:01:46,210
Mutta katsotaanpa kertoa sen juttuja.

33
00:01:46,210 --> 00:01:49,510
>> Joten ensinnäkin, sinulla
antaa meidän ympyrä nimi.

34
00:01:49,510 --> 00:01:53,070
Joten kutsukaamme sitä ympyrän.

35
00:01:53,070 --> 00:01:54,406
Meidän ympyrä on nimi nyt.

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

37
00:01:57,230 --> 00:01:59,490
Ja katsotaanpa antaa sille vähän määritteitä.

38
00:01:59,490 --> 00:02:03,690
Entä CX olisi keskustaan ​​x, niin
keskustan x-asennossa.

39
00:02:03,690 --> 00:02:06,730
Sanotaan, 200 200 pikseliä.

40
00:02:06,730 --> 00:02:10,220
>> Annetaan sen y 200 pikseliä samoin.

41
00:02:10,220 --> 00:02:16,032
Ja r, säde, noin 40 pikseliä.

42
00:02:16,032 --> 00:02:16,950
Katsotaanpa nyt.

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

44
00:02:21,740 --> 00:02:23,440
En voi kirjoittaa.

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

46
00:02:30,430 --> 00:02:31,520
>> Siellä mennään.

47
00:02:31,520 --> 00:02:37,330
Meillä on ympyrä asemassa 200
pikseliä, 200 pikseliä, säde 40 pikseliä.

48
00:02:37,330 --> 00:02:38,280
Kind of cool, eikö?

49
00:02:38,280 --> 00:02:38,988
Meillä on ympyrä.

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

51
00:02:40,880 --> 00:02:42,670
>> Joten ei tarvitse seurata mukana.

52
00:02:42,670 --> 00:02:45,790
Kaikissa näissä esimerkeissä, kaikki
koodi mulla tänään

53
00:02:45,790 --> 00:02:51,300
annetaan verkossa lopussa
muodossa interaktiivinen esimerkkejä

54
00:02:51,300 --> 00:02:54,010
neen osoitteessa
jokainen teko, ja niin edelleen.

55
00:02:54,010 --> 00:02:55,160
>> Tehdäänpä enemmän tavaraa.

56
00:02:55,160 --> 00:02:58,901
Tämä musta ympyrä on todella ruma.

57
00:02:58,901 --> 00:03:01,541
Olen pahoillani, että virhe
viestit oikeassa.

58
00:03:01,541 --> 00:03:05,340
Siellä mennään.

59
00:03:05,340 --> 00:03:06,350
>> Annetaan sen väri.

60
00:03:06,350 --> 00:03:07,170
Kuinka niin?

61
00:03:07,170 --> 00:03:08,340
Tykkään teräksen sininen.

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

63
00:03:13,280 --> 00:03:16,030
No, meidän ympyrä väri muuttui.

64
00:03:16,030 --> 00:03:17,320
Se on hienoa.

65
00:03:17,320 --> 00:03:31,330
Tehdään se puoliksi läpinäkyvä
too-- läpikuultavia.

66
00:03:31,330 --> 00:03:33,670
>> Joten nämä ovat ominaisuuksia
olemme määritellään ympyrän.

67
00:03:33,670 --> 00:03:36,774
Ensimmäinen asia teimme on
laitamme ympyrä sivulla.

68
00:03:36,774 --> 00:03:38,690
Ja sitten me määritellään
nippu ominaisuuksia.

69
00:03:38,690 --> 00:03:41,610
Jotkut näistä ovat tarpeen,
kuten CX, CY, ja Säde.

70
00:03:41,610 --> 00:03:42,680
Ja toiset ovat valinnaisia.

71
00:03:42,680 --> 00:03:44,730
>> On olemassa paljon enemmän ominaisuuksia.

72
00:03:44,730 --> 00:03:46,760
On paljon niitä.

73
00:03:46,760 --> 00:03:53,070
Esimerkiksi meillä voisi olla
aivohalvaus sekä, aivohalvaus punaista.

74
00:03:53,070 --> 00:03:55,630
Mutta katsotaanpa poista sitä.

75
00:03:55,630 --> 00:04:00,450
Olemme takaisin ympyrä, sininen ympyrä.

76
00:04:00,450 --> 00:04:01,600
>> Joten tehdä enemmän piireissä.

77
00:04:01,600 --> 00:04:02,810
Kuinka niin?

78
00:04:02,810 --> 00:04:04,665
Tehdään toinen ympyrä.

79
00:04:04,665 --> 00:04:05,985
Tämä on jännittävä, eikö?

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

81
00:04:09,630 --> 00:04:12,300
>> Niin sanon vain Copy-Pasted
mitä meillä oli jo.

82
00:04:12,300 --> 00:04:13,570
Kutsukaamme sitä YMPYRÄ 2.

83
00:04:13,570 --> 00:04:15,840
Ja tehkäämme tarkka
sama asia ja antaa sille

84
00:04:15,840 --> 00:04:20,450
attribuutteja, koska X-asema 300.

85
00:04:20,450 --> 00:04:24,140
Jee, meillä on kaksi ympyrää nyt.

86
00:04:24,140 --> 00:04:27,240
>> Ja tietenkin, voisimme
päivittää näitä arvoja.

87
00:04:27,240 --> 00:04:31,640
Voisin laittaa sen 400, ja nyt se liikkuu.

88
00:04:31,640 --> 00:04:35,470
Ja koska se on ärsyttävää, katsotaanpa
poista se, niin circle2.remove.

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

90
00:04:39,000 --> 00:04:40,730
Se on mennyt nyt.

91
00:04:40,730 --> 00:04:43,170
>> Joten mitä me teemme ja
on vain hyvin, very-- tämä

92
00:04:43,170 --> 00:04:46,030
on hyvin samanlainen kuin mitä
voisi tehdä jQuery, esimerkiksi.

93
00:04:46,030 --> 00:04:48,240
Olemme juuri manipuloimalla
DOM, sitä kutsutaan.

94
00:04:48,240 --> 00:04:50,040
Olet ehkä kuullut, että sana ennen.

95
00:04:50,040 --> 00:04:53,255
Luomme kamaa, jossa
attribuutteja juttuja, poistamalla kamaa.

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

97
00:04:58,950 --> 00:05:02,360
>> Nyt täällä on, jos se saa mielenkiintoista.

98
00:05:02,360 --> 00:05:07,250
Joten myöhemmin koodin, voisimme silti
viitata alkuperäiseen ympyrä täällä.

99
00:05:07,250 --> 00:05:14,100
Joten palauttaa sen määritteen cx.

100
00:05:14,100 --> 00:05:18,260
Sanotaan, sen x kannan 400.

101
00:05:18,260 --> 00:05:22,406
Ja aion siirtyminen
että, niin se on selvää.

102
00:05:22,406 --> 00:05:23,360
Siellä mennään.

103
00:05:23,360 --> 00:05:24,780
>> Joten lisäsimme ympyrä.

104
00:05:24,780 --> 00:05:26,440
Asetimme joitakin ominaisuuksia.

105
00:05:26,440 --> 00:05:28,210
Lisäsimme toisen ympyrän, poistetaan se.

106
00:05:28,210 --> 00:05:31,650
Ja sitten me muutetaan
alkuperäinen ympyrä.

107
00:05:31,650 --> 00:05:35,400
>> Mutta tässä on, jos se saa
paljon mielenkiintoisempaa.

108
00:05:35,400 --> 00:05:39,070
Ei vain voimme asettaa attribuutteja
kuten juuri arvot, voimme sanoa,

109
00:05:39,070 --> 00:05:41,610
hei, ympyrä, mene asentoon 200.

110
00:05:41,610 --> 00:05:44,540
Voimme myös asettaa niitä toimintoja.

111
00:05:44,540 --> 00:05:48,850
>> Joten sen sijaan, että 400 täällä,
Voimme tehdä joitakin laskennan

112
00:05:48,850 --> 00:05:53,950
lennossa, mitä me
haluavat, että määrite olla.

113
00:05:53,950 --> 00:05:56,580
Joten tämä on, miten olisit ilmaista että.

114
00:05:56,580 --> 00:06:00,660
Sanomme, sijasta 400, haluaisin
antaa sinulle toiminnon sijaan.

115
00:06:00,660 --> 00:06:04,180
Ja tässä, sisällä tätä toimintoa,
voimme tehdä hulluja laskelma.

116
00:06:04,180 --> 00:06:06,820
>> Voisimme ottaa aikaa ja
tarkastelemme joitakin muu asia

117
00:06:06,820 --> 00:06:11,230
ja dynaamisesti päättää
ympyrä mitä arvoa haluamme.

118
00:06:11,230 --> 00:06:15,266
Entä me vain antaa
se satunnainen x asema?

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

120
00:06:20,360 --> 00:06:21,120
Joten se siitä.

121
00:06:21,120 --> 00:06:25,490
>> Joten mitä se sanoo on, sillä
joka X, suorita tämä toiminto.

122
00:06:25,490 --> 00:06:29,340
Ja mitä me teemme on laskettaessa
joitakin asioita, satunnainen kertaa leveys

123
00:06:29,340 --> 00:06:30,410
ja palautettaessa.

124
00:06:30,410 --> 00:06:34,765
Joten joka kerta kun ajaa, että saamme
ympyrä, joka menee satunnainen paikka.

125
00:06:34,765 --> 00:06:36,394
Se on tavallaan hienoja.

126
00:06:36,394 --> 00:06:38,310
Tunnen voisi näyttää
Tämän hieman.

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

128
00:06:44,274 --> 00:06:46,440
Alamme päästä
jotain mielenkiintoista täällä.

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

130
00:06:49,120 --> 00:06:51,390
Tehdään tästä tietojen ajaa nyt.

131
00:06:51,390 --> 00:06:53,420
Ei ole tietoa täällä.

132
00:06:53,420 --> 00:06:54,482
Katsotaanpa muuttaa.

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

134
00:06:57,440 --> 00:07:12,140
>> Act II, Data Driven Documents--
Joten palata tänne.

135
00:07:12,140 --> 00:07:15,340
Ja haluan vain päästä eroon YMPYRÄ 2,
koska me vain lisäämällä ja poistamalla

136
00:07:15,340 --> 00:07:15,840
sitä.

137
00:07:15,840 --> 00:07:17,382
Joten emme todellakaan tarvitse sitä.

138
00:07:17,382 --> 00:07:21,421
Meidän on oltava paljon viisaampi tässä.

139
00:07:21,421 --> 00:07:23,170
Sanotaan, meillä on
Joidenkin tietojen jonkinlaisia.

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

141
00:07:31,540 --> 00:07:40,020
Yksi moment-- sanotaanko,
meillä oli tietoa tämän lomakkeen.

142
00:07:40,020 --> 00:07:41,800
Meillä oli joukko, vain
nippu numeroita.

143
00:07:41,800 --> 00:07:45,750
Meillä on seitsemän numerot tähän,
mitä nämä represent-- määrä

144
00:07:45,750 --> 00:07:48,810
ihmisten pankkitilille, miten
paljon ne painavat, ties mitä.

145
00:07:48,810 --> 00:07:51,310
>> Nämä ovat lukuja, ja me
haluavat käyttää meidän piireissä

146
00:07:51,310 --> 00:07:53,240
edustaa niitä numeroita jotenkin.

147
00:07:53,240 --> 00:07:55,515
Haluamme sitoa meidän
piireissä nämä numerot.

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

149
00:07:58,750 --> 00:07:59,626
Joten mitä me teemme.

150
00:07:59,626 --> 00:08:01,500
Sanotaan, haluamme
ympyrä jokaisen numeron.

151
00:08:01,500 --> 00:08:03,590
Voisimme tehdä vanhan
asia olimme doing--

152
00:08:03,590 --> 00:08:06,020
ympyrä Liitä ja YMPYRÄ 2 ja circle3.

153
00:08:06,020 --> 00:08:10,020
Mutta tämä riistäytyy käsistä, ja
siellä on paljon toistuvia logiikkaa.

154
00:08:10,020 --> 00:08:12,760
>> Joten saada viisaampi siitä.

155
00:08:12,760 --> 00:08:17,810
Sen sijaan käyttää var ympyrä
svg.append että olimme vain käyttämällä,

156
00:08:17,810 --> 00:08:21,580
aiomme käyttää
tämä pieni lohko täällä.

157
00:08:21,580 --> 00:08:24,510
En halua mennä syvällistä
siitä, mitä kaikki nämä osat tekevät.

158
00:08:24,510 --> 00:08:26,020
Ja se on tavallaan kehittynyt aihe.

159
00:08:26,020 --> 00:08:27,830
Ja Voisinpa.

160
00:08:27,830 --> 00:08:31,370
>> Mutta avain asia recognize-- ja
näet on hyvin usein D3-koodin.

161
00:08:31,370 --> 00:08:36,840
Tämä lohko teksti perustiedot
luo niin monta piireissä

162
00:08:36,840 --> 00:08:41,360
koska on olemassa tietoelementit
Tässä array täällä.

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

164
00:08:53,420 --> 00:08:55,780
Joten tämä luo niin monta
piireissä on elementtejä.

165
00:08:55,780 --> 00:08:58,520
Se tulee luomaan meille seitsemän piireissä.

166
00:08:58,520 --> 00:09:01,710
Ja se todella, todella keskeinen asia.

167
00:09:01,710 --> 00:09:02,460
Joten ajaa että.

168
00:09:02,460 --> 00:09:05,460
Katsotaanpa poistaa muita ympyrä.

169
00:09:05,460 --> 00:09:09,565
Toivotaan vain kommentoida tätä
osa pois ja suorita tämä uudelleen.

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

171
00:09:13,840 --> 00:09:15,260
>> Siellä mennään.

172
00:09:15,260 --> 00:09:18,030
Joten meidän ympyrä tässä
paljon tummempi, koska me

173
00:09:18,030 --> 00:09:20,720
on seitsemän piireissä, yksi
päälle muita.

174
00:09:20,720 --> 00:09:25,425
Olemme juuri luonut seitsemän piireissä, yksi
kukin kunkin näiden tietojen elementtejä.

175
00:09:25,425 --> 00:09:28,860
Mutta on keskeinen asia, joka tapahtui
Tämän pätkä täällä.

176
00:09:28,860 --> 00:09:31,030
>> Se, että tiedot oli sidottu.

177
00:09:31,030 --> 00:09:33,440
Joten joka ikinen
ne tietoelementit,

178
00:09:33,440 --> 00:09:38,830
10, 45, 105, oli sidottu
tiettyyn ympyrä.

179
00:09:38,830 --> 00:09:40,960
Joten nämä ei vain luonut
nippu piireissä

180
00:09:40,960 --> 00:09:43,420
mutta sitoo nämä kaksi asiaa yhteen.

181
00:09:43,420 --> 00:09:48,740
>> Ja tulevaisuudessa, koska loimme
näitä tahoja tämän D3 toiminto,

182
00:09:48,740 --> 00:09:52,430
jos annan sinulle ympyrä, voit
anna minulle siihen liittyvät tiedot.

183
00:09:52,430 --> 00:09:53,280
Voimme siis kysyä D3.

184
00:09:53,280 --> 00:09:54,840
Hei, D3, minulla on tämän ympyrän.

185
00:09:54,840 --> 00:09:57,350
Mikä tietojen että ympyrä on?

186
00:09:57,350 --> 00:10:01,290
Ja D3 kertoisi meille 10 tai 45 tai 105.

187
00:10:01,290 --> 00:10:02,380
>> Nämä asiat ovat sitoutuneet.

188
00:10:02,380 --> 00:10:04,490
Se on hyvin, hyvin perustavanlaatuinen käsite.

189
00:10:04,490 --> 00:10:06,070
Katsotaanpa että.

190
00:10:06,070 --> 00:10:12,210
>> Joten miten olimme kysyä D3-- niin
tämä ei ole merkitystä tässä,

191
00:10:12,210 --> 00:10:16,620
mutta vain luottaa minuun se.

192
00:10:16,620 --> 00:10:17,620
Näin pyydämme D3.

193
00:10:17,620 --> 00:10:21,312
Hei, D3, anna minulle ensimmäinen
ympyrä, että voit löytää.

194
00:10:21,312 --> 00:10:23,580
Anna minulle ensimmäinen ympyrä löydät.

195
00:10:23,580 --> 00:10:29,660
Ja sitten voisimme kysyä D3, mitä
tietoa, että näin, 10.

196
00:10:29,660 --> 00:10:33,380
>> Joten me vain kysyä D3, löytää minut
Ensimmäinen ympyrä löydät.

197
00:10:33,380 --> 00:10:34,400
Mikä sen tiedot?

198
00:10:34,400 --> 00:10:36,650
10, että on todellakin meidän
Ensimmäinen tieto.

199
00:10:36,650 --> 00:10:42,150
Voisimme kysyä sitä, hei, D3,
löydät meidät meidän kolmas ympyrä.

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

201
00:10:44,450 --> 00:10:45,740
Miksi tämä todella tärkeää?

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

203
00:10:49,790 --> 00:10:52,250
>> Joten täällä, mainitsin
että voisimme käyttää toimintoja.

204
00:10:52,250 --> 00:10:54,910
Ja mainitsin, että oli
erittäin voimakas asia.

205
00:10:54,910 --> 00:11:03,070
Niin ei vain voi toimintojamme tehdä asioita
kuten tehdä joitakin laskennan, esimerkiksi

206
00:11:03,070 --> 00:11:09,170
palata satunnaisluvun, se voi
myös tehdä asioita koskevien tietojen perusteella.

207
00:11:09,170 --> 00:11:11,550
Tämä on mitä tietojen ajaa asiakirjoja tarkoittaa.

208
00:11:11,550 --> 00:11:13,750
Sitähän D3 edustaa.

209
00:11:13,750 --> 00:11:17,800
>> Joten tämä x postition-- sijaan
vain sanoa, kaikki piireissä,

210
00:11:17,800 --> 00:11:21,735
saada X-asema 200, me
voisi antaa sille funktio.

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

212
00:11:26,140 --> 00:11:30,140
Ja täällä, voimme tehdä joitakin laskennan.

213
00:11:30,140 --> 00:11:33,710
ja d täällä seisoo paikallaan tiedot.

214
00:11:33,710 --> 00:11:36,120
Joten joka kerta olemme
ympyrä, pohjimmiltaan,

215
00:11:36,120 --> 00:11:37,750
D3 luo nämä seitsemän piireissä.

216
00:11:37,750 --> 00:11:38,500
Ja sitten jokaiselle

217
00:11:38,500 --> 00:11:41,920
>> ympyrä, se tulee menemään, hei,
YMPYRÄ 1 mikä on sinun X-asema.

218
00:11:41,920 --> 00:11:45,210
Aiemmin olimme
aina vastaamalla 200.

219
00:11:45,210 --> 00:11:48,630
Mutta nyt, joka kerta D3 kysyy
meille mikä on sinun X-asema,

220
00:11:48,630 --> 00:11:51,790
se tulee antaa us-- meillä
että ympyrä, joten meillä on tietoja.

221
00:11:51,790 --> 00:11:55,290
Se tulee antamaan meille tietoja ja sanoa,
Mitä haluat näyttely olla,

222
00:11:55,290 --> 00:11:57,120
niiden pohjalta.

223
00:11:57,120 --> 00:11:59,590
>> Toivotaan vain palata todelliset tiedot.

224
00:11:59,590 --> 00:12:04,910
Joten jos me suorittaa tämän, tämä antaa
meille tietojen ajaa asiakirjoja.

225
00:12:04,910 --> 00:12:08,040
Nämä ympyrät perustuvat
suhteessa position--

226
00:12:08,040 --> 00:12:11,120
ne ovat emäkset funktiona tietoja.

227
00:12:11,120 --> 00:12:13,100
>> Joten ensimmäinen ympyrä,
D3 tuo ympyrä.

228
00:12:13,100 --> 00:12:16,770
Ja sitten D3 pyytää meitä, mitä tehdä
Haluatko käsikirjassa olla.

229
00:12:16,770 --> 00:12:19,620
Ja me vain sanoa, mitä tietoja on.

230
00:12:19,620 --> 00:12:21,185
Tee näyttely 10.

231
00:12:21,185 --> 00:12:26,320
>> Sitten se kysyy, mitä haluat
näyttely on toisen ympyrän.

232
00:12:26,320 --> 00:12:27,270
Ja me vastaamme, 45.

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

234
00:12:30,000 --> 00:12:32,230
Ja me tietysti voi
tehdä joitakin laskennan tässä.

235
00:12:32,230 --> 00:12:35,510
Minusta tämä näitä tahoja
ovat sellaisia ​​squished ylös.

236
00:12:35,510 --> 00:12:38,965
>> Joten kerro se 3, kerrotaan tietoja 3.

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

238
00:12:41,870 --> 00:12:43,840
Meidän ympyrä sai juuri laajentunut ulos.

239
00:12:43,840 --> 00:12:46,730
Meidän arvo kolminkertaistui.

240
00:12:46,730 --> 00:12:51,010
>> Ympyrä on todella reunalla,
joten katsotaanpa ehkä sellainen offset sitä.

241
00:12:51,010 --> 00:12:53,632
Sanotaan, 20.

242
00:12:53,632 --> 00:12:56,070
Täällä mennään.

243
00:12:56,070 --> 00:12:57,590
>> Tämä on tietojen visualisointia.

244
00:12:57,590 --> 00:13:01,767
Se on hyvin yksinkertainen, vaan tämä
antaa meille jonkinlaisen käsityksen tietomme.

245
00:13:01,767 --> 00:13:04,600
Se kertoo meille, että olemme esimerkiksi
on pieni klusterin elementtejä.

246
00:13:04,600 --> 00:13:06,340
Ja meillä on iso harha täällä.

247
00:13:06,340 --> 00:13:10,830
Tämä antaa meille joitakin tietoja
noin jakelu.

248
00:13:10,830 --> 00:13:20,830
>> Jos olisimme esimerkiksi muuttaa
tiedot 150 täällä ja virkistää,

249
00:13:20,830 --> 00:13:22,630
meidän visualisointi on muuttunut.

250
00:13:22,630 --> 00:13:24,285
Tämä asiakirja on tietojen ajaa.

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

252
00:13:32,640 --> 00:13:36,180
>> Niin tietysti, kaikki nämä tekijät,
kaikki nämä ominaisuudet täällä,

253
00:13:36,180 --> 00:13:38,430
voimme käyttää toimintoa, ei
vain numeroita, ei vain

254
00:13:38,430 --> 00:13:39,900
x- ja y-paikat.

255
00:13:39,900 --> 00:13:42,120
Joten voimme käyttää toimintoa väri.

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

257
00:13:45,260 --> 00:13:46,360
Joten me tehdä samoin.

258
00:13:46,360 --> 00:13:49,360
Me annamme sen funktio.

259
00:13:49,360 --> 00:13:52,320
>> Ja sanotaanko, meillä voisi olla
ehtolauseilla meidän toiminto.

260
00:13:52,320 --> 00:13:54,770
Tämä toiminto voi olla
sata riviä pitkä.

261
00:13:54,770 --> 00:13:57,150
Se voi tehdä hyvin, hyvin monimutkaisia ​​asioita.

262
00:13:57,150 --> 00:13:59,080
>> Joten laittaa jos ilmoitus täällä.

263
00:13:59,080 --> 00:14:03,420
Sanotaan, jos tietomme on vähemmän
kuin 50, joka on jonkin kynnyksen

264
00:14:03,420 --> 00:14:05,817
että olemme kiinnostuneita
vuonna jostain syystä.

265
00:14:05,817 --> 00:14:06,650
Tehdään se vihreä.

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

267
00:14:09,830 --> 00:14:15,320
Muuten tehkäämme se punainen.

268
00:14:15,320 --> 00:14:16,110
Kuinka niin?

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

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

271
00:14:21,220 --> 00:14:24,860
>> Joten meidän tietojen visualisointia alkaa
välittää enemmän mielenkiintoista tietoa

272
00:14:24,860 --> 00:14:26,727
monikanavaisesti.

273
00:14:26,727 --> 00:14:28,560
Joten nyt me tiedämme vähän
noin jakelu.

274
00:14:28,560 --> 00:14:31,768
Ja me tiedämme, että on olemassa jonkinlainen
katkaistu 50 että olemme kiinnostuneita.

275
00:14:31,768 --> 00:14:35,630
Tiedämme, että on olemassa kaksi merkintää
Tämän rajan alla ja useimmat niistä

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

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

278
00:14:41,510 --> 00:14:46,160
>> Niin että viimeinen vaihe, nämä tiedot tässä,
se on erittäin harvinaista nähdä tämän niin.

279
00:14:46,160 --> 00:14:52,610
Joten vain siirtää sen ulos muuttuja
koska se on puhtaampaa, kuin tämä.

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

281
00:15:02,980 --> 00:15:05,197
Ja sitten käytämme että muuttuja täällä.

282
00:15:05,197 --> 00:15:06,280
Se täsmälleen sama asia.

283
00:15:06,280 --> 00:15:07,280
Se on vain hieman puhtaampaa.

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

285
00:15:25,300 --> 00:15:35,300
>> Seuraavaksi, Act III, Scales--
Joten yksi ongelma oikeus

286
00:15:35,300 --> 00:15:38,920
tässä, jos muutamme
tiedot tässä 200 value--

287
00:15:38,920 --> 00:15:41,685
jos muutamme sen 400
tai jotain ja virkistää,

288
00:15:41,685 --> 00:15:44,540
silloin tämä arvo vain meni offscreen.

289
00:15:44,540 --> 00:15:49,040
Joten meidän logiikka täällä
miten teemme kertaa 3

290
00:15:49,040 --> 00:15:52,570
ja 20, levittää sitä ja sitten
offset se vähän on todella kömpelöitä.

291
00:15:52,570 --> 00:15:54,150
>> Mitä nämä numerot tarkoittavat?

292
00:15:54,150 --> 00:15:55,400
He vain koodattu siellä.

293
00:15:55,400 --> 00:15:58,830
Ja he hyvin sidottu tietoihin.

294
00:15:58,830 --> 00:16:00,550
Haluamme tietojen ajaa asiakirja.

295
00:16:00,550 --> 00:16:05,460
Haluamme erittäin joustava asiakirja,
että annetaan tietoja, mukautuu sen

296
00:16:05,460 --> 00:16:07,900
ja edustaa sitä.

297
00:16:07,900 --> 00:16:11,330
>> Mitä me pohjimmiltaan tarvitsemme, me
on tässä eri numerot 10.

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

299
00:16:12,640 --> 00:16:17,630
Ja haluamme kartoittaa että ulos päin
leveys, koko leveydeltään täällä.

300
00:16:17,630 --> 00:16:20,620
Joten meillä on valikoima
numerot menee 0-100.

301
00:16:20,620 --> 00:16:24,980
Ja meillä on tämä kampuksella I menee
20-700, tässä tapauksessa.

302
00:16:24,980 --> 00:16:26,515
>> Me tavallaan haluavat kartoittaa että.

303
00:16:26,515 --> 00:16:30,002
Haluamme mittakaavassa, että ylös ja
offset sitä vähän.

304
00:16:30,002 --> 00:16:33,165
On käynyt ilmi, että D3 on nämä.

305
00:16:33,165 --> 00:16:34,220
Sitä kutsutaan mittakaavassa.

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

307
00:16:37,410 --> 00:16:38,250
Joten käytä sitä.

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

309
00:16:46,300 --> 00:16:49,670
>> Siten, että works-- aion
kirjoita tämä ylös ja sitten selittää sitä.

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

311
00:17:01,530 --> 00:17:02,450
Tämä on asteikko.

312
00:17:02,450 --> 00:17:08,670
Mitä se tekee on, se kartoittavat
arvot 1-200 päälle 20-600.

313
00:17:08,670 --> 00:17:10,990
Voimme tarkistaa, että.

314
00:17:10,990 --> 00:17:13,329
Voimme nähdä, että täällä.

315
00:17:13,329 --> 00:17:21,704
>> Joten jos olen ruokkia sitä 1-- hetkeäkään.

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

317
00:17:47,764 --> 00:17:48,555
Anna minulle yksi sekunti.

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

319
00:17:53,680 --> 00:17:55,080
Minun on kirjoitettu väärin se.

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

321
00:18:15,320 --> 00:18:15,990
Siellä mennään.

322
00:18:15,990 --> 00:18:17,930
Olen pahoillani siitä.

323
00:18:17,930 --> 00:18:22,050
>> Joten mitä asteikko tekee
on, se vie arvoa

324
00:18:22,050 --> 00:18:24,930
ja sitten muuntaa että
laajentaa, että ulos, niin se

325
00:18:24,930 --> 00:18:27,320
täyttää täyden valikoiman kysyt.

326
00:18:27,320 --> 00:18:32,910
Joten tässä tapauksessa, jos annamme sen yhden,
se tulee kartta, että ulos päin 20.

327
00:18:32,910 --> 00:18:37,750
Ja jos annamme sen 200, se on
menossa kartta että 600.

328
00:18:37,750 --> 00:18:40,460
Ja jossain välissä,
jos saamme 100, se on

329
00:18:40,460 --> 00:18:44,610
olemaan jonnekin
välillä 20 ja 600.

330
00:18:44,610 --> 00:18:51,480
>> Ja tietenkin, nyt tämä on mitä
Meidän täytyy poistaa ne koodattu

331
00:18:51,480 --> 00:18:53,402
asiat meillä on oikeassa.

332
00:18:53,402 --> 00:18:55,950
Joten mitä haluamme tehdä, on
ottaa tietoja, että olemme

333
00:18:55,950 --> 00:19:00,950
annettu, että yksittäiset tiedot
elementti, ja siirtää sen mittakaavassa ensin.

334
00:19:00,950 --> 00:19:02,635
Joten mittakaavassa skaalaa sen.

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

336
00:19:27,020 --> 00:19:48,880
>> Well-- Voi, meillä on pieni virhe täällä.

337
00:19:48,880 --> 00:19:50,120
Olemme puuttuvia tietoja.

338
00:19:50,120 --> 00:19:51,290
Siellä mennään.

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

340
00:19:58,550 --> 00:19:59,550
Ja joka laajenee sitä.

341
00:19:59,550 --> 00:20:01,383
>> Tämä antaa meille saman
Tuloksena meillä oli ennen,

342
00:20:01,383 --> 00:20:04,030
mutta sen sijaan, että nämä
koodattu rajoitteet.

343
00:20:04,030 --> 00:20:07,790
Ja jos koko meidän
kangas muutoksia, esimerkiksi

344
00:20:07,790 --> 00:20:11,790
jos haluamme saada tämän yli
400 pikseliä ja se squishes ulos,

345
00:20:11,790 --> 00:20:15,440
meillä voi olla se over--
voimme laajentaa sitä tai emme

346
00:20:15,440 --> 00:20:21,890
voi vähentää tätä vasemmaksi marginaaliksi
jotain vähemmän tai enemmän kuin 20.

347
00:20:21,890 --> 00:20:25,470
Nämä luvut, nämä koodattu
numerot nyt järkeä meille.

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

349
00:20:28,110 --> 00:20:30,520
>> Ja voisimme tehdä paljon enemmän
mielenkiintoisia asioita samoin.

350
00:20:30,520 --> 00:20:35,990
Joten sen sijaan, että lineaarinen
mittakaavassa, saatamme haluta kirjautua mittakaavassa.

351
00:20:35,990 --> 00:20:37,840
Ja joka antaa meille log mittakaavassa.

352
00:20:37,840 --> 00:20:41,269
>> Joten nyt meidän mittakaavassa, sen sijaan,
vain laajeneva, että alue,

353
00:20:41,269 --> 00:20:42,810
se tekee kehittyneempiä asioita.

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

355
00:20:48,790 --> 00:20:53,790
Sen sijaan, että tämä alue kovaa
koodattu, ja sen sijaan, että 600,

356
00:20:53,790 --> 00:20:58,465
saatamme haluta vain käyttää leveys,
joten 20 leveys miinus 40,

357
00:20:58,465 --> 00:21:02,392
2 kertaa marginaali toisella puolella.

358
00:21:02,392 --> 00:21:05,350
Ja tämä tekee paljon enemmän järkeä
joku voisi katsoa koodia.

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

360
00:21:08,080 --> 00:21:11,850
>> Mielenkiintoista, asteikot saada
erittäin hienostunut samoin.

361
00:21:11,850 --> 00:21:13,350
He tekevät paljon mielenkiintoisia asioita.

362
00:21:13,350 --> 00:21:17,620
Joten vaaka ei välttämättä ole
toimimaan vain numeroita.

363
00:21:17,620 --> 00:21:18,955
Tehdään väriskaala.

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

365
00:21:23,120 --> 00:21:26,120
>> Joten valikoimaamme voisi be--
domain on 1-200.

366
00:21:26,120 --> 00:21:28,220
Se tulo asia.

367
00:21:28,220 --> 00:21:33,793
Mutta me haluta karttaa
vihreästä punaiseksi, esimerkiksi.

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

369
00:21:39,710 --> 00:21:42,910
Ja nyt, jos me sitä tule 1,
aiomme saada vihreitä.

370
00:21:42,910 --> 00:21:45,110
Jos annamme sen 200, saamme punainen.

371
00:21:45,110 --> 00:21:49,480
Ja jos me sitä tule jotain siltä väliltä,
se tulee olemaan joitakin sekoitus, että

372
00:21:49,480 --> 00:21:52,520
jonnekin kaltevuus
vihreän ja punaisen välillä.

373
00:21:52,520 --> 00:21:55,210
>> Ja sen sijaan,
tällainen kömpelöitä logiikka

374
00:21:55,210 --> 00:21:58,550
meillä täällä
ehdollinen oikeassa,

375
00:21:58,550 --> 00:22:03,250
meillä voisi olla something--
lineaarisen asteikon näiden.

376
00:22:03,250 --> 00:22:07,100
Joten olimme käyttää mittakaavassa me vain
luotu, jota kutsutaan väri.

377
00:22:07,100 --> 00:22:09,060
Ja me Antaisin sen d, joka
on meidän tieto.

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

379
00:22:14,250 --> 00:22:15,060
Ja siellä mennään.

380
00:22:15,060 --> 00:22:18,070
Meillä on väriskaala.

381
00:22:18,070 --> 00:22:18,940
>> Joten tämä on kartoitus.

382
00:22:18,940 --> 00:22:20,960
Tähän äärivasemmisto on täysin vihreä.

383
00:22:20,960 --> 00:22:22,560
Äärimmäisenä oikealla on täysin punainen.

384
00:22:22,560 --> 00:22:24,828
Ja kaikkea siltä väliltä
on funktio d.

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

386
00:22:33,369 --> 00:22:35,160
Meillä on mielenkiintoinen
visualisointeja täällä.

387
00:22:35,160 --> 00:22:36,952
Mutta meidän data oli sellainen tylsä.

388
00:22:36,952 --> 00:22:39,410
Katsotaanpa, mitä voisimme tehdä, jos
meillä oli muita kiinnostavia tietoja.

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

390
00:22:44,420 --> 00:22:50,500
>> Laki IV, kanssa
Data-- ensimmäinen asia

391
00:22:50,500 --> 00:22:53,560
me haluamme tehdä, jotta meidän
visualisointi mielenkiintoisempaa

392
00:22:53,560 --> 00:22:56,140
on siirtää tietoja jossain muualla.

393
00:22:56,140 --> 00:22:58,310
On hyvin kömpelöitä saada
data koodattu täällä.

394
00:22:58,310 --> 00:23:01,220
Ja yleensä, me olla kysyä
joku muu datalle.

395
00:23:01,220 --> 00:23:05,400
Tulemme ehkä kysyy hallitus,
Census Bureau, mitä tietosi

396
00:23:05,400 --> 00:23:10,170
ja sitten piirtämistä että tai kysymällä
jotkin kolmannen osapuolen yksikkö joitakin tietoja

397
00:23:10,170 --> 00:23:13,330
ja sitten rakentaa
visualisointi siitä.

398
00:23:13,330 --> 00:23:17,170
>> Joten ensimmäinen asia haluamme tehdä
on siirtyä että muualla.

399
00:23:17,170 --> 00:23:24,130
Joten aion luoda
tiedosto täällä kutsutaan data.json.

400
00:23:24,130 --> 00:23:25,600
JSON on tiedostoformaatti.

401
00:23:25,600 --> 00:23:29,210
Sinun ei tarvitse tietää paljon siitä.

402
00:23:29,210 --> 00:23:33,210
Ja me kopioida
vähän tietoa meillä on siellä,

403
00:23:33,210 --> 00:23:40,330
liitä se siellä sanatarkasti, mene
takaisin meidän visualisointi koodi

404
00:23:40,330 --> 00:23:45,362
täällä, ja käyttää tätä toimintoa täällä.

405
00:23:45,362 --> 00:23:46,820
Sinun ei tarvitse tietää yksityiskohtia.

406
00:23:46,820 --> 00:23:49,800
Mutta mitä tämä tekee on,
se löytää tiedoston,

407
00:23:49,800 --> 00:23:51,780
noutamaan sen ja palauttaa sen meille.

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

409
00:24:11,660 --> 00:24:15,220
Joten mitä tämä tekee on, se menee
ja saada data.json tiedosto.

410
00:24:15,220 --> 00:24:18,570
Ja sitten kaikki koodi, joka on
sisennetty inside-- olennaisesti,

411
00:24:18,570 --> 00:24:21,800
kaikki koodi olemme there-- tulee
ajaa vain uusista tiedot takaisin.

412
00:24:21,800 --> 00:24:25,760
Ja sitten se tulee suorittaa, että
koodia tiedot meillä on.

413
00:24:25,760 --> 00:24:28,870
Hienoa, meillä on
visualisointi, että kyselyt

414
00:24:28,870 --> 00:24:31,390
joillekin koodin jonnekin
muu, joka on yleensä

415
00:24:31,390 --> 00:24:36,110
jossa se pohtii joitakin tietoja
muualla, joka on yleensä

416
00:24:36,110 --> 00:24:38,656
kuinka visualisoinnit toimivat.

417
00:24:38,656 --> 00:24:41,400
>> Mutta en halua mennä takaisin tiedot.

418
00:24:41,400 --> 00:24:48,030
Joten tiedot perusteellisesti D3-- D3
kuluttaa tietoja, jotka on lista asioista.

419
00:24:48,030 --> 00:24:53,000
D3 odottaa tietoja vain olla lista
asioita, joukko asioita.

420
00:24:53,000 --> 00:24:58,780
Sillä ei ole väliä, mitä nämä asiat
ovat, niin kauan kuin se on joukko niitä.

421
00:24:58,780 --> 00:25:02,460
>> Joten tässä, esimerkiksi Voisimme
Tietenkin ovat liukuluvuiksi.

422
00:25:02,460 --> 00:25:04,830
Meillä voisi olla negatiivisia.

423
00:25:04,830 --> 00:25:09,400
D3 ei välitä, niin kauan
koska se on lista asioista.

424
00:25:09,400 --> 00:25:13,270
>> Kuten mielenkiintoisia asioita meidän
voisi olla, voisimme myös

425
00:25:13,270 --> 00:25:19,410
on merkkijonolista niin.

426
00:25:19,410 --> 00:25:25,440
Nämä ovat siis Crimson otsikoissa
Otin pari päivää sitten.

427
00:25:25,440 --> 00:25:29,220
Ja ehkä voit löytää mielenkiintoisia
asioita nämä otsikot.

428
00:25:29,220 --> 00:25:30,970
>> Joten jälleen, tämä on lista asioista.

429
00:25:30,970 --> 00:25:32,360
D3 ei välitä.

430
00:25:32,360 --> 00:25:35,572
Nämä sattuvat olemaan merkkijono.

431
00:25:35,572 --> 00:25:36,530
Olemme muuttaneet tietoja.

432
00:25:36,530 --> 00:25:38,210
>> Palataan meidän visualisointi.

433
00:25:38,210 --> 00:25:42,495
Nyt meidän visualisointi odottaa
tulo olla numeroita.

434
00:25:42,495 --> 00:25:44,370
Joten aiomme olla
tehdä muutamia muutoksia.

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

436
00:25:47,180 --> 00:25:52,180
Joten esimerkiksi, ensinnäkin, ehkä
haluamme laittaa näissä piireissä pitkin

437
00:25:52,180 --> 00:25:56,870
pituudella otsikko,
merkkien määrä otsikossa.

438
00:25:56,870 --> 00:26:03,600
>> Joten mitä me teemme is-- aina meidän
toimintoa kutsutaan narulla,

439
00:26:03,600 --> 00:26:09,095
me löydämme sen pituus ja
Sitten tapahtui, että mittakaavassa.

440
00:26:09,095 --> 00:26:11,550
Väri, palaan
että teräksen sininen.

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

442
00:26:19,060 --> 00:26:20,420
Ja siellä mennään.

443
00:26:20,420 --> 00:26:23,190
Meillä visualisointi
Crimson otsikoihin.

444
00:26:23,190 --> 00:26:25,500
>> Meidän mittakaavassa on vähän pois.

445
00:26:25,500 --> 00:26:29,680
Oletetaan, että pisin
Otsikko on 100 merkkiä pitkä,

446
00:26:29,680 --> 00:26:32,244
niin span että ulos vähän.

447
00:26:32,244 --> 00:26:33,410
Ja meillä on visualisointi.

448
00:26:33,410 --> 00:26:36,710
Näyttää siis siltä, ​​että useimmat otsikoihin
ovat melko lähellä toisiaan,

449
00:26:36,710 --> 00:26:38,750
kannalta valoreunalla.

450
00:26:38,750 --> 00:26:41,200
Mutta yksi on todella erottuu.

451
00:26:41,200 --> 00:26:46,660
>> Voisimme rakentaa joitakin työkaluja
tutkia, että enemmän.

452
00:26:46,660 --> 00:26:50,710
Mutta kun olin työskennellyt tämän, olin
utelias onko tässä tietokokonaisuus,

453
00:26:50,710 --> 00:26:53,880
otsikoissa kaksoispisteellä
niihin olisi pidempi.

454
00:26:53,880 --> 00:26:55,770
Olen olettaa he tahtoivat.

455
00:26:55,770 --> 00:26:56,660
>> Joten selville.

456
00:26:56,660 --> 00:27:00,650
Katsotaanpa käyttää värin
kanava kuten teimme ennen,

457
00:27:00,650 --> 00:27:04,540
koodaamaan joitakin siitä
siellä kaksoispiste tai ei.

458
00:27:04,540 --> 00:27:07,220
Joten käytämme ehdollista uudelleen.

459
00:27:07,220 --> 00:27:09,350
Sinun ei tarvitse tietää
yksityiskohdat,

460
00:27:09,350 --> 00:27:14,260
mutta tämä on miten voimme tarkistaa
merkkijono erityistä luonnetta

461
00:27:14,260 --> 00:27:16,355
JavaScript, jälleen, ei ole merkitystä.

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

463
00:27:18,910 --> 00:27:23,270
>> Mutta jos emme löydä
paksusuoli, palaamme vihreä.

464
00:27:23,270 --> 00:27:26,100
Ja jos teemme, me palaamme punainen.

465
00:27:26,100 --> 00:27:29,010
Joten jälleen, otsikoita, jotka
ovat kaksoispiste on punainen.

466
00:27:29,010 --> 00:27:34,980
Tämä on mitä tämä means-- mukavaa.

467
00:27:34,980 --> 00:27:38,040
>> Näyttää siis siltä, ​​että minun
hypoteesi tönäistään.

468
00:27:38,040 --> 00:27:39,360
On vain kaksi.

469
00:27:39,360 --> 00:27:42,380
Meillä on vain kuusi mittauspisteiden
ja vain kaksi oli kaksoispistettä.

470
00:27:42,380 --> 00:27:45,510
Mutta se tuntuu vähän enemmän
alapäähän, itse asiassa.

471
00:27:45,510 --> 00:27:47,830
Otsikot kaksoispisteellä näyttää
yleisesti lyhyempi,

472
00:27:47,830 --> 00:27:52,370
ainakin meidän tietojen set-- mielenkiintoinen.

473
00:27:52,370 --> 00:27:55,830
>> Palataan että
teräksen sininen ja katso sitten

474
00:27:55,830 --> 00:28:00,601
mitä voimme tehdä vieläkin
muita kiinnostavia tietoja.

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

476
00:28:04,370 --> 00:28:09,070
Joten jälleen, mainitsin että
datan D3 on lista asioista.

477
00:28:09,070 --> 00:28:11,080
Olemme nähneet numerot monenlaisia.

478
00:28:11,080 --> 00:28:12,810
Olemme nähneet jouset.

479
00:28:12,810 --> 00:28:15,700
Mutta asiat voivat olla myös esineitä.

480
00:28:15,700 --> 00:28:20,080
>> Ne voivat olla monimutkaisia ​​asioita
jotka sisältävät paljon asioita.

481
00:28:20,080 --> 00:28:24,510
Sanoa, että selvemmin,
useimmissa tapauksissa, me

482
00:28:24,510 --> 00:28:28,384
haluavat rakentaa jokainen tietojen pisteen
monimutkaisempi kuin vain yksi arvo.

483
00:28:28,384 --> 00:28:30,175
Jos kuvitella
tietokanta opiskelijoita,

484
00:28:30,175 --> 00:28:32,470
saattaa olla opiskelija
nimi, opiskelijanumero,

485
00:28:32,470 --> 00:28:36,370
ja paljon asioita jotka liittyvät
tiettyyn ennätys,

486
00:28:36,370 --> 00:28:39,834
ei vain merkkijono tai numero.

487
00:28:39,834 --> 00:28:40,750
Joten katsokaamme että.

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

489
00:28:55,180 --> 00:28:56,760
>> Tämä on yksi näiden tietojen asetettu.

490
00:28:56,760 --> 00:28:59,090
Tämä on tietokokonaisuus maanjäristyksistä.

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

492
00:29:01,910 --> 00:29:08,430
Joten kaikki täällä listallamme tai joukko
asioita sisältää monia asioita itse.

493
00:29:08,430 --> 00:29:11,380
Joten jokainen datapiste on
suuruus ja koordinoida.

494
00:29:11,380 --> 00:29:13,425
Ja koordinoi itse
sisältävät kaksi asiaa.

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

496
00:29:15,960 --> 00:29:20,450
>> Joten joka päivä on nyt paljon enemmän
monimutkainen ja paljon mielenkiintoisempi

497
00:29:20,450 --> 00:29:22,700
ja sisältää paljon enemmän
mielenkiintoista tietoa.

498
00:29:22,700 --> 00:29:26,730
Katsotaanpa voisimme rakentaa pois siitä.

499
00:29:26,730 --> 00:29:36,130
Palataan takaisin tänne, uudelleen, käyttäen
meidän histogrammi ympyrä visualisointi

500
00:29:36,130 --> 00:29:42,110
olemme rakentaneet, katsotaanpa jos voimme rakentaa
visualisointi suuruus jakelu

501
00:29:42,110 --> 00:29:43,305
meidän tietokokonaisuus.

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

503
00:29:45,850 --> 00:29:48,660
>> Joten tässä, se on sama käsite.

504
00:29:48,660 --> 00:29:51,920
Mutta nyt, d sisältää enemmän asioita.

505
00:29:51,920 --> 00:29:54,780
d sisältää monia tietoelementit.

506
00:29:54,780 --> 00:29:57,946
Joten saamme vrk takaisin.

507
00:29:57,946 --> 00:29:59,670
D3 antaa meille d.

508
00:29:59,670 --> 00:30:06,080
Ja me vastaamme etsimällä suuruus
d ja sitten ohimennen, että mittakaavassa.

509
00:30:06,080 --> 00:30:08,490
>> Ja sitten meidän täytyy muuttaa
meidän mittakaavassa tietenkin.

510
00:30:08,490 --> 00:30:12,980
Joten suuruudet eivät yksinkertaisesti
mennä paljon enemmän kuin 10.

511
00:30:12,980 --> 00:30:15,485
Oikeastaan ​​koskaan ollut
10 richterin maanjäristys.

512
00:30:15,485 --> 00:30:19,360
Mutta se on tavallaan meidän ylemmän
Lopulta meidän ylempi spektrissä.

513
00:30:19,360 --> 00:30:20,240
>> Katsotaanpa virkistää.

514
00:30:20,240 --> 00:30:22,990
Nizza, meillä visualisointi.

515
00:30:22,990 --> 00:30:25,490
On mielenkiintoista note-- niin
kaksi datapisteiden

516
00:30:25,490 --> 00:30:29,010
ovat lähes täsmälleen päällekkäin
muut, mitä suuruusluokkaa.

517
00:30:29,010 --> 00:30:31,350
Näet tämän peittävyyttä käytämme.

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

519
00:30:40,810 --> 00:30:42,690
>> Meillä on maantieteellisiä tietoja nyt.

520
00:30:42,690 --> 00:30:44,710
Meillä on leveysasteilla ja pituutta.

521
00:30:44,710 --> 00:30:47,549
Ehkä voisimme tehdä jotain
paljon mielenkiintoisempaa kanssa.

522
00:30:47,549 --> 00:30:49,590
Etsitään lisää
mielenkiintoinen tapa visualisoida

523
00:30:49,590 --> 00:30:53,500
Tämän monimutkaisempi
tiedot meillä on pääsy.

524
00:30:53,500 --> 00:31:04,950
>> Laki V Mapping-- pohjimmiltaan
haluamme laittaa nämä kartalla.

525
00:31:04,950 --> 00:31:07,690
Tarkoitan, tämä on, jos tämä on menossa.

526
00:31:07,690 --> 00:31:13,130
Haluamme koodata tietoa
asema näistä maanjäristys lukemat,

527
00:31:13,130 --> 00:31:16,350
sekä niiden suuruus,
koska meillä on nyt.

528
00:31:16,350 --> 00:31:21,310
Ymmärrämme, miten kuluttaa
monimutkaisempi tietoja.

529
00:31:21,310 --> 00:31:26,200
>> Ensimmäinen asia teemme on
luoda kartta, tausta kartta.

530
00:31:26,200 --> 00:31:29,360
Aion käydä läpi
tämän hyvin nopeasti.

531
00:31:29,360 --> 00:31:30,560
Tämä on hankala koodi.

532
00:31:30,560 --> 00:31:33,110
Se on toinen niistä
reseptejä et todellakaan

533
00:31:33,110 --> 00:31:35,690
täytyy ymmärtää täysin voit käyttää.

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

535
00:31:38,510 --> 00:31:39,740
Mutta tämä on koodi.

536
00:31:39,740 --> 00:31:43,580
Tämä koodi täällä luo kartan.

537
00:31:43,580 --> 00:31:45,730
>> Emme aio mennä yksityiskohtiin.

538
00:31:45,730 --> 00:31:54,210
Mutta pintapuolisesti, mitä se tekee on,
se pohtii tätä us.json tiedosto, joka

539
00:31:54,210 --> 00:31:57,150
on tiedosto, kuten
yksi meillä oli ennen.

540
00:31:57,150 --> 00:31:59,150
Se on monimutkaisempi, tietenkin.

541
00:31:59,150 --> 00:32:02,920
Mutta tässä tapauksessa, kaikki,
jokainen mittauspiste on tässä tilassa

542
00:32:02,920 --> 00:32:05,420
ja on luettelo
leveysasteilla ja pituusaste

543
00:32:05,420 --> 00:32:10,500
jotka määrittelevät monikulmio,
lomaketta, että valtio.

544
00:32:10,500 --> 00:32:13,280
>> Joten mitä D3 tekee on samanlainen
mitä teimme ennen.

545
00:32:13,280 --> 00:32:18,140
Se pyytää ja
sitoutuvat että elementti.

546
00:32:18,140 --> 00:32:20,890
Ja siellä on toiminto, joka
kartoittaa että elementti pois,

547
00:32:20,890 --> 00:32:23,410
perustuvat leveysasteilla ja pituutta.

548
00:32:23,410 --> 00:32:24,580
Voit lukea siitä lisää.

549
00:32:24,580 --> 00:32:27,385
Ja minä suosittelen sitä.

550
00:32:27,385 --> 00:32:30,090
>> On linkkejä
loppuun tämän koodin lähetetty.

551
00:32:30,090 --> 00:32:31,570
Ja koodi on kommentoitu.

552
00:32:31,570 --> 00:32:34,050
Siellä on linkkejä edelleen tästä.

553
00:32:34,050 --> 00:32:36,590
Suosittelen teille etsiä se.

554
00:32:36,590 --> 00:32:39,460
Mutta mitä me välitämme on
Tämä projektio toimintoa.

555
00:32:39,460 --> 00:32:41,210
Haluan mennä läpi.

556
00:32:41,210 --> 00:32:43,522
>> Ensinnäkin, haluan näyttää
teille, että kyllä, meillä on kartta.

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

558
00:32:47,300 --> 00:32:49,970
Kartat ovat viileitä.

559
00:32:49,970 --> 00:32:52,330
Joten katso tätä
tuotantofunktio.

560
00:32:52,330 --> 00:32:56,481
>> Projektio on hyvin paljon
kuten mittakaavassa, skaalaa uudelleen.

561
00:32:56,481 --> 00:32:59,210
Joten mitä tuotanto
tämä ennuste toiminto

562
00:32:59,210 --> 00:33:06,610
ei on, voisimme siirtää sen pituusaste
ja latitudes-- tässä tapauksessa,

563
00:33:06,610 --> 00:33:09,590
nämä arvot täällä ovat
lat-pitkät rakennuksen

564
00:33:09,590 --> 00:33:13,990
olemme istuu oikealla
now-- on projektio.

565
00:33:13,990 --> 00:33:20,560
Ja projektio muuntaa
että otetaan x ja y pikselin arvot.

566
00:33:20,560 --> 00:33:23,300
>> Joten mitä projektio tekee
on hyvin samanlainen kuin meidän mittakaavassa.

567
00:33:23,300 --> 00:33:27,270
Se kun meidän leveysasteilla ja
pituusaste, joka edustaa koko maailmaa

568
00:33:27,270 --> 00:33:31,390
ja kutistuu ja mitoitus että
alas aukiolle, että haluamme,

569
00:33:31,390 --> 00:33:33,510
että olemme antaneet sen.

570
00:33:33,510 --> 00:33:35,220
Tässä tapauksessa olemme
kulkee näitä arvoja.

571
00:33:35,220 --> 00:33:41,370
Ja se antaa meille hyvin, että
näytön tarkoittaa 640 pikseliä.

572
00:33:41,370 --> 00:33:46,250
Tämä koko näyttö on 700 pikseliä
leveä, niin että tekee meille täällä,

573
00:33:46,250 --> 00:33:53,310
ja 154 pikseliä alas, mitä en
Arvio on melko paljon täällä.

574
00:33:53,310 --> 00:33:57,250
>> Joten kun ne Lat-pitkät, mikä
edustavat jotain koko maailmaa

575
00:33:57,250 --> 00:34:02,850
ja squishing ja liikkuvat, että noin
antaa meille x ja y pikselin arvot,

576
00:34:02,850 --> 00:34:05,450
tämä on ensimmäinen asia, joka on
tehdään tällä kartoituskoodi.

577
00:34:05,450 --> 00:34:07,920
Ja sitten loput
koodi kuluttaa tiedot

578
00:34:07,920 --> 00:34:14,310
ja sitten kartat ne lat-pitkät
päälle jotain näytölle.

579
00:34:14,310 --> 00:34:18,380
>> Mutta emme aio käyttää projektio
toimintoja, koska se kääntyy pois

580
00:34:18,380 --> 00:34:20,270
meillä lat-pitkät pitkät samoin.

581
00:34:20,270 --> 00:34:24,509
Katse takaisin meidän tiedot, meillä on
leveysasteilla ja pituuskoordinaattien

582
00:34:24,509 --> 00:34:25,425
jokaista havainto.

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

584
00:34:28,131 --> 00:34:29,130
Joten käytä projektio.

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

586
00:34:33,250 --> 00:34:37,639
>> Joten etsit meidän näyttely,
haluamme exposition--

587
00:34:37,639 --> 00:34:39,590
meillä on leveyttä ja pituutta.

588
00:34:39,590 --> 00:34:40,770
Mutta haluamme pikselin arvoja.

589
00:34:40,770 --> 00:34:43,510
Ja se kääntyy pois, meillä on täsmälleen
mitä me want-- projektio.

590
00:34:43,510 --> 00:34:46,239
Erittäin paljon kuin olisimme
käyttäen mittakaavassa täällä,

591
00:34:46,239 --> 00:34:52,075
olemme nyt aio käyttää projektio
ja siirtää se koordinoi.

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

593
00:34:55,241 --> 00:34:56,949
Joten ensimmäinen asia
olemme doing-- joten olemme

594
00:34:56,949 --> 00:35:01,520
saada d, joka on yksittäisiä tietoja
osa yksilön maanjäristys

595
00:35:01,520 --> 00:35:02,370
käsittelyssä.

596
00:35:02,370 --> 00:35:04,640
Ensimmäinen asia mitä teemme
on saada koordinaatit.

597
00:35:04,640 --> 00:35:06,150
Okei, meillä on koordinaatit.

598
00:35:06,150 --> 00:35:09,160
>> Toinen asia mitä teemme on
välitettävä edelleen projektio.

599
00:35:09,160 --> 00:35:13,440
Projection muuntaa ne koordinaatit
otetaan pikseliarvot, x ja y.

600
00:35:13,440 --> 00:35:16,680
Ja sitten viimeinen asia,
haluavat tehdä, on vain saada x,

601
00:35:16,680 --> 00:35:19,342
joka tässä tapauksessa on ensimmäinen.

602
00:35:19,342 --> 00:35:22,050
Se on ensimmäinen kahdesta asiaa
palautustuotteita projektio.

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

604
00:35:27,840 --> 00:35:29,630
>> Teemme sama y.

605
00:35:29,630 --> 00:35:34,960
Mutta sen sijaan, palaamme
toinen elementti, y.

606
00:35:34,960 --> 00:35:35,980
Hanki valmis virkistää.

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

608
00:35:39,830 --> 00:35:46,450
Ooh, extra merkki
here-- kiva, meillä on

609
00:35:46,450 --> 00:35:51,730
tietojen ajaa asiakirja, joka on
salaaminen tämä JSON-tiedoston esineitä,

610
00:35:51,730 --> 00:35:57,560
tehdä kartta, ja muuttuvat
Yhdistän suhteessa tietoihin

611
00:35:57,560 --> 00:35:59,600
hankkeen se kartalla.

612
00:35:59,600 --> 00:36:00,840
Tämä on todella mielenkiintoinen.

613
00:36:00,840 --> 00:36:03,770
Tämä on viileä.

614
00:36:03,770 --> 00:36:05,640
>> Otetaanpa sitä lovi.

615
00:36:05,640 --> 00:36:08,795
Tarkoitan, meillä on kaksi kappaletta
tiedot jokaisen datapisteen.

616
00:36:08,795 --> 00:36:10,000
Tarkoitan, kolme.

617
00:36:10,000 --> 00:36:12,540
Meillä on koordinaatit,
joka on x ja y.

618
00:36:12,540 --> 00:36:15,700
Ja meillä on suuruusluokkaa.

619
00:36:15,700 --> 00:36:17,420
>> Meidän koodata suuruus jotenkin.

620
00:36:17,420 --> 00:36:18,920
Meillä on paljon kanavia.

621
00:36:18,920 --> 00:36:20,370
Voimme käyttää värejä.

622
00:36:20,370 --> 00:36:21,890
Voimme käyttää säteellä.

623
00:36:21,890 --> 00:36:23,040
Voisimme käyttää peittävyyttä.

624
00:36:23,040 --> 00:36:25,540
Voisimme käyttää monia asioita koodia.

625
00:36:25,540 --> 00:36:29,180
Mikä tahansa näistä ominaisuuksista ja monet
muuta, joita ei ole mainittu siellä,

626
00:36:29,180 --> 00:36:33,065
koska he valinnainen, voisimme
käyttää koodaamaan tätä tietoa, aivohalvaus

627
00:36:33,065 --> 00:36:35,670
ja kaikki nämä asiat olen maininnut.

628
00:36:35,670 --> 00:36:36,690
>> Tehdäänpä säteellä.

629
00:36:36,690 --> 00:36:38,830
Mielestäni säde on kaikkein intuitiivinen.

630
00:36:38,830 --> 00:36:46,210
Joten jälleen, me korvata kovakoodatuilla
40 ja tehdä joitakin laskelmia.

631
00:36:46,210 --> 00:36:48,810
Käytämme meidän suosikki mittakaavassa uudelleen.

632
00:36:48,810 --> 00:36:50,290
Ja me olemme viimeisen d.

633
00:36:50,290 --> 00:36:55,850
Mutta ei vrk, koska haluamme suuruus
d. d on vain tietojen piste.

634
00:36:55,850 --> 00:36:57,430
Me siirtää suuruus mittakaavassa.

635
00:36:57,430 --> 00:36:58,470
>> Kokeillaan, että uudelleen.

636
00:36:58,470 --> 00:37:00,230
Ooh, se ei toimi.

637
00:37:00,230 --> 00:37:02,940
Miksi se ei toimi?

638
00:37:02,940 --> 00:37:04,387
>> Joten muista mitä mittakaavassa tekee.

639
00:37:04,387 --> 00:37:05,470
Katsotaanpa mittakaavassa uudelleen.

640
00:37:05,470 --> 00:37:10,800
Scale karttoja 1-10 koskevat
on 22-600, enemmän tai vähemmän.

641
00:37:10,800 --> 00:37:12,030
600 on valtava.

642
00:37:12,030 --> 00:37:14,730
Siksi emme saa tätä.

643
00:37:14,730 --> 00:37:18,420
>> Joten haluamme muuttaa asteikon
jotain järkevämpää.

644
00:37:18,420 --> 00:37:22,610
Sanotaan, haluamme 0-60.

645
00:37:22,610 --> 00:37:25,340
60 on iso, mutta 10 maanjäristykset
ovat uskomattoman harvinaisia.

646
00:37:25,340 --> 00:37:27,880
Itse asiassa he eivät ole koskaan tapahtunut.

647
00:37:27,880 --> 00:37:31,830
>> Joten mitä tämä tekee on, otan
meidän suuruus että menee 1-10

648
00:37:31,830 --> 00:37:34,490
ja kartta se laajentaa sitä.

649
00:37:34,490 --> 00:37:37,370
Ja kartta sen edelleen 0-60.

650
00:37:37,370 --> 00:37:38,840
Katsotaanpa virkistää.

651
00:37:38,840 --> 00:37:41,850
>> Nizza, meillä visualisointi.

652
00:37:41,850 --> 00:37:42,500
Tämä on suuri.

653
00:37:42,500 --> 00:37:43,736
Tämä on todellinen tieto.

654
00:37:43,736 --> 00:37:46,360
Huomaat, minun pikku lelu
Esimerkiksi suurin maanjäristys

655
00:37:46,360 --> 00:37:49,417
on oikeus päälle meitä.

656
00:37:49,417 --> 00:37:50,000
Mutta se siitä.

657
00:37:50,000 --> 00:37:54,422
Meillä päivämäärä ajettu visualisointi
joka kuluttaa tiedot

658
00:37:54,422 --> 00:37:56,255
ja antaa meille todella
mielenkiintoista tietoa.

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

660
00:38:02,600 --> 00:38:06,420
Joo, nyt lisätä joitakin
interaktiivisuutta sitä.

661
00:38:06,420 --> 00:38:08,675
Mainitsin, että oli
vahva voima D3.

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

663
00:38:11,490 --> 00:38:15,060
>> Joten tässä, jokainen elementti, olemme
kuvataan joukko ominaisuuksia.

664
00:38:15,060 --> 00:38:20,230
Mutta voimme myös kuvata, mitä haluamme
tapahtumaan vuorovaikutteisuutta elementtejä.

665
00:38:20,230 --> 00:38:26,190
Esimerkiksi voisimme kuvata
mitä tapahtuu, kun hiiri.

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

667
00:38:28,740 --> 00:38:33,640
Ja hyvin samankaltaisia, että
että otan toiminto,

668
00:38:33,640 --> 00:38:36,700
hyvin samankaltainen
attribuutteja meillä oli ennen,

669
00:38:36,700 --> 00:38:44,650
jos teemme jotain
elementti kun viet sen yli.

670
00:38:44,650 --> 00:38:47,100
>> Joten ensimmäinen asia, meidän
vain valita, että elementti,

671
00:38:47,100 --> 00:38:49,435
löytää se periaatteessa, selaimen.

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

673
00:38:57,090 --> 00:39:00,920
ja sitten voisimme asettaa
määrite sille.

674
00:39:00,920 --> 00:39:06,870
Joten mitä teen täällä on, kun me leijua
yli jotain, saamme, että elementti

675
00:39:06,870 --> 00:39:11,197
ja sitten asettaa sen peittävyyden takaisin
1, täysin läpinäkymätön.

676
00:39:11,197 --> 00:39:12,488
Katsotaan, mitä se näyttää.

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

678
00:39:29,430 --> 00:39:39,080
>> Se näyttää meillä
extra puolipiste täällä.

679
00:39:39,080 --> 00:39:42,420
Joten jos me hääriä täällä, se saa kokonaisuudessaan.

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

681
00:39:46,530 --> 00:39:48,960
Mutta nyt, tietenkin, se
pysyy täynnä, koska meillä

682
00:39:48,960 --> 00:39:53,240
on kuvata, mitä tapahtuu
kun poistaa meidän kursori.

683
00:39:53,240 --> 00:39:59,990
Tehdäänpä juuri että
mouseout, toisin kuin mouseover.

684
00:39:59,990 --> 00:40:06,399
>> Ja me palauta se
mitä meillä oli before-- 0,5.

685
00:40:06,399 --> 00:40:10,260
Ja nyt, joka kerta
hover, saamme täyden ympyrän.

686
00:40:10,260 --> 00:40:13,468
Se auttaa meitä näkemään, mitä me
me valitsemalla olennaisesti.

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

688
00:40:19,210 --> 00:40:22,860
>> Ja nyt tehkäämme tästä todella suuri.

689
00:40:22,860 --> 00:40:26,210
Katsotaanpa liitä tämä todellisia tietoja.

690
00:40:26,210 --> 00:40:30,890
Joten kysy voisi
USGS noin tietonsa.

691
00:40:30,890 --> 00:40:35,630
Joten US Geological Survey
on tietoa maanjäristyksistä.

692
00:40:35,630 --> 00:40:41,460
Heillä on julkinen API, joka on voinut
kulutettavaksi JSON-muodossa.

693
00:40:41,460 --> 00:40:42,548
Tehdäänpä että.

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

695
00:40:49,730 --> 00:40:55,900
>> Joten tämä on vähän koodia, joka
yhteyden USGS API.

696
00:40:55,900 --> 00:40:57,990
Ja siellä on vähän käsittelyä sitä.

697
00:40:57,990 --> 00:41:02,200
Tämä ei ole merkitystä, mutta yksinkertaistetaan sitä
yksinkertainen data-muodossa, kuten yksi

698
00:41:02,200 --> 00:41:03,800
meillä oli ennen.

699
00:41:03,800 --> 00:41:08,140
Joten pääsen eroon kehotuksemme
Meidän fake data.json tiedosto.

700
00:41:08,140 --> 00:41:13,110
Ja sen sijaan, soitan
USGS olennaisesti.

701
00:41:13,110 --> 00:41:16,700
>> Katsotaanpa virkistää, kiva.

702
00:41:16,700 --> 00:41:21,260
Tämä on todellinen tosielämän tiedot
alkaen tällä viikolla maanjäristykset.

703
00:41:21,260 --> 00:41:23,217
Tämä on todella mielenkiintoinen.

704
00:41:23,217 --> 00:41:25,050
Tämä ei ole yllättävää
meille, mutta on olemassa

705
00:41:25,050 --> 00:41:27,909
paljon maanjäristykset
West Coast Kaliforniassa.

706
00:41:27,909 --> 00:41:30,950
Mutta ajattelin, että se oli erittäin mielenkiintoinen
että siellä oli niin paljon maanjäristyksiä

707
00:41:30,950 --> 00:41:34,350
Alaskassa, ja ilmeisesti,
täällä keskilännessä.

708
00:41:34,350 --> 00:41:37,630
Tarkoitan, mielenkiintoinen, ja olemme hyviä.

709
00:41:37,630 --> 00:41:40,410
Se johtopäätös.

710
00:41:40,410 --> 00:41:43,760
>> Mutta pohjimmiltaan, tämä
on mitä D3 auttaa meitä.

711
00:41:43,760 --> 00:41:48,030
Se auttaa meitä ottamaan tietoja, sitoutuvat
sen elementtejä DOM,

712
00:41:48,030 --> 00:41:51,620
ja nuo seikat muuttavat
funktiona tietojen,

713
00:41:51,620 --> 00:41:54,780
on nämä määritteet, kaikki
monia ominaisuuksia elementtejä,

714
00:41:54,780 --> 00:41:57,393
kaikki olla hyödyllinen kanavien
välittää tietoa.

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

716
00:42:05,440 --> 00:42:09,290
>> D3 on uskomattoman voimakas
kirjasto ja hämmästyttävän hyvin hoidettu.

717
00:42:09,290 --> 00:42:12,260
Tämä on joitakin tehokkaita juttuja.

718
00:42:12,260 --> 00:42:15,960
Tiedot visualisointi on
uskomattoman tehokas työkalu

719
00:42:15,960 --> 00:42:21,530
kuljettamiseksi ihmisille syvä
oivalluksia, saa niiden ydin

720
00:42:21,530 --> 00:42:25,430
ja auttaa heitä ymmärtämään, vuonna
tämä syvällinen ja intuitiivinen tapa,

721
00:42:25,430 --> 00:42:29,760
miten tiedot toimii ja miten
data muuttuu elämämme.

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