31
Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here

Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

  • Upload
    others

  • View
    13

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Big Data Visualizations & Drupal: Tales from the Trenches

We’ve done some cool stuff.

You Are Here

Page 2: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

2Exygy -

Bay Area Metro(formerly Metropolitan Transportation Commission)

lowercase productions

Exygy

Jordan [email protected]@koplowicznsonshttps://github.com/koppieesq

Cat [email protected]://github.com/callaghanc

drupal.org/project/tableau_public

Page 3: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Advise our partners on setting strategic direction at the market, organizational, and product level.

Rethink experiences and create stunning products that delight users and solve their real problems.

Build world-class software via stable, scalable, and transferable code.

Exygy is the premiere consultancy for the

social sector.

AT EXYGY, WE…

3

Page 4: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Exygy - 4

● Who Are They?● History● Solutions (incl. Tableau)● Conclusions

Big Data atBay Area Metro

Page 5: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Exygy - 5

vitalsigns.mtc.ca.gov

Page 6: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Exygy - 6

History

● Built by someone else● Multiple developer handoffs● Tech Switching

Page 7: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Exygy -

Insert graphic that highlights

design phase from slide 6

Product Development Cycle

7

Esri

MapboxTechnology stack

Drupal

Pantheon

Socrata

Carto Highcharts

Page 8: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Exygy -

Insert graphic that highlights

design phase from slide 6

Product Development Cycle

8

Technology stack

Page 9: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Exygy - 9

Challenges

Challenges:● Switch from Mapbox to

Carto● Switch from Esri to

Socrata● Problems with Socrata

Page 10: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Exygy - 10

Challenges

Challenges:● Switch from Mapbox to

Carto● Switch from Esri to

Socrata● Problems with Socrata

Page 11: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Exygy - 11

Challenges:● Switch from Mapbox to

Carto● Switch from Esri to

Socrata● Problems with Socrata

Page 12: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Exygy - 12

Challenges

Challenges:● Switch from Mapbox to

Carto● Switch from Esri to

Socrata● Problems with Socrata

Not a number

"Median_hh_inc_placeofresidence_ia": null"median_hh_inc_placeofresidence_ia_perchg1970": null

"median_hh_inc_placeofresidence_ia_perchg1970": null

No null values

Page 13: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

13Exygy -

Solution #1:Custom code

Page 14: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

14Exygy -

Solution #1:Custom code

Page 15: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

15Exygy -

Solution #2:Data Sub-Hosting

Import Data from Socrata to Carto

Page 16: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

16Exygy -

Solution #2:Data Sub-Hosting

Better data handling

Page 17: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

17Exygy -

Solution #2:Data Sub-Hosting

Database queries (postgres)

Page 18: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

18Exygy -

Tell me some good news.

● Socrata: open data● Carto: Better maps &

data hosting● Highcharts: beautiful,

powerful, documented● Mixed media

Page 19: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

19Exygy -

An Agile build process releases high-priority features early and often, providing immediate value.

Building using the Agile philosophy means that every release is a usable product.

Page 20: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Exygy -

Insert graphic that highlights

design phase from slide 6

Product Development Cycle

20

Technology stack

Drupal

Pantheon

Socrata

Carto Highcharts

Tableau

Page 21: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Exygy - 21

Tableau is:● Data analytics software● Desktop app● Web app● Server software● Cloud service

Page 22: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Exygy - 22

Pros:● Wide adoption internally● Easier for client● Rapid prototyping● Don’t need to wait for

devs

Cons:● More difficult to integrate● Less customization● Less responsive● Closed source,

proprietary ($$$)

Page 23: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

CONFIDENTIAL 23Exygy -

FULLY AUTOMATED TABLEAU

Page 24: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Exygy - 24

Tableau Public

drupal.org/project/tableau_public

● Why another Tableau module?○ No updates since

2013○ No stable releases○ Not designed for

Tableau Public○ Maybe merge?

Page 25: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Exygy - 25

● Custom fields○ Defined fields = easier○ Compound fields = simpler

● Nodes, field collections, or any other entity

● Pass to JS: Drupal.settings

● JS: ○ Pull from Tableau Public○ Wrap in custom UI

Tableau Public

drupal.org/project/tableau_public

Page 26: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Exygy - 26

Advanced Usage

tableau_public_check($vars)tableau_public_add_viz($viz, &$sheets)Tableau Public

drupal.org/project/tableau_public

Page 27: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Exygy -

Insert graphic that highlights

design phase from slide 6

Product Development Cycle

27

1. Install module2. Create fields3. Populate fields4. Land reusable rocket

on ocean barge

DEMO TIME

Page 28: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Exygy -

Insert graphic that highlights

design phase from slide 6

Product Development Cycle

28

It’s 2017.

● Data wants to be free● Data wants to be

interactive● Server side rendering is

bad, mkay

So what?

Page 29: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

Exygy -

Insert graphic that highlights

design phase from slide 6

Product Development Cycle

29

● Drupal is really good at being a platform

● Drupal plays really nice with outside JS libraries

● Drupal is not a good data preprocessor

● Drupal doesn’t need to own everything○ Leaflet vs. Carto○ MySQL vs. Socrata

So what?

Page 30: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

CONFIDENTIAL 30Exygy -

Technology Thunderdome

Pros Cons

Esri Run your own server Run your own server

Socrata Youtube for Data Doesn’t play nice with data viz

Mapbox Cloud service Expensive, ugly

Carto Beautiful, Serves data Expensive

Tableau Easy for content editors,Does everything Closed source

Leaflet & OpenLayer Data hosted in Drupal Data hosted in Drupal

Highcharts Beautiful, flexible, great documentation Charts only

Page 31: Tales from the Trenches & Drupal: Big Data Visualizations Big Data... · Big Data Visualizations & Drupal: Tales from the Trenches We’ve done some cool stuff. You Are Here. Exygy

31

THANK YOU

[email protected]@koplowicznsons

drupal.org/project/tableau_public