observablehq / observablehq/plot

facetAnchor function?

Open
#1,756 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement
Dominant language
HTML
Stars
5.4k
Forks
244
PR merge metrics
No merged PRs in 30d

Description

If facetAnchor was a function of the facet’s values and index {fx, fy, fi}, it would be simpler to, for example, make a "zebra frame" that highlights every second facet.

Currently it's possible to do so with a render transform which checks index.fi to decide whether to call next(…), e.g.:

Plot.frame({
  render: (index, scales, values, dimensions, context, next) => 
    index.fi % 2 ? next(index, scales, values, dimensions, context) : null,
  fill: '#eee'
})

(feature suggested by @mayagans)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

The issue names no files or tests. Start by tracing the facet rendering and render-transform entry points that expose index.fi, then examine how a facetAnchor function could receive {fx, fy, fi}; done means the zebra-frame example can use the proposed API without its custom transform.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
data-visualization
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.