data.visualize!

Talk at vienna.rb on how we built https://pganalyze.com/ and other visualization products.

Transcript

1. @LukasFittl data.visualize! # FIXME: Needs paradigm shiſt.
2. Biz + UX + Dev @LukasFittl
3. Recently: pganalyze.com usercycle.com
4. Data Collection Data Storage Interface & Graphs
5. Data Collection Data Storage Interface & Graphs
6. Interface & Graphs
7. Interface & Graphs
8. Interface & Graphs !=
9. Oh, its a button/label/slider/link! Interface & Graphs
10. Forget fancy graphs, what are you displaying? Interface & Graphs
11. Interface & Graphs
12. Interface & Graphs
13. Interface & Graphs
14. Let The User Explore. Interface & Graphs
15. Interface & Graphs
16. Interface & Graphs
17. Interface & Graphs
18. Interface & Graphs d3.js —
19. Interface & Graphs d3.js
20. But, its complicated, kind of like vi(m). Interface & Graphs
21. Interface & Graphs Rickshaw
22. Interface & Graphs github.com/pganalyze/pgdatagraph
23. Data Storage Interface & Graphs Data Collection
24. Tracking Scripts Data Collection
25. Data Collection Tracking Cron Jobs
26. Its (usually) a JSON hash. Data Collection
27. Data Collection
28. Data Collection
29. Historic data? Different queue! Data Collection
30. Data Collection CreateEvent AssignCohorts PushToFrontend ApiController Data Storage Small & Fast Tasks.
31. Data Collection Interface & Graphs Data Storage
32. Data Storage Step 1: Store the Raw Data
33. Data Storage Step 2: Add Caching Tables.
34. Data Storage query_snapshots query_snapshot_hourlies
35. Specialized Data Models Data Storage Event Signed Up Revenue Buckets ....
36. @LukasFittl Thank you! pganalyze.com