Блог

Я пытаюсь смоделировать сложные конфигурации жгутов / кабелей, используя макет, ориентированный на усилие. Большинство жгутов имеют множество концов соединителей, которые выглядят так же, как типичный макет, ориентированный на усилие.

Я экспериментировал с примерами того, как заменить круги прямоугольниками или простыми изображениями. Я ищу что-то более сложное, например, переключатель с 2 состояниями, чтобы локально отслеживать изменения конфигурации (связанные или удаленные).

Я выбрал кнопку ввода ниже, потому что оказалось, что отдельные кнопки могут быть специально названы для отслеживания состояний.

Я пытался объединить эти:

 <input class="toggleable-button" name="" type="checkbox" checked value="0" />

  

   var node = svg.append("g")
    .attr("toggleable-button", "nodes")
    .selectAll("g")
    .data(graph.nodes)
    .enter().append("g")

  

Большинство узлов отображаются в виде круга, или текст не нужно менять, но состояния переключателей переключателей будут меняться во время аппаратной интеграции. Я хотел бы в конечном итоге отслеживать состояния этого набора переключателей в файле JSON, чтобы их можно было использовать для инициализации начала следующего сеанса изменений. Сначала мне нужно некоторое представление о том, как заменить определенные узлы.