The open and composable observability and data visualization platform. Visualize metrics, logs, and traces from multiple sources like Prometheus, Loki, Elasticsearch, InfluxDB, Postgres and many more.

prometheus hacktoberfest metrics monitoring alerting grafana go influxdb mysql postgres analytics data-visualization dashboard business-intelligence elasticsearch

History

Dominik Prokop 844dd9e8f0 Graph NG WIP (#27572 ) * Squash merge Ryans uPlot work * uPlot - wrap into composable API * Remove MicroPlot.tsx * Add missing uPlot stylesheet import * Use field config for axes config * Min selection distance for Zoom * WIP Tooltip behaviour * Some progress on rendering plot * gdev dashboard for graph ng tests * Update custom field config interface for graph options * Add support for paths in default field config setup (+2 squashed commits) Squashed commits: [93fc3afbfc] Typecheck fix [a07ef86a8b] Add support for paths in default field config setup * Include IANA timezone canonical name in TimeZoneInfo * Use correct time zone on time axis * Default axis width * Use system date time formats for time axis ticks * Graph panel layout * Respect config paths when rendering default value of field config property * Fix mismatch in field config editor types * Color field option editor * Refactor plot context to a single one * First version of new graph legend plugin * Fix mutable data frame * Multiple ui fixes, layout is still slightly problematic * Remove unused * Fix tooltip test * Some perf optimisations * Update dev dashboard * Typecheck fix * Do not use color value editor as standard property editor, add custom field config to graph panel to control series color * Update dev dashboard with correct tags * Fix undefined issues * Update devenv/dev-dashboards/panel-graph/graph-ng.json		5 years ago
..
.storybook	Storybook: Use bare specifier @grafana/ui in public stories (#26563 )	6 years ago
src	Graph NG WIP (#27572 )	5 years ago
.eslintrc	Chore: MEGA - Make Eslint Great Again 💅 (#26094 )	5 years ago
CHANGELOG.md	changelog 7.2.0 (#27728 )	5 years ago
README.md	Storybook: Add intro and reorganize (#23924 )	6 years ago
api-extractor.json	…
index.js	Chore: MEGA - Make Eslint Great Again 💅 (#26094 )	5 years ago
package.json	Graph NG WIP (#27572 )	5 years ago
rollup.config.ts	grafana/ui: Do not bundle jQuery (#27667 )	5 years ago
tsconfig.build.json	…
tsconfig.json	Storybook: Use bare specifier @grafana/ui in public stories (#26563 )	6 years ago

README.md

Grafana UI components library

@grafana/ui is currently in BETA.

@grafana/ui is a collection of components used by Grafana

Our goal is to deliver Grafana's common UI elements for plugins developers and contributors.

See package source for more details.

Installation

yarn add @grafana/ui

npm install @grafana/ui

Development

For development purposes we suggest using yarn link that will create symlink to @grafana/ui lib. To do so navigate to packages/grafana-ui and run yarn link. Then, navigate to your project and run yarn link @grafana/ui to use the linked version of the lib. To unlink follow the same procedure, but use yarn unlink instead.