D3 Rickshaw and Backbone in 50 minutes

•

0 likes•2,481 views

Using D3, Rickshaw and Backbone to create Server Density's time-series charts. In this talk I cover: * D3, Rickshaw and Backbone * Data Visualisation Design * Backend API Design * Programming defensively * Maths in JavaScript

Technology Art & Photos

@byrichardpowell
byrichardpowell.co.uk
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

25 TB of data per month

Thursday, 28 November 13

Why talk about
data visulisation?

Thursday, 28 November 13

Spot Patterns

gapminder.org/world/
Thursday, 28 November 13

Diagnose Problems
Thursday, 28 November 13

Funny picture

Data visualization can be beautiful
Je Thorp: Word Frequency
Thursday, 28 November 13

“Data Visualization is awesome”
this kid, 2013

Thursday, 28 November 13

Overview

1.
2.
3.
4.

SVG, D3, Rickshaw
Data Visualisation Design
API Design
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 & Attributes
Thursday, 28 November 13

website

snapsvg.io
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 Graphs
square.github.io/cubism/

Thursday, 28 November 13

Calender Heatmaps
bl.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

“Above all else show the data”
Edward Rolf Tufte, 1983

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

“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 enjoyment
this is not ﬂow
Thursday, 28 November 13

To maintain ﬂow
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

Numbers or Patterns?
Thursday, 28 November 13

19th Nov 2003
Physical Memory Used: 200

Both?
Thursday, 28 November 13

Custom Formatted Tooltips

Thursday, 28 November 13

Tooltip Events

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 Axis
bit.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

“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 deep
and are dynamic?”

Thursday, 28 November 13

Structured as JSON

Thursday, 28 November 13

The graph data

Thursday, 28 November 13

tabs

graphs

Thursday, 28 November 13

alerting

plugins

graphs

date

Thursday, 28 November 13

graph

graph

graph

options

Thursday, 28 November 13

series

legend

axis

tabs view

graphs view

graph views
options view

dropdown views

Thursday, 28 November 13

Zombies: Cool for fancy dress
Events
and not cool for code
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 dress
not cool for code

Thursday, 28 November 13

Managing Views

Thursday, 28 November 13

Dealing with time (badly)

Thursday, 28 November 13

Dealing with time

Thursday, 28 November 13

www.serverdensity.com/
bit.ly/1erNJNz

@byrichardpowell

Thursday, 28 November 13

Recently uploaded

🐬 The future of MySQL is Postgres 🐘

RTylerCroy

