How to fill area between 2 point with Kibana

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.


[
    {
        "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"
    }
]

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

Here is a sample chart of vega-lite.

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

image

It looks nice, thank you

1 Like

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