Tim E. Hall / VP Products
Dashboards as Code
InfluxDB 2.0 – Changing the Game
Journey
Time Series Database
Observability Platform
• Write less code
• Faster time to awesome
• Enable powerful ecosystem
• High performance
• Time to awesome
• Purpose built
• Interactive & Autonomous Monitoring
• InfluxDB 2.0 Dashboard Overview
• Dashboards as Code (Templates, API, Command Line)
• Visualization Components
• Sharing Expertise
Interactive & Autonomous Monitoring
Manual
Queries
Dashboards
Alerts /
Notifications
Autonomous MonitoringInteractive Monitoring
Manual Queries created via Flux Query Builder
• Data exploration is the start of the journey
Manual Queries created via Flux Script Editor
• Advanced Flux script manipulation and language features
Dashboards are created via Flux
• Creation of dashboards and cells allow for active monitoring
Dashboard Visualization Types
Dashboards are self contained…
• Variables
…and can be imported, exported & shared as templates
• Templates
Dashboards as Code
Dashboards can be completely managed via the API
• Export or Templates can be
checked into source code
control – leverage existing
tooling for CI/CD
• Creating & modifying
dashboards and cells is
simple via the API
• See our Swagger.yml for full
details or /docs for interactive
docs
Templates allow you to instantiate multiple instances of Dashboards
• Admins can create/import Dashboard Templates
• Users don’t need to start from scratch
Dashboards as Code Summary
• Dashboards can be managed via the API
• Dashboards are self contained and can be exported / imported
easily
• Templates foster code reuse and sharing of expertise…but where
does this lead?
InfluxDB 2.x: Composable Solutions
Define and Share via User Defined Packages
Select
Queries & Scripts
Select
Dashboards
Select
Data Sources
Network Monitoring
IOT/Sensor System
Infrastructure Monitoring
Faster time to Awesome!
Visualization
Components
Introducing
Giraffe Clockface
https://github.com/influxdata/giraffe https://github.com/influxdata/clockface
Giraffe
• A React-based visualization library used to implement the InfluxDB 2.0
UI
• What’s in it?
– A high-level Grammar of Graphics style API that can specify a wide variety of
visualizations with a few simple concepts
– A columnar interface for input data that enables efficient interop with Web Workers
and Apache Arrow
– Easy reactivity and extensibility via React
– Self-contained configs in the style of Vega-Lite
– Support for mapping groupings of columns to a single visual aesthetic
• Docs being developed now
Clockface
• A React + Typescript UI Kit for building visualization applications
Rapidly build applications
• Leverage and reuse visualization components built for InfluxDB
• In conjunction with InfluxDB 2.0 JavaScript client library or stand-
alone
• All in Open Source
Call to Action
• Try it -> InfluxDB 2.0 Alpha or InfluxDB 2.0 Cloud
– Interactive Exploration and Monitoring
– Use Flux Query Builder and/or Flux Script Editor
• Explore Giraffe, Clockface and InfluxDB 2.0 JavaScript Client
Library
• Feedback Welcome!
Thank You!
Dashboards as Code by Tim Hall, VP of Product | InfluxData

Dashboards as Code by Tim Hall, VP of Product | InfluxData

  • 2.
    Tim E. Hall/ VP Products Dashboards as Code
  • 3.
    InfluxDB 2.0 –Changing the Game
  • 4.
    Journey Time Series Database ObservabilityPlatform • Write less code • Faster time to awesome • Enable powerful ecosystem • High performance • Time to awesome • Purpose built
  • 5.
    • Interactive &Autonomous Monitoring • InfluxDB 2.0 Dashboard Overview • Dashboards as Code (Templates, API, Command Line) • Visualization Components • Sharing Expertise
  • 6.
    Interactive & AutonomousMonitoring Manual Queries Dashboards Alerts / Notifications Autonomous MonitoringInteractive Monitoring
  • 7.
    Manual Queries createdvia Flux Query Builder • Data exploration is the start of the journey
  • 8.
    Manual Queries createdvia Flux Script Editor • Advanced Flux script manipulation and language features
  • 9.
    Dashboards are createdvia Flux • Creation of dashboards and cells allow for active monitoring
  • 10.
  • 11.
    Dashboards are selfcontained… • Variables
  • 12.
    …and can beimported, exported & shared as templates • Templates
  • 13.
  • 14.
    Dashboards can becompletely managed via the API • Export or Templates can be checked into source code control – leverage existing tooling for CI/CD • Creating & modifying dashboards and cells is simple via the API • See our Swagger.yml for full details or /docs for interactive docs
  • 15.
    Templates allow youto instantiate multiple instances of Dashboards • Admins can create/import Dashboard Templates • Users don’t need to start from scratch
  • 16.
    Dashboards as CodeSummary • Dashboards can be managed via the API • Dashboards are self contained and can be exported / imported easily • Templates foster code reuse and sharing of expertise…but where does this lead?
  • 17.
    InfluxDB 2.x: ComposableSolutions Define and Share via User Defined Packages Select Queries & Scripts Select Dashboards Select Data Sources Network Monitoring IOT/Sensor System Infrastructure Monitoring Faster time to Awesome!
  • 18.
  • 19.
  • 20.
    Giraffe • A React-basedvisualization library used to implement the InfluxDB 2.0 UI • What’s in it? – A high-level Grammar of Graphics style API that can specify a wide variety of visualizations with a few simple concepts – A columnar interface for input data that enables efficient interop with Web Workers and Apache Arrow – Easy reactivity and extensibility via React – Self-contained configs in the style of Vega-Lite – Support for mapping groupings of columns to a single visual aesthetic • Docs being developed now
  • 21.
    Clockface • A React+ Typescript UI Kit for building visualization applications
  • 22.
    Rapidly build applications •Leverage and reuse visualization components built for InfluxDB • In conjunction with InfluxDB 2.0 JavaScript client library or stand- alone • All in Open Source
  • 23.
    Call to Action •Try it -> InfluxDB 2.0 Alpha or InfluxDB 2.0 Cloud – Interactive Exploration and Monitoring – Use Flux Query Builder and/or Flux Script Editor • Explore Giraffe, Clockface and InfluxDB 2.0 JavaScript Client Library • Feedback Welcome!
  • 24.

Editor's Notes

  • #5 We are building the next generation AI driven observability platform for better visibility in this drive to autonomy world...