block by armollica 853c9344a7808619d863c8d7410062e6

Chart Annotation

Full Screen

Example using the d3.ringNote plugin to add circle annotations to a chart. Drag the dashed circles and the text to move the annotation elements. These moveable, dashed-line circles will disappear if ringNote.draggable(false) is called.

The chart shows the eruption duration and waiting time between eruptions for the Old Faithful geyser in Yellowstone National Park. This is from the datasets R package.

index.html

d3-ring-note.js

faithful.json