狠狠撸

狠狠撸Share a Scribd company logo
@serverdensity
@byrichardpowell
Monitor your infrastructure
Monitor your services
Data Visualisation with D3 & Rickshaw - Berlin Expert Days
30 TB of data per month!
2 billion documents a day
http://bit.ly/30TB-pm
A Story
Pedro
Our Ops Engineer
!
Data Visualisation with D3 & Rickshaw - Berlin Expert Days
Data Visualisation with D3 & Rickshaw - Berlin Expert Days
Data Visualisation with D3 & Rickshaw - Berlin Expert Days
?
Time Series Graphs!
Solve Problems
1. D3!
2. Rickshaw!
3. Rickshaw ++!
4. The BIG Lesson!
D3
Getting Started
javascript
javascript
javascript
Data Visualisation !
is in D3’s DNA
bl.ocks.org/mbostock/4060606
color.method.ac/
bl.ocks.org/mbostock/4063318
http://bl.ocks.org/mbostock/4063582
http://hughsk.io/colony/
Data Visualisation with D3 & Rickshaw - Berlin Expert Days
javascript
javascript
jsbin.com/gola?ye/1/edit?
html,js,output
https://github.com/mbostock/d3/wiki/Layouts
Layouts
alignedleft.com/tutorials/d3/!
!
github.com/mbostock/d3/wiki/Gallery!
!
github.com/mbostock/d3/wiki/Tutorials!
!
@mbostock
Rickshaw
Data Visualisation with D3 & Rickshaw - Berlin Expert Days
code.shutterstock.com/rickshaw/examples
javascript
svg
“Above all else !
show the data”
Edward Rolf Tufte, 1983
bit.ly/183R6sT
javascript
Data Visualisation with D3 & Rickshaw - Berlin Expert Days
javascript
javascript
++
Rickshaw
Data Visualisation with D3 & Rickshaw - Berlin Expert Days
javascript
javascript
A tick every 2 hours
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
javascript
javascript
Data Visualisation with D3 & Rickshaw - Berlin Expert Days
Data Visualisation with D3 & Rickshaw - Berlin Expert Days
Data Visualisation with D3 & Rickshaw - Berlin Expert Days
?!
THE LESSON
Data Visualisation with D3 & Rickshaw - Berlin Expert Days
“A state of joy, creativity !
and total involvement !
in which problems !
seem to disappear”
Mihaly Csikszentmihalyi
1. Intuitive interfaces!
2. Forgiving work?ows!
3. Attractive designs!
4. Personality!
5. And avoiding…
Data Visualisation with D3 & Rickshaw - Berlin Expert Days
Flexible Data. Sigh.
javascript
javascript
javascript
Data Visualisation with D3 & Rickshaw - Berlin Expert Days
coffeescript
coffeescript
Jaggedy Data
coffeescript
1. Missing X & Y Data!
2. Badly ordered dates!
3. Duplicate X Values!
4. X Values too close!
5. Missing Series Names
Unpredictable Data?
@serverdensity
@byrichardpowell
Monitor servers & websites
Con?gure Alerts
Manage your infrastructure

More Related Content

Similar to Data Visualisation with D3 & Rickshaw - Berlin Expert Days (20)

