Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
SQUIDFLOW 
! APPLICATION 
DEVELOPER STANDPOINT 
DATAWEEK & MEETUP / SAN FRANCISCO
Manage large datasets with D3? 
! 
● Load all the data in the browser 
● Use a "DB API" 
● Use an "Analytics API" 
#D3BIGD...
Architecture Overview 
#D3BIGDATAVIZ
The SquidFlow DataSet 
Usage 
browser 
country 
referrer_category 
... 
first_interaction 
second_interaction 
third_inter...
Enterprise web app requirements 
● Handle user authentication 
● Manage app status/errors 
● JS and CSS files loading opti...
Enterprise web app stack 
● Backbone 
● Grunt 
● Bower 
● Squid JSSDK 
#D3BIGDATAVIZ
SquidFlow 
SquidFlow app features 
#D3BIGDATAVIZ
SquidFlow 
Let's Code! 
#D3BIGDATAVIZ
Thank you! 
https://github.com/squidsolutions 
#D3BIGDATAVIZ
Nächste SlideShare
Wird geladen in …5
×

SquidFlow: Building a D3.js sankey app

3.395 Aufrufe

Veröffentlicht am

Presented during the event: How to build an enterprise-class data visualisation app using D3js over a Billion of rows of data stored in AWS Redshift"

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

SquidFlow: Building a D3.js sankey app

  1. 1. SQUIDFLOW ! APPLICATION DEVELOPER STANDPOINT DATAWEEK & MEETUP / SAN FRANCISCO
  2. 2. Manage large datasets with D3? ! ● Load all the data in the browser ● Use a "DB API" ● Use an "Analytics API" #D3BIGDATAVIZ
  3. 3. Architecture Overview #D3BIGDATAVIZ
  4. 4. The SquidFlow DataSet Usage browser country referrer_category ... first_interaction second_interaction third_interaction ... Referrer referrer_category name ... Account account_id name "Facts" table. ... 1 row = 1 user session #D3BIGDATAVIZ
  5. 5. Enterprise web app requirements ● Handle user authentication ● Manage app status/errors ● JS and CSS files loading optimisation ● Use an MVC ● Organise code into components #D3BIGDATAVIZ
  6. 6. Enterprise web app stack ● Backbone ● Grunt ● Bower ● Squid JSSDK #D3BIGDATAVIZ
  7. 7. SquidFlow SquidFlow app features #D3BIGDATAVIZ
  8. 8. SquidFlow Let's Code! #D3BIGDATAVIZ
  9. 9. Thank you! https://github.com/squidsolutions #D3BIGDATAVIZ

×