Python/Django 或 D3 中的自定义离散滑块

Custom discrete slider in Python/Django or D3

我正在为一家小型公司的内部网开发自定义调查应用程序,并且想设计自定义滑块。我需要有离散的滑块,它们可以指示 1-5 之间的值,但允许您 select 基于悬停和单击操作的级别。我通过 matplotlib 和 D3 找到了 Python 的离散滑块,但没有这样的。我希望它看起来像这样:

这种前端实现是否最好留给 d3 工作,或者更好的做法是为 Python 中的现有滑块 class 编写包装器?接受任何和所有建议,但我坚持使用 Django 作为应用程序的框架。

我正在寻找的比例类型显然是 "Likert field",而不是离散滑块。 Django 有一个包可以完成这个:

https://pypi.org/project/django-likert-field/