grafana / grafana

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.
https://grafana.com
GNU Affero General Public License v3.0
65.07k stars 12.15k forks source link

We need a Bubble chart with time series visualization #83046

Open SricharanSundar opened 9 months ago

SricharanSundar commented 9 months ago

Why is this needed: My goal is to visualize the impact of each data point within a specific time series with dynamic data point size . For example, I want to show how an issue like high memory consumption affects performance at different points in time. Ideally, the visualization should: Dynamically adjust data point size based on the percentage value of a specific field (e.g., memory consumption). Larger bubbles would represent higher percentages, while smaller ones would indicate lower or normal values. Include hover interactivity: When I hover over a data point, it should display the specific percentage value and related information about the impact on performance. Be time-aware: This visualization needs to be integrated within a time series context, not a static scatter plot. This will allow me to analyze the impact of the data point over time. Unfortunately, our current time series visualization isn't meeting these requirements. The data point size is fixed, and there's hover interaction available. While we tried a scatter plot, it lacks the time-dependent aspect and hover interaction is unavailable.

What would you like to be added: I require a time series visualization where:

Datapoints: Should dynamically update based on specific field values or query results. Size: Each datapoint size should correspond to its respective percentage value (0% to 100%). Color: Datapoint color should reflect the underlying result. Hover Interaction: Displaying the associated result upon hovering over a datapoint. Previous attempts:

I explored E-charts, but it requires coding on both client and server sides, which we want to avoid. Desired Features:

No coding required: Ideally, the solution should offer a user-friendly interface without extensive coding. Customization options: The tool should allow configuring datapoint size, color, and hover interaction behavior. Dynamic data handling: The visualization should seamlessly adapt to changing data based on field values or query results.

Who is this feature for? Based on all Grafana community creators and developers.

leeoniya commented 9 months ago

we generally try to include common visualizations in the core and leave the more special ones to plugins.

i tried a google image search for timeseries bubble chart and found nothing. what should i be looking for? can you link to an example and maybe attach an image of what you ended up with ECharts?

SricharanSundar commented 9 months ago

https://images.app.goo.gl/7EbFFmE48LeuA3T97 x axis --> need to be a time y axis --> with the percentage value the data point size need to change dynamically as per percentage value https://echarts.apache.org/examples/en/editor.html?c=scatter-logarithmic-regression