Drag and drop SVG, HTML or Canvas using mouse or touch input.

Mike Bostock

Apollonius’ Problem

Force-directed graph, canvas

Force-directed graph

Force-directed lattice

Sticky Force Layout

Drag collisions

Drag (SVG Voronoi, Clipped)

Drag & Zoom

Drag & Click

Drag (SVG Voronoi)

Drag (Canvas Search)

Drag (SVG)

Draw Me

Versor dragging

Force-directed graph component

Drag (Canvas View)

D3 Documentation

d3-drag

Graphical primitives for visualization, such as lines and areas.

d3-shape

Added key.toLowerCase(): when I press shift-Z the key is "Z" not "z". Confirmed at https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key with Chrome, Safari and Firefox.

Ugh, it appears that Chrome doesn’t implement this correctly on macOS. I’ll revert back to the legacy keyCode for now.

(the behavior was the same on the 3 browsers, it was not only Chrome)

For me, Safari, Chrome, and Firefox all return lowercase “z” on macOS when shiftKey is down, which deviates from the documented “taking into consideration the state of modifier keys”. I can’t reproduce the behavior you describe, but it is consistent with the linked documentation.