Time-Series Monitoring Graphs with D3 & Rickshaw
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Time-Series Monitoring Graphs with D3 & Rickshaw

on

  • 4,292 views

An introduction to D3 & Rickshaw and how we built our time-series monitoring graphs at Server Density.

An introduction to D3 & Rickshaw and how we built our time-series monitoring graphs at Server Density.

Statistics

Views

Total Views
4,292
Views on SlideShare
4,247
Embed Views
45

Actions

Likes
9
Downloads
20
Comments
0

3 Embeds 45

https://twitter.com 22
http://www.slideee.com 18
http://librosweb.es 5

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Time-Series Monitoring Graphs with D3 & Rickshaw Presentation Transcript

  • 1. A Story
  • 2. Pedro Our Ops Engineer
  • 3. !
  • 4. Time Series Graphs! Solve Problems ☀
  • 5. 1. 2. 3. 4. D3! Rickshaw! Rickshaw ++! The BIG Lesson!
  • 6. D3
  • 7. bl.ocks.org/mbostock/4060606
  • 8. color.method.ac/
  • 9. http://hughsk.io/colony/
  • 10. bl.ocks.org/mbostock/4063318
  • 11. http://bl.ocks.org/mbostock/4063582
  • 12. Data Visualisation ! is in D3’s DNA
  • 13. http://bost.ocks.org/mike/nations/
  • 14. alignedleft.com/tutorials/d3/making-a-bar-chart
  • 15. Rickshaw
  • 16. code.shutterstock.com/rickshaw/examples
  • 17. “Above all else show the data” Edward Rolf Tufte, 1983
  • 18. Rickshaw ++
  • 19. A tick every 2 minutes
  • 20. Tick Every No of Ticks Date Format 30 minutes 2 minutes 15 HH:mm 1 hour 5 minutes 12 HH:mm 24 hours 2 Hours 12 HH:mm > 24 hours Dynamic 15 D MMM YYY
  • 21. THE LESSON ☺!
  • 22. “A state of joy, creativity ! and total involvement ! in which problems ! seem to disappear” Mihaly Csikszentmihalyi
  • 23. 1. 2. 3. 4. 5. Intuitive interfaces! Forgiving workflows! Attractive designs! Personality! And avoiding…
  • 24. 1. 2. 3. 4. Missing X & Y Data! Missing Series Names! Badly ordered dates! Data Smoothing
  • 25. Design for failure Data is unpredictable… “it shouldn’t happen” will happen
  • 26. Monitor servers & websites Configure Alerts Manage your infrastructure blog.serverdensity.com @serverdensity @byrichardpowell