Data Tactics Analytics Brown Bag (November 2013)
Data Tactics Analytics Brown Bag (November 2013)Data Tactics Analytics Brown Bag (November 2013)
Data Tactics Analytics Brown Bag (November 2013)
Rich Heimann
?
Spingy camp
Spingy campSpingy camp
Spingy camp
Rob Nunez
?
Python + NoSQL in Animations
Python + NoSQL in AnimationsPython + NoSQL in Animations
Python + NoSQL in Animations
Shuen-Huei Guan
?
Linked data in action
Linked data in actionLinked data in action
Linked data in action
Rurik Thomas Greenall
?
Real-time Semantic Web with Twitter Annotations
Real-time Semantic Web with Twitter AnnotationsReal-time Semantic Web with Twitter Annotations
Real-time Semantic Web with Twitter Annotations
Joshua Shinavier
?
Docker & Containers for Big Data, Data Science, Machine Learning & Deep Learning
Docker & Containers for Big Data, Data Science, Machine Learning & Deep LearningDocker & Containers for Big Data, Data Science, Machine Learning & Deep Learning
Docker & Containers for Big Data, Data Science, Machine Learning & Deep Learning
Rui Quintino
?
Visdjango presentation django_boston_oct_2014
Visdjango presentation django_boston_oct_2014Visdjango presentation django_boston_oct_2014
Visdjango presentation django_boston_oct_2014
jlbaldwin
?
Buildingplatforms
BuildingplatformsBuildingplatforms
Buildingplatforms
codebits
?
HTML5 and the web of tomorrow!
HTML5  and the  web of tomorrow!HTML5  and the  web of tomorrow!
HTML5 and the web of tomorrow!
Christian Heilmann
?
Economies of Scaling Software
Economies of Scaling SoftwareEconomies of Scaling Software
Economies of Scaling Software
Joshua Long
?
Schema.org extension for biological database @ Biohackathon2013
Schema.org extension for biological database @ Biohackathon2013Schema.org extension for biological database @ Biohackathon2013
Schema.org extension for biological database @ Biohackathon2013
Maori Ito
?
Making sense out of things on the web
Making sense out of things on the webMaking sense out of things on the web
Making sense out of things on the web
Pradeep Varadaraja Banavara
?
AIC x PyLadies TW Python Data Vis - 2: Plot packages
AIC x PyLadies TW Python Data Vis - 2: Plot packagesAIC x PyLadies TW Python Data Vis - 2: Plot packages
AIC x PyLadies TW Python Data Vis - 2: Plot packages
Yi-Chih Tsai
?
All Mashed Up - A HTML5 Mashup Story
All Mashed Up - A HTML5 Mashup StoryAll Mashed Up - A HTML5 Mashup Story
All Mashed Up - A HTML5 Mashup Story
Nazrul Kamaruddin
?
Troubleshooting SEO for JS Frameworks - Patrick Stox - DTD 2018
Troubleshooting SEO for JS Frameworks - Patrick Stox - DTD 2018Troubleshooting SEO for JS Frameworks - Patrick Stox - DTD 2018
Troubleshooting SEO for JS Frameworks - Patrick Stox - DTD 2018
patrickstox
?
Ontologies & linked open data
Ontologies & linked open dataOntologies & linked open data
Ontologies & linked open data
Jo?o Rocha da Silva
?
Distributed Deep Learning At Scale On Apache Spark With BigDL
Distributed Deep Learning At Scale On Apache Spark With BigDLDistributed Deep Learning At Scale On Apache Spark With BigDL
Distributed Deep Learning At Scale On Apache Spark With BigDL
Yulia Tell
?
LeapMotion for Web with React and Flux
LeapMotion for Web with React and FluxLeapMotion for Web with React and Flux
LeapMotion for Web with React and Flux
Laura Moore
?
Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"
Fwdays
?
CODE BLUE 2014 : マイクロソフトの脆弱性調査 : ベンダーでありながら発見者となるために by デイヴィッド?シードマン David Se...
CODE BLUE 2014 : マイクロソフトの脆弱性調査 : ベンダーでありながら発見者となるために by デイヴィッド?シードマン David Se...CODE BLUE 2014 : マイクロソフトの脆弱性調査 : ベンダーでありながら発見者となるために by デイヴィッド?シードマン David Se...
CODE BLUE 2014 : マイクロソフトの脆弱性調査 : ベンダーでありながら発見者となるために by デイヴィッド?シードマン David Se...
CODE BLUE
?
Data Tactics Analytics Brown Bag (November 2013)
Data Tactics Analytics Brown Bag (November 2013)Data Tactics Analytics Brown Bag (November 2013)
Data Tactics Analytics Brown Bag (November 2013)
Rich Heimann
?
Python + NoSQL in Animations
Python + NoSQL in AnimationsPython + NoSQL in Animations
Python + NoSQL in Animations
Shuen-Huei Guan
?
Real-time Semantic Web with Twitter Annotations
Real-time Semantic Web with Twitter AnnotationsReal-time Semantic Web with Twitter Annotations
Real-time Semantic Web with Twitter Annotations
Joshua Shinavier
?
Docker & Containers for Big Data, Data Science, Machine Learning & Deep Learning
Docker & Containers for Big Data, Data Science, Machine Learning & Deep LearningDocker & Containers for Big Data, Data Science, Machine Learning & Deep Learning
Docker & Containers for Big Data, Data Science, Machine Learning & Deep Learning
Rui Quintino
?
Visdjango presentation django_boston_oct_2014
Visdjango presentation django_boston_oct_2014Visdjango presentation django_boston_oct_2014
Visdjango presentation django_boston_oct_2014
jlbaldwin
?
Buildingplatforms
BuildingplatformsBuildingplatforms
Buildingplatforms
codebits
?
Economies of Scaling Software
Economies of Scaling SoftwareEconomies of Scaling Software
Economies of Scaling Software
Joshua Long
?
Schema.org extension for biological database @ Biohackathon2013
Schema.org extension for biological database @ Biohackathon2013Schema.org extension for biological database @ Biohackathon2013
Schema.org extension for biological database @ Biohackathon2013
Maori Ito
?
AIC x PyLadies TW Python Data Vis - 2: Plot packages
AIC x PyLadies TW Python Data Vis - 2: Plot packagesAIC x PyLadies TW Python Data Vis - 2: Plot packages
AIC x PyLadies TW Python Data Vis - 2: Plot packages
Yi-Chih Tsai
?
All Mashed Up - A HTML5 Mashup Story
All Mashed Up - A HTML5 Mashup StoryAll Mashed Up - A HTML5 Mashup Story
All Mashed Up - A HTML5 Mashup Story
Nazrul Kamaruddin
?
Troubleshooting SEO for JS Frameworks - Patrick Stox - DTD 2018
Troubleshooting SEO for JS Frameworks - Patrick Stox - DTD 2018Troubleshooting SEO for JS Frameworks - Patrick Stox - DTD 2018
Troubleshooting SEO for JS Frameworks - Patrick Stox - DTD 2018
patrickstox
?
Distributed Deep Learning At Scale On Apache Spark With BigDL
Distributed Deep Learning At Scale On Apache Spark With BigDLDistributed Deep Learning At Scale On Apache Spark With BigDL
Distributed Deep Learning At Scale On Apache Spark With BigDL
Yulia Tell
?
LeapMotion for Web with React and Flux
LeapMotion for Web with React and FluxLeapMotion for Web with React and Flux
LeapMotion for Web with React and Flux
Laura Moore
?
Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"
Fwdays
?
CODE BLUE 2014 : マイクロソフトの脆弱性調査 : ベンダーでありながら発見者となるために by デイヴィッド?シードマン David Se...
CODE BLUE 2014 : マイクロソフトの脆弱性調査 : ベンダーでありながら発見者となるために by デイヴィッド?シードマン David Se...CODE BLUE 2014 : マイクロソフトの脆弱性調査 : ベンダーでありながら発見者となるために by デイヴィッド?シードマン David Se...
CODE BLUE 2014 : マイクロソフトの脆弱性調査 : ベンダーでありながら発見者となるために by デイヴィッド?シードマン David Se...
CODE BLUE
?

