Giter Club home page Giter Club logo

xobserve / xo Goto Github PK

View Code? Open in Web Editor NEW
3.7K 80.0 479.0 66.87 MB

Observe any stack, any service and any data, using any UI components you prefer, never missing any X factors and resolve them before they become problems.

Home Page: https://xobserve.io

License: Other

Go 26.36% JavaScript 3.13% TypeScript 69.31% CSS 0.97% HTML 0.12% Shell 0.03% Dockerfile 0.07% Makefile 0.01% Python 0.01%
apm observability prometheus jaeger opentelemetry tracing xo

xo's Introduction

Observe everything you want in your business and never miss any X factors .

License Website Online demo

English | 简体中文

XO

XO is short for xobserve. It is a programmable observability platform designed specifically for developers. It also serves as an alternative data visualization platform to Grafana.

XO enables users to quickly create online observability scenarios such as monitoring, logging, and tracing. If XO does not meet your specific needs, you can always file an issue, and reasonable requests will be promptly addressed.

Roadmap to V1.0

Up to this point, we have implemented the user interface (UI) part of XO, which can be used as an alternative to Grafana. We are currently working on the observability features, which will be released in V1.0.

Features

XO offers a wide range of features, including:

  1. Observability: Encompasses an extensive range of observability scenarios with native support for Opentelemetry.

  2. Charts and Datasources: Provides numerous chart components and data sources with rich customization options.

  3. Interactivity: Offers deep and customizable interactions between charts and pages.

  4. Enterprise features supported: Includes multi-tenancy, permission management, navigation menus, and global state management.

  5. User experiences: Offers blazing fast performance and full customizability, ensuring a great user experience.

  6. Modern UI design: Supports large data screens and is perfectly compatible with mobile devices.

  7. Programmability: Empowers developers with powerful programmability and customization options. For instance, Datav agent supports using WebAssembly to develop your own plugins and data processing pipelines.

  8. Community: Comes with extensive documentations, and rapid community support response.

Quick start & Documentation

The documentation is available at xobserve.io/docs.

You can also try online demo at play.xobserve.io.

Example images

Visitors Count

Loading

xo's People

Contributors

baerwang avatar bhargavshirin avatar codemystery avatar germiniku avatar haleygo avatar loori-r avatar omimakhare avatar pinghigh avatar shraddha761 avatar sunface avatar zhlii avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

xo's Issues

new value mapping

grafana 8.0

With the new value mappings editor, you can directly map strings and boolean states to colors and alternative display texts. This will work across all Grafana visualizations, including the new State timeline panel (see below).

Better utilize antd-ui and chakra-ui

  1. Chakra-ui for overall theme and components
  2. Antd-ui for specilized/advanced using cases, such as complicated table, popover etc.
  3. Refactor custom theme variables and classes, make theme unify

Chinese docs to english ones translating

There are a lot of docs in datav written in chinese, so we need help to translate these chinese docs to english ones, if you want to join us , please leave a message below, thanks : )

Team

  1. Team 分组用于管理仪表盘和菜单导航
  2. 每个分组都有管理员角色,可以编辑分组内的仪表盘
  3. ID=1 是默认的全局分组,里面的管理员是全局管理员,可以管理网站内容
  4. 全局分组的仪表盘和菜单可以被所有人访问

stats panel optimize

  1. Stat 显示多个 series
  2. Stat 拥有背景色
  3. 显示/隐藏 graph
  4. 设定 Title value 的font size
  5. 原样支持 Grafana loki 页面的图表样式
  6. Overrides
  7. 支持 series 多选

Copying clipboard

  1. Go to the https://datav.dev/
  2. Click copy icon right next to docker command
  3. It will copy npm install tailwind it should be docker run -d --name=datav -p 3000:3000 -p 3001:3001 opendatav/datav

I was wanted to fix but I saw docs folder was removed from repo.

Data source query caching

To address pain points that customers have experienced with some data sources, we’ve added query caching. datav will now cache the results of backend data source queries for faster query performance and dashboard loading. Eliminating unnecessary duplicate queries also results in fewer API requests and lower costs.

Some issues to resolve

一些优化点

  1. 在没有创建过菜单项的时候,给予新建菜单项提示,例如在左上侧菜单增加一个 + 号,同时在创建菜单项的地方,给予输入提示,例如路径 : /test , dashboard id : d-home
  2. 在编辑 panel 页面设置了时间后,dashboard 的时间不会同步
  3. 编辑 panel 页面增加 save dashboard 按钮
  4. 时间选择:
    1. 手动选择日期后,在起始/终止 input 中修改日期,会报错
    2. 手动选择日期后,会显示时间戳,而不是时间字符串
  5. 创建 datasource 后必须要刷新才能选择新的 ds

变量

变量分为两种:仪表盘局部变量和全局变量

设计原则:

  1. 变量拥有默认值
  2. 全局变量可以在后端通过硬编码或者插件的方式实现取值
  3. 支持通过 HTTP 的方式去外部取值
  4. 局部变量保存在仪表盘中,全局变量保存在mysql表中

关于服务部署

我后续有时间考虑完善服务容器一键部署,有什么看法吗
我考虑放到deploy这个顶层目录

BarGauge panel

Due to the newest Table panel depend seriously on gauge to show various column text, so we developed a BarGauge component.

Base on that component with extra settings and wrapper, we should deliver a BarGauge panel as soon as possible.

Remove nextjs, using vitejs + react-router

If we don't need SSR, then nextjs is almost useless, especially using it will introduce a lot of unexpected and hard-to-resolve problems.

So, we use vitejs to elevate the overall building time, and react-router for routes managing.

使用技巧

如何通过 legend 过滤多个 series

image

上图由于忽略了 "mode",因此选择出四条曲线

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.