Building Digital Trust in a Digital Economy Veronica Tan, Director - Cyber Security Agency of Singapore Apidays Singapore 2024: Connecting Customers, Business and Technology (April 17 & 18, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

apidays

MySQL Webinar, presented on the 25th of April, 2024. Summary: MySQL solutions enable the deployment of diverse Database Architectures tailored to specific needs, including High Availability, Disaster Recovery, and Read Scale-Out. With MySQL Shell's AdminAPI, administrators can seamlessly set up, manage, and monitor these solutions, ensuring efficiency and ease of use in their administration. MySQL Router, on the other hand, provides transparent routing from the application traffic to the backend servers in the architectures, requiring minimal configuration. Completely built in-house and supported by Oracle, these solutions have been adopted by enterprises of all sizes for their business-critical applications. In this presentation, we'll delve into various database architecture solutions to help you choose the right one based on your business requirements. Focusing on technical details and the latest features to maximize the potential of these solutions.

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Miguel Araújo

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

Discord is a free app offering voice, video, and text chat functionalities, primarily catering to the gaming community. It serves as a hub for users to create and join servers tailored to their interests. Discord’s ecosystem comprises servers, each functioning as a distinct online community with its own channels dedicated to specific topics or activities. Users can engage in text-based discussions, voice calls, or video chats within these channels. Understanding Discord Servers Discord servers are virtual spaces where users congregate to interact, share content, and build communities. Servers may revolve around gaming, hobbies, interests, or fandoms, providing a platform for like-minded individuals to connect. Communication Features Discord offers a range of communication tools, including text channels for messaging, voice channels for real-time audio conversations, and video channels for face-to-face interactions. These features facilitate seamless communication and collaboration. What Does NSFW Mean? The acronym NSFW stands for “Not Safe For Work,” indicating content that may be inappropriate for professional or public settings. NSFW Content NSFW content encompasses material that is sexually explicit, violent, or otherwise graphic in nature. It often includes nudity, profanity, or depictions of sensitive topics.

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

UK Journal

Histor y of HAM Radio presentation slide

vu2urc

What are drone anti-jamming systems? The drone anti-jamming systems and anti-spoof technology protect against interference, jamming, and spoofing of the UAVs. To protect their security, countries are beginning to research drone anti-jamming systems, also known as drone strike weapons. The anti-jam and anti-spoof technology protects against interference, jamming and spoofing. A drone strike weapon is a drone attack weapon that can attack and destroy enemy drones. So what is so unique about this amazing system?

What Are The Drone Anti-jamming Systems Technology?

Antenna Manufacturer Coco

GenCyber Cyber Security Day Presentation

Michael W. Hawkins

BooK Now Call us at +918448380779 to hire a gorgeous and seductive call girl for sex. Take a Delhi Escort Service. The help of our escort agency is mostly meant for men who want sexual Indian Escorts In Delhi NCR. It should be noted that any impersonator will get 100 attention from our Young Girls Escorts in Delhi. They will assume the position of reliable allies. VIP Call Girl With Original Photos Book Tonight +918448380779 Our Cheap Price 1 Hour not available 2 Hours 5000 Full Night 8000 TAG: Call Girls in Delhi, Noida, Gurgaon, Ghaziabad, Connaught Place, Greater Kailash Delhi, Lajpat Nagar Delhi, Mayur Vihar Delhi, Chanakyapuri Delhi, New Friends Colony Delhi, Majnu Ka Tilla, Karol Bagh, Malviya Nagar, Saket, Khan Market, Noida Sector 18, Noida Sector 76, Noida Sector 51, Gurgaon Mg Road, Iffco Chowk Gurgaon, Rajiv Chowk Gurgaon All Delhi Ncr Free Home Deliver

08448380779 Call Girls In Greater Kailash - I Women Seeking Men

Delhi Call girls

Finology Group – Insurtech Innovation Award 2024

The Digital Insurer

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

The presentation explores the development and application of artificial intelligence (AI) from its inception to its current status in the modern world. The term "artificial intelligence" was first coined by John McCarthy in 1956 to describe efforts to develop computer programs capable of performing tasks that typically require human intelligence. This concept was first introduced at a conference held at Dartmouth College, where programs demonstrated capabilities such as playing chess, proving theorems, and interpreting texts. In the early stages, Alan Turing contributed to the field by defining intelligence as the ability of a being to respond to certain questions intelligently, proposing what is now known as the Turing Test to evaluate the presence of intelligent behavior in machines. As the decades progressed, AI evolved significantly. The 1980s focused on machine learning, teaching computers to learn from data, leading to the development of models that could improve their performance based on their experiences. The 1990s and 2000s saw further advances in algorithms and computational power, which allowed for more sophisticated data analysis techniques, including data mining. By the 2010s, the proliferation of big data and the refinement of deep learning techniques enabled AI to become mainstream. Notable milestones included the success of Google's AlphaGo and advancements in autonomous vehicles by companies like Tesla and Waymo. A major theme of the presentation is the application of generative AI, which has been used for tasks such as natural language text generation, translation, and question answering. Generative AI uses large datasets to train models that can then produce new, coherent pieces of text or other media. The presentation also discusses the ethical implications and the need for regulation in AI, highlighting issues such as privacy, bias, and the potential for misuse. These concerns have prompted calls for comprehensive regulations to ensure the safe and equitable use of AI technologies. Artificial intelligence has also played a significant role in healthcare, particularly highlighted during the COVID-19 pandemic, where it was used in drug discovery, vaccine development, and analyzing the spread of the virus. The capabilities of AI in healthcare are vast, ranging from medical diagnostics to personalized medicine, demonstrating the technology's potential to revolutionize fields beyond just technical or consumer applications. In conclusion, AI continues to be a rapidly evolving field with significant implications for various aspects of society. The development from theoretical concepts to real-world applications illustrates both the potential benefits and the challenges that come with integrating advanced technologies into everyday life. The ongoing discussion about AI ethics and regulation underscores the importance of managing these technologies responsibly to maximize their their benefits while minimizing potential harms.

Artificial Intelligence: Facts and Myths

Joaquim Jorge

Automating Google Workspace (GWS) & more with Apps Script

wesley chun

Scaling API-first – The story of a global engineering organization

Radu Cotescu

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

As privacy and data protection regulations evolve rapidly, organizations operating in multiple jurisdictions face mounting challenges to ensure compliance and safeguard customer data. With state-specific privacy laws coming up in multiple states this year, it is essential to understand what their unique data protection regulations will require clearly. How will data privacy evolve in the US in 2024? How to stay compliant? Our panellists will guide you through the intricacies of these states' specific data privacy laws, clarifying complex legal frameworks and compliance requirements. This webinar will review: - The essential aspects of each state's privacy landscape and the latest updates - Common compliance challenges faced by organizations operating in multiple states and best practices to achieve regulatory adherence - Valuable insights into potential changes to existing regulations and prepare your organization for the evolving landscape

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc

Handwritten Text Recognition for manuscripts and early printed texts

Maria Levchenko

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men

Delhi Call girls

With more memory available, system performance of three Dell devices increased, which can translate to a better user experience Conclusion When your system has plenty of RAM to meet your needs, you can efficiently access the applications and data you need to finish projects and to-do lists without sacrificing time and focus. Our test results show that with more memory available, three Dell PCs delivered better performance and took less time to complete the Procyon Office Productivity benchmark. These advantages translate to users being able to complete workflows more quickly and multitask more easily. Whether you need the mobility of the Latitude 5440, the creative capabilities of the Precision 3470, or the high performance of the OptiPlex Tower Plus 7010, configuring your system with more RAM can help keep processes running smoothly, enabling you to do more without compromising performance.

Boost PC performance: How more available memory can improve productivity

Principled Technologies

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

Recently uploaded (20)

🐬 The future of MySQL is Postgres 🐘

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

Histor y of HAM Radio presentation slide

What Are The Drone Anti-jamming Systems Technology?

GenCyber Cyber Security Day Presentation

08448380779 Call Girls In Greater Kailash - I Women Seeking Men

Finology Group – Insurtech Innovation Award 2024

How to Troubleshoot Apps for the Modern Connected Worker

Artificial Intelligence: Facts and Myths

Automating Google Workspace (GWS) & more with Apps Script

Scaling API-first – The story of a global engineering organization

How to Troubleshoot Apps for the Modern Connected Worker

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

Handwritten Text Recognition for manuscripts and early printed texts

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men

Boost PC performance: How more available memory can improve productivity

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

D3 Rickshaw and Backbone in 50 minutes

1. @byrichardpowell byrichardpowell.co.uk Thursday, 28 November 13

2. Thursday, 28 November 13

3. Manage your infrastructure Thursday, 28 November 13

4. Monitor your devices Thursday, 28 November 13

5. Monitor your services Thursday, 28 November 13

6. Thursday, 28 November 13

7. 25 TB of data per month Thursday, 28 November 13

8. The backbone logo inside a rickshaw Time Series Graphs with Rickshaw, D3 & Backbone.js Thursday, 28 November 13

9. Why talk about data visulisation? Thursday, 28 November 13

10. Spot Patterns gapminder.org/world/ Thursday, 28 November 13

11. Spot Patterns gapminder.org/world/ Thursday, 28 November 13

12. Diagnose Problems Thursday, 28 November 13

13. Funny picture Data visualization can be beautiful Je Thorp: Word Frequency Thursday, 28 November 13

14. “Data Visualization is awesome” this kid, 2013 Thursday, 28 November 13

15. Overview 1. 2. 3. 4. SVG, D3, Rickshaw Data Visualisation Design API Design Backbone Thursday, 28 November 13

16. 1. SVG, D3 & Rickshaw Thursday, 28 November 13

17. “A modularized language for describing two-dimensional vector and mixed vector/raster graphics in XML” w3.org/TR/SVG/ Thursday, 28 November 13

18. Elements & Attributes Thursday, 28 November 13

19. website snapsvg.io Thursday, 28 November 13

20. pablojs.com/ Thursday, 28 November 13

21. raphaeljs.com/ Thursday, 28 November 13

22. Why D3 & Why Rickshaw? Thursday, 28 November 13

23. Mike Bostock @mbostock Thursday, 28 November 13

24. examples? github.com/mbostock/d3/wiki/Gallery Thursday, 28 November 13

25. Horizon Graphs square.github.io/cubism/ Thursday, 28 November 13

26. Calender Heatmaps bl.ocks.org/mbostock/4063318 Thursday, 28 November 13

27. Rickshaw is feature rich * Line * Stacked * Scaled Series * Custom Axis Formatting * Custom tooltips * Disabling/enabling series Thursday, 28 November 13

28. Rickshaw is feature rich * Scatterplots * Bar charts * Mixed charts * Logarithmic & Absolute Scaling * Annotations Thursday, 28 November 13

29. xkcd.com/418/ Thursday, 28 November 13

30. 2. Design Thursday, 28 November 13

31. “Above all else show the data” Edward Rolf Tufte, 1983 Thursday, 28 November 13

32. bit.ly/183R6sT Thursday, 28 November 13

33. bit.ly/183R6sT Thursday, 28 November 13

34. Data to Ink Ratio: Classes Thursday, 28 November 13

35. Data to Ink Ratio: Classes Thursday, 28 November 13

36. Data to Ink Ratio: Classes Thursday, 28 November 13

37. Data to Ink Ratio: Classes Thursday, 28 November 13

38. Data to Ink Ratio: Legend Classes Thursday, 28 November 13

39. Use only the classes you need to create the design you want Thursday, 28 November 13

40. “Having the data is not enough. I have to show it in ways people both enjoy and understand.” Hans Rosling Thursday, 28 November 13

41. Enjoy Thursday, 28 November 13

42. “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

43. This is not enjoyment this is not ﬂow Thursday, 28 November 13

44. To maintain ﬂow Be Defensive Thursday, 28 November 13

45. Defensive: Check for errors Thursday, 28 November 13

46. Defensive: Quarantine Thursday, 28 November 13

47. Defensive: Give Feedback Thursday, 28 November 13

48. Being Forgiving Thursday, 28 November 13

49. Understand Thursday, 28 November 13

50. Numbers or Patterns? Thursday, 28 November 13

51. 19th Nov 2003 Physical Memory Used: 200 Both? Thursday, 28 November 13

52. Comparisons? Thursday, 28 November 13

53. Custom Formatted Tooltips Thursday, 28 November 13

54. Tooltip Events Thursday, 28 November 13