2b:null 2c:["$","title",null,{"children":"Plot: One-dimensional pointing | Observable | Observable"}] 31:[] 2f:{"id":"fd46660c635df24f","slug":"plot-one-dimensional-pointing","title":"Plot: One-dimensional pointing","thumbnail":"0f4af803988e75c94704a0a230ba6143e65e97ba5ee5026728160648bd11b55d","access_level":"public","create_time":"$D2023-05-29T08:14:45.514Z","update_time":"$D2023-05-29T08:49:25.908Z","view_time":null,"first_public_time":"$D2023-05-29T10:03:47.028Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","avatar_url":"https://avatars-next.observableusercontent.com/424c6c1f7794371c9915a160519bdfb34cf34e50069fcd6def38a1a04d4e9702","tier":"enterprise_2024"},"version":18,"publish_version":null,"role":null,"authored":false,"authors":[],"members":[{"type":"group","id":"76aea96fc709f166","login":"8233674146ba4cfe","name":"Plot","avatar_url":null,"tier":"public","role":"editor"},{"type":"individual","id":"45a379fcfcb14253","login":"fil","name":"Fil","avatar_url":"https://avatars-next.observableusercontent.com/d5b1777907117a2bdf2a07eb98600d7a9beb21639fde42b9753e95c88c7731a6","tier":null,"role":"editor"},{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","avatar_url":"https://avatars-next.observableusercontent.com/424c6c1f7794371c9915a160519bdfb34cf34e50069fcd6def38a1a04d4e9702","tier":"enterprise_2024","role":"viewer"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Plot: One-dimensional pointing","cells":[{"id":0,"value":"

Plot: One-dimensional pointing

Observable Plot › Gallery

\n\n# One-dimensional pointing\n\nOne-dimensional [pointing](https://observablehq.com/plot/interactions/pointer) makes even small bars or rects easily hoverable. If you switch the histogram below to two-dimensional pointing, you must hover near a rect’s centroid (shown in red) to trigger a tip, whereas one-dimensional pointing triggers the tip anywhere in the chart.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"viewof tipmode = Inputs.radio([\"xy\", \"x\"], {value: \"x\", label: \"Tip mode\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"Plot.plot({\n x: {label: \"Daily volume (log₁₀)\"},\n marks: [\n Plot.rectY(aapl, Plot.binX({y: \"count\"}, {x: (d) => Math.log10(d.Volume), thresholds: 40, tip: tipmode})),\n Plot.dot(aapl, Plot.stackY(Plot.binX({y: \"count\"}, {x: (d) => Math.log10(d.Volume), thresholds: 40, stroke: \"red\"})))\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"