one-at

one-at lets you apply a CSS class to one selected element and one element only. When you use it to select a different element, it will "unselect" the previous element by removing the css class.

Usage

var oneAtATimeSelector = createOneAt('selected');

d3.selectAll('.map-node').on('click', function selectNode(d) {
  oneAtATimeSelector.selectElementWithId(d.id);
});

In this example, when an element is clicked, one-at will add the selected class to the element and remove the selected class from the previously selected element. The selected class can be defined in CSS to distinguish it from the rest of the elements.

.selected {
  background-color: yellow;
}

Installation

npm install one-at

License

MIT.