Recently uploaded (20)

Valkey 101 - SCaLE 22x March 2025 Stokes.pdf
Valkey 101 - SCaLE 22x March 2025 Stokes.pdfValkey 101 - SCaLE 22x March 2025 Stokes.pdf
Valkey 101 - SCaLE 22x March 2025 Stokes.pdf
Dave Stokes
?
Class 3-Workforce profile updated P.pptx
Class 3-Workforce profile updated P.pptxClass 3-Workforce profile updated P.pptx
Class 3-Workforce profile updated P.pptx
angelananalucky
?
Hire Android App Developers in India with Cerebraix
Hire Android App Developers in India with CerebraixHire Android App Developers in India with Cerebraix
Hire Android App Developers in India with Cerebraix
cerebraixs
?
Presentation.2 .reversal. reversal. pptx
Presentation.2 .reversal. reversal. pptxPresentation.2 .reversal. reversal. pptx
Presentation.2 .reversal. reversal. pptx
siliaselim87
?
Optimizing Common Table Expressions in Apache Hive with Calcite
Optimizing Common Table Expressions in Apache Hive with CalciteOptimizing Common Table Expressions in Apache Hive with Calcite
Optimizing Common Table Expressions in Apache Hive with Calcite
Stamatis Zampetakis
?
Data-Models-in-DBMS-An-Overview.pptx.pptx
Data-Models-in-DBMS-An-Overview.pptx.pptxData-Models-in-DBMS-An-Overview.pptx.pptx
Data-Models-in-DBMS-An-Overview.pptx.pptx
hfebxtveyjxavhx
?
The Marketability of Rice Straw Yarn Among Selected Customers of Gantsilyo Guru
The Marketability of Rice Straw Yarn Among Selected Customers of Gantsilyo GuruThe Marketability of Rice Straw Yarn Among Selected Customers of Gantsilyo Guru
The Marketability of Rice Straw Yarn Among Selected Customers of Gantsilyo Guru
kenyoncenteno12
?
2024-07-eb-big-book-of-data-engineering-3rd-edition.pdf
2024-07-eb-big-book-of-data-engineering-3rd-edition.pdf2024-07-eb-big-book-of-data-engineering-3rd-edition.pdf
2024-07-eb-big-book-of-data-engineering-3rd-edition.pdf
AlexandreMacedo50
?
Media Audiogahwhwhjwjwjwjjwjwjwhwhwjwhwhw
Media AudiogahwhwhjwjwjwjjwjwjwhwhwjwhwhwMedia Audiogahwhwhjwjwjwjjwjwjwhwhwjwhwhw
Media Audiogahwhwhjwjwjwjjwjwjwhwhwjwhwhw
carbsmichael
?
[aon_presentation EN] global_job_leveling .pdf
[aon_presentation EN] global_job_leveling .pdf[aon_presentation EN] global_job_leveling .pdf
[aon_presentation EN] global_job_leveling .pdf
ssuser87c19a
?
加拿大成绩单购买原版(鲍颁毕业证书)卡尔加里大学毕业证文凭
加拿大成绩单购买原版(鲍颁毕业证书)卡尔加里大学毕业证文凭加拿大成绩单购买原版(鲍颁毕业证书)卡尔加里大学毕业证文凭
加拿大成绩单购买原版(鲍颁毕业证书)卡尔加里大学毕业证文凭
taqyed
?
Rosa_Ivelisse_PublishingCompanyPitch(1).docx
Rosa_Ivelisse_PublishingCompanyPitch(1).docxRosa_Ivelisse_PublishingCompanyPitch(1).docx
Rosa_Ivelisse_PublishingCompanyPitch(1).docx
irramos8843
?
Presentation1.pptx for data and table analysis
Presentation1.pptx for data and table analysisPresentation1.pptx for data and table analysis
Presentation1.pptx for data and table analysis
vatsalsingla4
?
RAGing Against the Literature: LLM-Powered Dataset Mention Extraction-present...
RAGing Against the Literature: LLM-Powered Dataset Mention Extraction-present...RAGing Against the Literature: LLM-Powered Dataset Mention Extraction-present...
RAGing Against the Literature: LLM-Powered Dataset Mention Extraction-present...
suchanadatta3
?
Introduction to database and analysis software’s suitable for.pptx
Introduction to database and analysis software’s suitable for.pptxIntroduction to database and analysis software’s suitable for.pptx
Introduction to database and analysis software’s suitable for.pptx
nabinparajuli9
?
Stasiun kernel pengolahan kelapa sawit indonesia
Stasiun kernel pengolahan kelapa sawit indonesiaStasiun kernel pengolahan kelapa sawit indonesia
Stasiun kernel pengolahan kelapa sawit indonesia
fikrimanurung1
?
2025-03-03-Philly-AAAI-GoodData-Build Secure RAG Apps With Open LLM
2025-03-03-Philly-AAAI-GoodData-Build Secure RAG Apps With Open LLM2025-03-03-Philly-AAAI-GoodData-Build Secure RAG Apps With Open LLM
2025-03-03-Philly-AAAI-GoodData-Build Secure RAG Apps With Open LLM
Timothy Spann
?
MLecture 1 Introduction to AI . The basics.pptx
MLecture 1 Introduction to AI . The basics.pptxMLecture 1 Introduction to AI . The basics.pptx
MLecture 1 Introduction to AI . The basics.pptx
FaizaKhan720183
?
原版复刻加拿大多伦多大学成绩单(UTSG毕业证书) 文凭
原版复刻加拿大多伦多大学成绩单(UTSG毕业证书) 文凭原版复刻加拿大多伦多大学成绩单(UTSG毕业证书) 文凭
原版复刻加拿大多伦多大学成绩单(UTSG毕业证书) 文凭
taqyed
?
The Role of Christopher Campos Orlando in Sustainability Analytics
The Role of Christopher Campos Orlando in Sustainability AnalyticsThe Role of Christopher Campos Orlando in Sustainability Analytics
The Role of Christopher Campos Orlando in Sustainability Analytics
christophercamposus1
?
Valkey 101 - SCaLE 22x March 2025 Stokes.pdf
Valkey 101 - SCaLE 22x March 2025 Stokes.pdfValkey 101 - SCaLE 22x March 2025 Stokes.pdf
Valkey 101 - SCaLE 22x March 2025 Stokes.pdf
Dave Stokes
?
Class 3-Workforce profile updated P.pptx
Class 3-Workforce profile updated P.pptxClass 3-Workforce profile updated P.pptx
Class 3-Workforce profile updated P.pptx
angelananalucky
?
Hire Android App Developers in India with Cerebraix
Hire Android App Developers in India with CerebraixHire Android App Developers in India with Cerebraix
Hire Android App Developers in India with Cerebraix
cerebraixs
?
Presentation.2 .reversal. reversal. pptx
Presentation.2 .reversal. reversal. pptxPresentation.2 .reversal. reversal. pptx
Presentation.2 .reversal. reversal. pptx
siliaselim87
?
Optimizing Common Table Expressions in Apache Hive with Calcite
Optimizing Common Table Expressions in Apache Hive with CalciteOptimizing Common Table Expressions in Apache Hive with Calcite
Optimizing Common Table Expressions in Apache Hive with Calcite
Stamatis Zampetakis
?
Data-Models-in-DBMS-An-Overview.pptx.pptx
Data-Models-in-DBMS-An-Overview.pptx.pptxData-Models-in-DBMS-An-Overview.pptx.pptx
Data-Models-in-DBMS-An-Overview.pptx.pptx
hfebxtveyjxavhx
?
The Marketability of Rice Straw Yarn Among Selected Customers of Gantsilyo Guru
The Marketability of Rice Straw Yarn Among Selected Customers of Gantsilyo GuruThe Marketability of Rice Straw Yarn Among Selected Customers of Gantsilyo Guru
The Marketability of Rice Straw Yarn Among Selected Customers of Gantsilyo Guru
kenyoncenteno12
?
2024-07-eb-big-book-of-data-engineering-3rd-edition.pdf
2024-07-eb-big-book-of-data-engineering-3rd-edition.pdf2024-07-eb-big-book-of-data-engineering-3rd-edition.pdf
2024-07-eb-big-book-of-data-engineering-3rd-edition.pdf
AlexandreMacedo50
?
Media Audiogahwhwhjwjwjwjjwjwjwhwhwjwhwhw
Media AudiogahwhwhjwjwjwjjwjwjwhwhwjwhwhwMedia Audiogahwhwhjwjwjwjjwjwjwhwhwjwhwhw
Media Audiogahwhwhjwjwjwjjwjwjwhwhwjwhwhw
carbsmichael
?
[aon_presentation EN] global_job_leveling .pdf
[aon_presentation EN] global_job_leveling .pdf[aon_presentation EN] global_job_leveling .pdf
[aon_presentation EN] global_job_leveling .pdf
ssuser87c19a
?
加拿大成绩单购买原版(鲍颁毕业证书)卡尔加里大学毕业证文凭
加拿大成绩单购买原版(鲍颁毕业证书)卡尔加里大学毕业证文凭加拿大成绩单购买原版(鲍颁毕业证书)卡尔加里大学毕业证文凭
加拿大成绩单购买原版(鲍颁毕业证书)卡尔加里大学毕业证文凭
taqyed
?
Rosa_Ivelisse_PublishingCompanyPitch(1).docx
Rosa_Ivelisse_PublishingCompanyPitch(1).docxRosa_Ivelisse_PublishingCompanyPitch(1).docx
Rosa_Ivelisse_PublishingCompanyPitch(1).docx
irramos8843
?
Presentation1.pptx for data and table analysis
Presentation1.pptx for data and table analysisPresentation1.pptx for data and table analysis
Presentation1.pptx for data and table analysis
vatsalsingla4
?
RAGing Against the Literature: LLM-Powered Dataset Mention Extraction-present...
RAGing Against the Literature: LLM-Powered Dataset Mention Extraction-present...RAGing Against the Literature: LLM-Powered Dataset Mention Extraction-present...
RAGing Against the Literature: LLM-Powered Dataset Mention Extraction-present...
suchanadatta3
?
Introduction to database and analysis software’s suitable for.pptx
Introduction to database and analysis software’s suitable for.pptxIntroduction to database and analysis software’s suitable for.pptx
Introduction to database and analysis software’s suitable for.pptx
nabinparajuli9
?
Stasiun kernel pengolahan kelapa sawit indonesia
Stasiun kernel pengolahan kelapa sawit indonesiaStasiun kernel pengolahan kelapa sawit indonesia
Stasiun kernel pengolahan kelapa sawit indonesia
fikrimanurung1
?
2025-03-03-Philly-AAAI-GoodData-Build Secure RAG Apps With Open LLM
2025-03-03-Philly-AAAI-GoodData-Build Secure RAG Apps With Open LLM2025-03-03-Philly-AAAI-GoodData-Build Secure RAG Apps With Open LLM
2025-03-03-Philly-AAAI-GoodData-Build Secure RAG Apps With Open LLM
Timothy Spann
?
MLecture 1 Introduction to AI . The basics.pptx
MLecture 1 Introduction to AI . The basics.pptxMLecture 1 Introduction to AI . The basics.pptx
MLecture 1 Introduction to AI . The basics.pptx
FaizaKhan720183
?
原版复刻加拿大多伦多大学成绩单(UTSG毕业证书) 文凭
原版复刻加拿大多伦多大学成绩单(UTSG毕业证书) 文凭原版复刻加拿大多伦多大学成绩单(UTSG毕业证书) 文凭
原版复刻加拿大多伦多大学成绩单(UTSG毕业证书) 文凭
taqyed
?
The Role of Christopher Campos Orlando in Sustainability Analytics
The Role of Christopher Campos Orlando in Sustainability AnalyticsThe Role of Christopher Campos Orlando in Sustainability Analytics
The Role of Christopher Campos Orlando in Sustainability Analytics
christophercamposus1
?

Data Visualisation with D3 & Rickshaw - Berlin Expert Days