如何在D3中创建可移动滑块以选择字符串的各个部分

Question

我需要在d3.js中创建可视化。我浏览了画廊和其他示例以及SO，但收效甚微。

我希望用户能够在窗口内选择文本，如下所示。用户在一个单独的框中输入字符串，然后显示整个字符串。然后，用户应该能够使用“滑块”选择一系列连续的字母。

然后，所选文本应在变量中可用。

我在想的是这样的：

标记为“ A”和“ C”的位点是图像中的端点。

我不确定从何开始。我找不到任何类似的例子。仅使用D3设计这种滑块的最佳方法是什么？