FutureJS D3 Talk

15
Joanne Cheng

description

 

Transcript of FutureJS D3 Talk

Page 1: FutureJS D3 Talk

Joanne Cheng

Page 2: FutureJS D3 Talk
Page 3: FutureJS D3 Talk
Page 4: FutureJS D3 Talk
Page 5: FutureJS D3 Talk

Sometimes you need to present data differently

Page 6: FutureJS D3 Talk
Page 7: FutureJS D3 Talk

D3.js

Page 8: FutureJS D3 Talk

(open terminal)

Page 9: FutureJS D3 Talk

Benefits

• Flexible!

• Easy to style!

• Performance benefits (potentially)

Page 10: FutureJS D3 Talk

Problems

• Responsive, mobile views!

• Performance problems (potentially)

Page 11: FutureJS D3 Talk
Page 12: FutureJS D3 Talk
Page 13: FutureJS D3 Talk

Future of communication

Page 14: FutureJS D3 Talk

Future of communication

Page 15: FutureJS D3 Talk

[email protected]!!

@joannecheng

Thank you

mailto:[email protected]

D3: The Crash Course. D3: Scratching the Surface.

D3: The Crash Course. D3: Scratching the Surface.

How to Build Front-End Web Apps that Scale - FutureJS

How to Build Front-End Web Apps that Scale - FutureJS

A7a B7 B5 B6 A5 B7 A5 A6 G4 D3 B8 B3 G3 D3 A5 A3 D3 A2 D3 ...... · A2 B7 F2 A8 C2 A5 A4 C3 B8 D2 G1 D1 A2 G2 A8 D4 A5 G3 D3 A6 A3 D3 B7 A8 A3 D3 A5 D3 C1 REVIEW OF COUNTRYSIDE CONSERVATION

A7a B7 B5 B6 A5 B7 A5 A6 G4 D3 B8 B3 G3 D3 A5 A3 D3 A2 D3 ...... · A2 B7 F2 A8 C2 A5 A4 C3 B8 D2 G1 D1 A2 G2 A8 D4 A5 G3 D3 A6 A3 D3 B7 A8 A3 D3 A5 D3 C1 REVIEW OF COUNTRYSIDE CONSERVATION

From Hello World to the Interactive Web with Three.js: Workshop at FutureJS 2014

From Hello World to the Interactive Web with Three.js: Workshop at FutureJS 2014

3 m3/h - 14 GPM D3 RE 3000 D3 GL 3000 D3 RE 2 D3 GL 2 D3 ... · 3 m3/h - 14 gpm. service clientÈle customer service kundenbetreuung servizio clienti departamento clientela klantenservice

3 m3/h - 14 GPM D3 RE 3000 D3 GL 3000 D3 RE 2 D3 GL 2 D3 ... · 3 m3/h - 14 gpm. service clientÈle customer service kundenbetreuung servizio clienti departamento clientela klantenservice

Lecture1 d3

Lecture1 d3

D3 Resources. .

D3 Resources. .

D3 meetup (Backbone and D3)

D3 meetup (Backbone and D3)

Learning d3

Learning d3

D3 publication

D3 publication

SILABUS D3

SILABUS D3

A7a B7 B5 B6 A5 B7 A5 A6 G4 D3 B8 B3 G3 D3 A5 A3 D3 A2 …

A7a B7 B5 B6 A5 B7 A5 A6 G4 D3 B8 B3 G3 D3 A5 A3 D3 A2 …

SCHEMATIC DIAGRAM · schematic diagram 01 02 03 04 15 c1 d4 d3 c2a 14 c1 d4 d3 c2a 13 c1 d4 d3 c2a 12 c1 d4 d3 c2a 11 c1 d4 d3 c2a 10 c1 d4 d3 c2a 9 c1 d4 d3 c2a 8 c1 d4 d3 c2a

SCHEMATIC DIAGRAM · schematic diagram 01 02 03 04 15 c1 d4 d3 c2a 14 c1 d4 d3 c2a 13 c1 d4 d3 c2a 12 c1 d4 d3 c2a 11 c1 d4 d3 c2a 10 c1 d4 d3 c2a 9 c1 d4 d3 c2a 8 c1 d4 d3 c2a

3 5rollering units d3 5l11 8 d3 5l13 8 d3 5l15 8 d3 5l17 8 d3 5l19 8 d3 5l21 8 d3 5l23 8 d3 5l25 8 d

3 5rollering units d3 5l11 8 d3 5l13 8 d3 5l15 8 d3 5l17 8 d3 5l19 8 d3 5l21 8 d3 5l23 8 d3 5l25 8 d

Need of Vitamin D3 supplement | Buy Vitamin D3 in Europe

Need of Vitamin D3 supplement | Buy Vitamin D3 in Europe

Is Vit D3 deficiency common?- KD3 sachet chocolaty Vit D3

Is Vit D3 deficiency common?- KD3 sachet chocolaty Vit D3

A=B - tnm.scene7.com · f1 f1 b32 d3 d3 d3 d3 r42 r42 b32 n165\P a83 a83 a83 a83 f1 f1 f1 f1 d3 d3 d3 d3 g2 g2 b32 n165\P n165\P p9 p9 a83 p51 p51 I II b32 b32 f1 f1 d1 d1 r42 n165\L

A=B - tnm.scene7.com · f1 f1 b32 d3 d3 d3 d3 r42 r42 b32 n165\P a83 a83 a83 a83 f1 f1 f1 f1 d3 d3 d3 d3 g2 g2 b32 n165\P n165\P p9 p9 a83 p51 p51 I II b32 b32 f1 f1 d1 d1 r42 n165\L

Vitamin D3

Vitamin D3

Mapping with D3 - University of Nebraska Omahamaps.unomaha.edu/Peterson/GEOG8670_Spring17/D3/Mapping_with_D3.pdfMapping with d3.js Another string to the bow of d3.js is the addition

Mapping with D3 - University of Nebraska Omahamaps.unomaha.edu/Peterson/GEOG8670_Spring17/D3/Mapping_with_D3.pdfMapping with d3.js Another string to the bow of d3.js is the addition

AP_160502MKTG_7DayPlan_Freemium_DIGITAL D3

AP_160502MKTG_7DayPlan_Freemium_DIGITAL D3