PythonのBokehライブラリでインタラクティブにプロット対称を変更 CDSView()の使い方について

Question

前提・実現したいこと

PythonのグラフライブラリのBokehを使ってインタラクティブなグラフを描こうとしています。
sliderを配置して散布図の描画対象をフィルタリングするような動作をさせたいです。
具体的にはScore値がsliderの値以上のデータのみをプロットするようにしたいです。
以下のサイトを参考にして練習プログラムを作成しましたが、
CustomJSFilter()の機能が正しく働かないようです。
練習プログラムの下から4行目のようにCustomJSFilter()を使用しない場合は
ブラウザでグラフが描画されますが（当然フィルタリング機能はなし）、
使用した場合は空白ページが表示されるのみです。

昨日より、色々試してますが、解決できないので質問させて頂きます。
よろしくお願いします。

発生している問題・エラーメッセージ

エラーメッセージは出ません。

該当のソースコード

import pandas as pd 
import numpy as np
from bokeh.plotting import figure, output_file, show
from bokeh.models import HoverTool, ColumnDataSource, Slider
from bokeh.models import CustomJS, CustomJSFilter, CDSView
from bokeh.layouts import Column, Row

ar=[[1,50,100,0.99],[2,55,120,0.8],[3,52,180,0.92],[4,58,150,0.89],[5,52,145,0.85],
    [6,54,152,0.92],[7,58,152,0.86],[8,51,140,0.83],[9,68,150,0.95],[10,51,120,0.80]]
df = pd.DataFrame(ar)
df.columns = ['ID', 'X', 'Y', 'Score']

src = ColumnDataSource(df) 

# Make a slider object 
slider = Slider(title = 'Min Score for Plot', 
                start = 0, end = 1.0, 
                step = 0.1, value = 0.5)

# callback (slider changed)
callback = CustomJS(args = dict(source=src), 
                    code = """source.change.emit();""")
slider.js_on_change('value', callback)

# Creates custom filter that selects the Score based on the value in the slider
custom_filter = CustomJSFilter(args = dict(slider = slider, source = src), code = """
var indices = [];
// iterate through rows of data source and see if each satisfies some constraint
for (var i = 0; i < source.get_length(); i++){
    if (source.data[‘Score’][i] >= slider.value){
        indices.push(true);
    } else {
        indices.push(false);
    }
}
return indices;
""")

# Uses custom_filter to determine which set of sites are visible
view = CDSView(source = src, filters = [custom_filter])

p1 = figure(title='XY Map',         # タイトルを入力
           x_axis_label='X', # x軸のラベル
           y_axis_label='Y',        # y軸のラベル
           width=600,height=350,     # グラフの幅と高さの指定
          )

p1.scatter(x='X', y='Y', source=src, view=view)
#p1.scatter(x='X', y='Y', source=src)

layout = Column(p1, slider)
show(layout)

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

Python3.7
Bokeh 2.01

Answer 1

自己解決しました。
CustomJSFilter（）のJavaScriptを以下のように修正したら動きました。
ブラウザのデバッグウインドウで空白ページを調べたら
「Uncaught (in promise) SyntaxError: Duplicate parameter name not allowed in this context」
というエラーが出ており、それをググって、引数のsourceがダブっていると見当をつけて
これを除いたら動きました。

custom_filter = CustomJSFilter(args = dict(slider = slider), code = """
var indices = [];
// iterate through rows of data source and see if each satisfies some constraint
for (var i = 0; i < source.get_length(); i++){
if (source.data['Score'][i] >= slider.value){
indices.push(true);
} else {
indices.push(false);
}
}
return indices;
""")

それと、質問で参考にしたサイトの記載が漏れてましたので、以下に記します。
https://towardsdatascience.com/walkthrough-mapping-basics-with-bokeh-and-geopandas-in-python-43f40aa5b7e9

今回は自己解決できて良かったです。
今後もよろしくお願いします。