水平角度と飛距離のデータから打球の散布図を作れるか

質問

pythonのplotlyで図を作成するための質問です。

野球の関してのデータで、
打者の打った打球の水平角度と飛距離データを含むcsvを持っています。

・水平角度
…投手と捕手を結ぶ線を基準に捕手目線から右側（一塁側）が+、左側（三塁側）が－。
・飛距離
…打球の飛距離。ホームベースが基準で打球が地面に落ちたところまでの距離。

このデータから打球の散布図、いわゆるSprayChartと呼ばれるものを作成できないかと考えています。

デフォルトでの数値で水平角度をx、打球飛距離をyにとると添付図のようになるのですが、
これだとx=0からの垂直方向への飛距離になってしまい、野球グラウンドのダイヤモンド基準にならないため苦労しております（説明が難しいので、図をご覧下さい）。

ダイヤモンド基準の散布図を作成する方法、何かありますでしょうか？

ご教授の程、よろしくお願いいたします。

■現状

■理想

該当のソースコード

Python
1# SprayChart
2df = pd.read_csv("sample.csv")
3fig = px.scatter(df, x="Horiz. Angle", y="Distance", width=700, height=500, color="Type", hover_data={"Type":False, "Horiz. Angle":False, "Distance":":.1f"},)
4fig.update_layout(
5    plot_bgcolor="white",
6    xaxis=dict(
7        dtick=20
8    ),
9    yaxis=dict(
10        dtick=20
11    )
12)
13fig.update_xaxes(range=[-100,100], showline=True, zeroline = True, linecolor='black', color="black", gridcolor='lightgray', gridwidth=1, zerolinecolor="lightgray", mirror=True)
14fig.update_yaxes(range=[-10,120], showline=True, zeroline = True, linecolor='black', color="black", gridcolor='lightgray', gridwidth=1, zerolinecolor="lightgray", mirror=True, scaleanchor = "x", scaleratio = 1,)
15fig.update_traces(
16    marker=dict(
17        size=5,
18        opacity=0.7
19    )
20)
21fig.add_shape(
22    type="line",
23    x0=0, y0=0, x1=-100, y1=100,
24    line=dict(
25        color="grey",
26        width=1, 
27    ),
28)
29fig.add_shape(
30    type="line",
31    x0=0, y0=0, x1=100, y1=100,
32    line=dict(
33        color="grey",
34        width=1, 
35    ),
36)
37
38fig