Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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
Upcoming SlideShare
Loading in …5
×

SquidFlow: Building a D3.js sankey app

3,397 views

Published on

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"

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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

×