Date post: | 27-Jan-2015 |
Category: |
Technology |
Upload: | richard-powell |
View: | 110 times |
Download: | 0 times |
@byrichardpowellbyrichardpowell.co.uk
Thursday, 28 November 13
Thursday, 28 November 13
Manage your infrastructure
Thursday, 28 November 13
Monitor your devices
Thursday, 28 November 13
Monitor your services
Thursday, 28 November 13
Thursday, 28 November 13
25 TB of data per month
Thursday, 28 November 13
Time Series Graphs with Rickshaw, D3 & Backbone.js
The backbone logo inside a rickshaw
Thursday, 28 November 13
Why talk about data visulisation?
Thursday, 28 November 13
gapminder.org/world/
Spot Patterns
Thursday, 28 November 13
gapminder.org/world/
Spot Patterns
Thursday, 28 November 13
Diagnose Problems
Thursday, 28 November 13
Data visualization can be beautifulJe Thorp: Word Frequency
Funny picture
Thursday, 28 November 13
“Data Visualization is awesome”
this kid, 2013
Thursday, 28 November 13
Overview
1. SVG, D3, Rickshaw2. Data Visualisation Design3. API Design4. Backbone
Thursday, 28 November 13
1. SVG, D3 & Rickshaw
Thursday, 28 November 13
“A modularized language for describing two-dimensional vector
and mixed vector/raster graphics in XML”
w3.org/TR/SVG/
Thursday, 28 November 13
Elements & AttributesThursday, 28 November 13
snapsvg.io
website
Thursday, 28 November 13
pablojs.com/Thursday, 28 November 13
raphaeljs.com/Thursday, 28 November 13
Why D3 & Why Rickshaw?
Thursday, 28 November 13
Mike Bostock@mbostock
Thursday, 28 November 13
examples?github.com/mbostock/d3/wiki/Gallery
Thursday, 28 November 13
Horizon Graphssquare.github.io/cubism/
Thursday, 28 November 13
Calender Heatmapsbl.ocks.org/mbostock/4063318
Thursday, 28 November 13
Rickshaw is feature rich
* Line* Stacked* Scaled Series* Custom Axis Formatting* Custom tooltips* Disabling/enabling series
Thursday, 28 November 13
Rickshaw is feature rich
* Scatterplots* Bar charts* Mixed charts* Logarithmic & Absolute Scaling * Annotations
Thursday, 28 November 13
xkcd.com/418/
Thursday, 28 November 13
2. Design
Thursday, 28 November 13
“Above all else show the data”Edward Rolf Tufte, 1983
Thursday, 28 November 13
bit.ly/183R6sT
Thursday, 28 November 13
bit.ly/183R6sT
Thursday, 28 November 13
Data to Ink Ratio: Classes
Thursday, 28 November 13
Data to Ink Ratio: Classes
Thursday, 28 November 13
Data to Ink Ratio: Classes
Thursday, 28 November 13
Data to Ink Ratio: Classes
Thursday, 28 November 13
Data to Ink Ratio: Legend Classes
Thursday, 28 November 13
Use only the classes you need
to create the design you want
Thursday, 28 November 13
“Having the data is not enough. I have to show it in ways
people both enjoy and understand.”
Hans Rosling
Thursday, 28 November 13
Enjoy
Thursday, 28 November 13
“A state of joy, creativity and total involvement, in which problems seem to disappear and there is an exhilarating feeling
of transcendence”
Mihaly Csikszentmihalyi
Thursday, 28 November 13
This is not enjoymentthis is not flow
Thursday, 28 November 13
To maintain flow Be Defensive
Thursday, 28 November 13
Defensive: Check for errors
Thursday, 28 November 13
Defensive: Quarantine
Thursday, 28 November 13
Defensive: Give Feedback
Thursday, 28 November 13
Being Forgiving
Thursday, 28 November 13
Understand
Thursday, 28 November 13
Numbers or Patterns?Thursday, 28 November 13
Both?
19th Nov 2003Physical Memory Used: 200
Thursday, 28 November 13
Comparisons?Thursday, 28 November 13
Custom Formatted Tooltips
Thursday, 28 November 13
Tooltip Events
Thursday, 28 November 13
Synchronized Tooltips
Thursday, 28 November 13
Synchronized Tooltips
Thursday, 28 November 13
“You’ve got a good piece of software when people use it for purposes
it was never intended for.”
Clay Shirky
Thursday, 28 November 13
We Never Expected
Thursday, 28 November 13
Multiple Axisbit.ly/17lKqn5
Thursday, 28 November 13
Multiple Axisbit.ly/17lKqn5
Thursday, 28 November 13
Generating a scale
Thursday, 28 November 13
Generating multiple scales
Thursday, 28 November 13
Using the scales
Thursday, 28 November 13
Scaling the axis
Thursday, 28 November 13
xkcd.com/231/
Thursday, 28 November 13
3.Metrics
Thursday, 28 November 13
“How do we request graph data for metrics ... ?”
Thursday, 28 November 13
Metrics can be simple, complex or dynamic
Thursday, 28 November 13
Metrics can be combined
Thursday, 28 November 13
“How do we request graph data for multiple metrics at once
that can nest many levels deepand are dynamic?”
Thursday, 28 November 13
Structured as JSON
Thursday, 28 November 13
JSON in a URL
Thursday, 28 November 13
The graph data
Thursday, 28 November 13
xkcd.com/518/
Thursday, 28 November 13
4.Backbone
Thursday, 28 November 13
Thursday, 28 November 13
tabs
graphs alerting plugins
Thursday, 28 November 13
Thursday, 28 November 13
graphs
date graph graph
Thursday, 28 November 13
Thursday, 28 November 13
graph
options series legend axis
Thursday, 28 November 13
Thursday, 28 November 13
tabs view
graphs view
graph views
options view
dropdown views
Thursday, 28 November 13
Zombies: Cool for fancy dressnot cool for code
Eventsand the mediator pattern
Thursday, 28 November 13
Using mediator events
Thursday, 28 November 13
Using Collection Events
Thursday, 28 November 13
Zombies: Cool for fancy dressnot cool for code
Thursday, 28 November 13
Managing Views
Thursday, 28 November 13
Be DefensiveThursday, 28 November 13
Dealing with time (badly)
Thursday, 28 November 13
Dealing with time (badly)
Thursday, 28 November 13
Dealing with time (badly)
Thursday, 28 November 13
Dealing with time (badly)
Thursday, 28 November 13
Thursday, 28 November 13
Dealing with time
Thursday, 28 November 13
xkcd.com/290/
Thursday, 28 November 13
www.serverdensity.com/
bit.ly/1erNJNz
@byrichardpowell
Thursday, 28 November 13