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

  • 4,578 views
Uploaded on

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.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
4,578
On Slideshare
4,533
From Embeds
45
Number of Embeds
3

Actions

Shares
Downloads
21
Comments
0
Likes
10

Embeds 45

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

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

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