FOSS4GTokai2018_GeoVisTech

Slide 1

Slide 1 text

2018/8/25 FOSS4G Tokai 2018@ G S 1 C G M G ( O ( ) ( ( ( ( (( ϞϏϦςΟσʔλͷ׆༻ͱGeoVisTech ʙKepler.glͱUber Movementʹ৮Εͯʙ

Slide 2

Slide 2 text

2018/8/25 FOSS4G Tokai 2018@ 2 My City X 5 My City Forecast: 04%6-/" https://mycityforecast.net/ My City Report: *&$2 !(3 https://www.mycityreport.jp/ My City Construction: .'),1+# https://mycityconstruction.jp/ FOSS4G

Slide 3

Slide 3 text

2018/8/25 FOSS4G Tokai 2018@ 3 http://urbandata-challenge.jp/ 3

Slide 4

Slide 4 text

2018/8/25 FOSS4G Tokai 2018@4/ (.10 4 9/21(!) 13:3018:00 #+ (CSIS-S4D ,7&)' FOSS4G Tokai 2018Visualize 38975" : 6 -% $)' ;*2 https://s4d.csis.u-tokyo.ac.jp/

Slide 5

Slide 5 text

2018/8/25 FOSS4G Tokai 2018@ 5 : / FOSS4G Hokkaido 2018 … . # . # # FOSS4G Tokai Visualize

Slide 6

Slide 6 text

2018/8/25 FOSS4G Tokai 2018@$! 6 Mapbox: # &"%API (2017.10 Softbank Vision Fund6400 ) https://www.mapbox.com/

Slide 7

Slide 7 text

2018/8/25 FOSS4G Tokai 2018@ 7 ) ( + ( + G SL J https://github.com/NYCPlanning/jane-maps

Slide 8

Slide 8 text

2018/8/25 FOSS4G Tokai 2018@ 8 deck.gl: Mapbox + UBER https://eng.uber.com/deckgl-v5/

Slide 9

Slide 9 text

2018/8/25 FOSS4G Tokai 2018@bO;HMZT$4:/( 9 deck.gl v5 https://github.com/uber/deck.gl • UBER Engineering,3V12016<JD • MIT LicenseP^ • !"2=;\I-+WYF .) • Node.js / npm][React • V4`c?C'#0'57 *&6: dVBNL(non-spatial)YgFKQEh • deck.gl v51839%R Ajf WebGLRYgFl_&38(D> WQ • eX@aMapboxSGToken Ui • khttp://deck.gl/#/examples/overview

Slide 10

Slide 10 text

2018/8/25 FOSS4G Tokai 2018@ 10

Slide 11

Slide 11 text

2018/8/25 FOSS4G Tokai 2018@ 11 deck.gl http://deck.gl/#/examples/overview

Slide 12

Slide 12 text

2018/8/25 FOSS4G Tokai 2018@ 12 Hexagon Layer http://deck.gl/#/examples/core-layers/hexagon-layer

Slide 13

Slide 13 text

2018/8/25 FOSS4G Tokai 2018@ 13 Mapbox + Kepler.gl: https://kepler.gl/

Slide 14

Slide 14 text

2018/8/25 FOSS4G Tokai 2018@ 14 https://eng.uber.com/keplergl/

Slide 15

Slide 15 text

2018/8/25 FOSS4G Tokai 2018@ 15 Kepler.gl (node >6) https://eng.uber.com/keplergl/ examples/ src/ test/ .babelrc .travis.yml actions.js components.js constants.js jsconfig.json layers.js processors.js reducers.js schemas.js styles.js index.html package.json webpack.config.js yarn.lock

Slide 16

Slide 16 text

2018/8/25 FOSS4G Tokai 2018@ 16 Kepler.gl • npm install --save kepler.gl • npm install yarn --ignore-engines • MapboxAccessToken= “Key” • npm start • http://localhost:8080/

Slide 17

Slide 17 text

2018/8/25 FOSS4G Tokai 2018@ 17

Slide 18

Slide 18 text

2018/8/25 FOSS4G Tokai 2018@ 18

Slide 19

Slide 19 text

2018/8/25 FOSS4G Tokai 2018@ 19

Slide 20

Slide 20 text

2018/8/25 FOSS4G Tokai 2018@ 20 UI

Slide 21

Slide 21 text

2018/8/25 FOSS4G Tokai 2018@ 21 Vis Academy http://vis.academy/

Slide 22

Slide 22 text

2018/8/25 FOSS4G Tokai 2018@ 22 Vis Academy • Node.js, npm, git, Mapbox Token • git clone https://github.com/uber-common/vis- academy.git • cd vis-academy/src/demos/building-a-geospatial- app/starting-code • npm install • npm run start • http://localhost:3030/

Slide 23

Slide 23 text

2018/8/25 FOSS4G Tokai 2018@ 23 Uber Movement: 2017.01 Source: https://movement.uber.com/?lang=hi-IN

Slide 24

Slide 24 text

2018/8/25 FOSS4G Tokai 2018@C>39=B@*2! 24 6A<820184857: • ). 3D – '22# 2$-2 02122DC – ' • ,0! – (/(022!. • $. – 0,%/0" • – ?; 2 0/- (2 + . • – %.&2)/'02!

Slide 25

Slide 25 text

2018/8/25 FOSS4G Tokai 2018@ 25 Uber Movement:

Slide 26

Slide 26 text

2018/8/25 FOSS4G Tokai 2018@ 26

Slide 27

Slide 27 text

2018/8/25 FOSS4G Tokai 2018@ 27

Slide 28

Slide 28 text

2018/8/25 FOSS4G Tokai 2018@+# ")' 28 &, *!$- GeoJSONID(%

Slide 29

Slide 29 text

2018/8/25 FOSS4G Tokai 2018@h\ETZb_$:D4* 29 Kepler.glPLQJXN • B3*0kmU^ – ./(;61F#*-8+ &>5 )!/0dW5A9C% – Kf&>5D->%(=D ]i Tableau • KRaMIlU^gc – aM[H3/5?D&D-,%0< 2"DGjOGISU^e 7?'D V`SKY5@-?D&U^ By Shan He https://eng.uber.com/keplergl/

Slide 30

Slide 30 text

2018/8/25 FOSS4G Tokai 2018@ : 30 ! // / / - - . / . - - // -/ /- . //