How to fill area between 2 point with Kibana

Elastic Stack Kibana
1

Hi,

I need to visualize "busy | available" graph for my data.
Sample data and sketchy graph here is below.

What is best approach to catch something like this graph?

I tried something with also TSVB. But i just wonder how to fill area between two point.

graph
graph1065×735 24.9 KB 

[
    {
        "name": "Car1",
        "startedDate": "2021-01-21T10:00:00.000+03:00",
        "endedDate": "2021-01-21T10:15:00.000+03:00"
    },
    {
        "name": "Car1",
        "startedDate": "2021-01-21T10:25:00.000+03:00",
        "endedDate": "2021-01-21T10:40:00.000+03:00"
    },
    {
        "name": "Car1",
        "startedDate": "2021-01-21T10:45:00.000+03:00",
        "endedDate": "2021-01-21T10:50:00.000+03:00"
    },
    {
        "name": "Car1",
        "startedDate": "2021-01-21T10:55:00.000+03:00",
        "endedDate": "2021-01-21T11:05:00.000+03:00"
    },
    {
        "name": "Car2",
        "startedDate": "2021-01-21T10:00:00.000+03:00",
        "endedDate": "2021-01-21T10:40:00.000+03:00"
    },
    {
        "name": "Car2",
        "startedDate": "2021-01-21T10:45:00.000+03:00",
        "endedDate": "2021-01-21T110:20:00.000+03:00"
    },
    {
        "name": "Car3",
        "startedDate": "2021-01-21T10:00:00.000+03:00",
        "endedDate": "2021-01-21T10:25:00.000+03:00"
    },
    {
        "name": "Car3",
        "startedDate": "2021-01-21T10:25:00.000+03:00",
        "endedDate": "2021-01-21T10:50:00.000+03:00"
    },
    {
        "name": "Car3",
        "startedDate": "2021-01-21T10:50:00.000+03:00",
        "endedDate": "2021-01-21T11:20:00.000+03:00"
    },
    {
        "name": "Car4",
        "startedDate": "2021-01-21T10:55:00.000+03:00",
        "endedDate": "2021-01-21T11:20:00.000+03:00"
    }
]
2

I suppose you need custom visualizatoin using vega or vega-lite.

Here is a sample chart of vega-lite.

3

This is a sample using your data. A lot of customization could be possible.

image

4

It looks nice, thank you

1 Like
5

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.