Mark callback?

[j-f1]

When creating a plot using Observable Plot, I found that using the APIs was a good experience; however, it is essentially impossible to do anything outside of them. It would be nice to have an ”escape hatch” (a customize option callback that takes either a d3 selection or just an HTML node?) in various places to allow for arbitrary customization.

proposal:

Plot.dot(athletes, {
  x: "weight",
  y: "height",
  stroke: "sex",
  customize: el => el.on('mouseenter', (e, d) => alert(d.sport))
}).plot({
  x: {
    customize: el => el.selectAll('.tick').remove()
  },
})

[Fil]

Related: #501 (comment)

[mbostock]

This description feels too general to be actionable, so I’m going to close, but please continue to share your ideas and perhaps we can rally around something more concrete that we can work on. I also want to note that Plot already has a significant “escape hatch” in the sense that you can provide your own Mark implementation by implementing mark.render or simply by passing a render function in the marks array. This is described here:

https://github.com/observablehq/plot/blob/main/CHANGELOG.md#marks