strokedash8.vl

{
    "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
    "data": {
        "sequence": {
            "as": "x0",
            "start": 0,
            "step": 0.1,
            "stop": 100
        }
    },
    "encoding": {
        "strokeDash": {
            "field": "cat",
            "scale": {
                "domain": [
                    0,
                    1,
                    2,
                    3,
                    4,
                    5,
                    6,
                    7,
                    8,
                    9
                ],
                "range": [
                    [
                        2,
                        0
                    ],
                    [
                        32,
                        8
                    ],
                    [
                        20,
                        8
                    ],
                    [
                        16,
                        8
                    ],
                    [
                        16,
                        8,
                        8,
                        8
                    ],
                    [
                        12,
                        8
                    ],
                    [
                        10,
                        8
                    ],
                    [
                        8,
                        12
                    ],
                    [
                        4,
                        8
                    ],
                    [
                        2,
                        6
                    ]
                ]
            },
            "type": "ordinal"
        },
        "x": {
            "axis": {
                "grid": false
            },
            "field": "x",
            "type": "quantitative"
        },
        "y": {
            "axis": {
                "grid": false
            },
            "field": "y",
            "type": "quantitative"
        }
    },
    "height": 300,
    "mark": "line",
    "title": "Dash scale 2.0",
    "transform": [
        {
            "as": "y0",
            "calculate": "abs(sin(datum.x0+random()))"
        },
        {
            "as": "x",
            "calculate": "datum.x0 %10"
        },
        {
            "as": "cat",
            "calculate": "floor(datum.x0 / 10)"
        },
        {
            "as": "y",
            "calculate": "datum.y0 + datum.cat"
        }
    ],
    "width": 300
}