// LineTaperedLayerの使用例（GeoJSON形式）

const lineDemoData = await d3.json('../geojson/line/line-demo-data.geojson');

// LineTaperedLayerインスタンスを作成
const taperedLayer = new Thematika.LineTaperedLayer({
    data: lineDemoData,
    startSize: 10,       // 始点の太さ（ピクセル）
    endSize: 2,          // 終点の太さ（ピクセル）
    arcHeight: 0.3,      // アークの高さ係数
    flipArc: false,      // アーク反転（コールバックも可能）
    attr: {
        "fill": (d, i) => color[i],
        "opacity": 0.6
    }
});

// コールバック関数でフィーチャーごとに設定を変える例
const taperedLayer2 = new Thematika.LineTaperedLayer({
    data: lineDemoData,
    startSize: (d, i) => 5 + i * 3,
    endSize: (d, i) => 1 + i,
    flipArc: (d, i) => i % 2 === 0,
    attr: { "fill": '#ff6b6b', "opacity": 0.7 }
});

map.addLayer('tapered', taperedLayer);