45:["$","title",null,{"children":"Rule Mark / Observable Plot | 1907040205 | Observable"}] 4d:[{"id":"3ccff97fd2d93da734e76829b2b066eafdaac6a1fafdec0faf6ebc443271cfc109d29e80dd217468fcb2aff1e6bffdc73f356cc48feb657f35378e6abbbb63b9","href":"https://static.observableusercontent.com/files/3ccff97fd2d93da734e76829b2b066eafdaac6a1fafdec0faf6ebc443271cfc109d29e80dd217468fcb2aff1e6bffdc73f356cc48feb657f35378e6abbbb63b9","name":"aapl.csv","type":"text/csv","lastModified":1637249767159.038,"size":92399},{"id":"75d52e6c3130b1cae83cda89305e17b50f33e7420ef205587a135e8562bcfd22e483cf4fa2fb5df6dff66f9c5d19740be1cfaf47406286e2eb6574b49ffc685d","href":"https://static.observableusercontent.com/files/75d52e6c3130b1cae83cda89305e17b50f33e7420ef205587a135e8562bcfd22e483cf4fa2fb5df6dff66f9c5d19740be1cfaf47406286e2eb6574b49ffc685d","name":"alphabet.csv","type":"text/csv","lastModified":1637249767159.038,"size":275},{"id":"831732e8332e141e39aca2776edfdb19b2d43308d4974f5ad4a21fad007faa0518fe5bc4a0fc4f57422689a161dc27b82073403cee0e29ebf6ccb75d0ec4aeb3","href":"https://static.observableusercontent.com/files/831732e8332e141e39aca2776edfdb19b2d43308d4974f5ad4a21fad007faa0518fe5bc4a0fc4f57422689a161dc27b82073403cee0e29ebf6ccb75d0ec4aeb3","name":"seattle-weather.csv","type":"text/csv","lastModified":1637249767159.038,"size":48219},{"id":"f0aaa8353b80ce8d9261a3fcf5c489f90c4c0c9a4f9f76e3d220d21f181daa69c2d3517e520633540ea763d08abce81b99089f5611b55ba1ffc7f2be4005f70c","href":"https://static.observableusercontent.com/files/f0aaa8353b80ce8d9261a3fcf5c489f90c4c0c9a4f9f76e3d220d21f181daa69c2d3517e520633540ea763d08abce81b99089f5611b55ba1ffc7f2be4005f70c","name":"simpsons.csv","type":"text/csv","lastModified":1637249767159.038,"size":119729}] 49:{"id":"e4996a23c5a327c9","slug":"rule-mark-observable-plot","title":"Rule Mark / Observable Plot","thumbnail":"06c5360b3b1d7da13fa9ad2dc4449099e737ec5e8991ee61a909eea437ff675c","access_level":"public","create_time":"$D2021-11-18T15:36:07.159Z","update_time":"$D2021-11-18T15:59:41.678Z","view_time":null,"first_public_time":"$D2021-11-23T00:31:01.184Z","has_unpublished_edits":null,"fork":{"id":"43273f5802829607","slug":"plot-rule","title":"Rule Mark / Observable Plot","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":0,"starred":false,"owner":{"type":"team","id":"a4b7eada444d9b53","login":"1907040205","name":"","avatar_url":null,"tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":444,"publish_version":444,"role":null,"authored":false,"authors":[{"type":"individual","id":"3fdc14ae238bd407","login":"1907040205","name":"","avatar_url":null,"tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"3fdc14ae238bd407","login":"1907040205","name":"","avatar_url":null,"tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Rule Mark / Observable Plot","cells":[{"id":0,"value":"md`

Rule Mark / Observable Plot

Observable Plot › Marks › Rule · API

\n\n# Plot: Rule\n\nRules是水平线或垂直线。 **ruleY**↔︎具有*y*值，而**ruleX**↕︎具有*x*值。规则通常用作注释，比如在折线图中标记 *y* = 0 基线（下面图中用红色表示）。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"aapl = FileAttachment(\"aapl.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"Plot.plot({\n y: {\n grid: true\n },\n marks: [\n Plot.ruleY([0], {stroke: \"red\"}),\n Plot.line(aapl, {x: \"Date\", y: \"Close\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"md`\n作为注释，rules通常具有硬编码数据（高于零值，或低于值一）。 rule的默认位置定义（*y* 代表 ruleY，*x* 代表 ruleX）是恒等函数，允许rule的数据是值的文字数组。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"Plot.plot({\n y: {\n grid: true,\n label: \"↑ Change in price (%)\",\n type: \"log\",\n tickFormat: d => d3.format(\"+d\")((d - 1) * 100)\n },\n marks: [\n Plot.ruleY([1], {stroke: \"red\"}),\n Plot.line(aapl, Plot.normalizeY({basis: \"first\", x: \"Date\", y: \"Close\"}))\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":260,"value":"md`\n然而，rules也可用于可视化数据。下面，随机正态分布用rules绘制，看起来有点像 [氢的发射光谱](https://en.wikipedia.org/wiki/Hydrogen_spectral_series)。当rules重合时，降低不透明度可以更好地感知密度。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":275,"value":"Plot.plot({\n x: {\n domain: [-4, 4]\n },\n marks: [\n Plot.ruleX({length: 500}, {x: d3.randomNormal(), strokeOpacity: 0.2}),\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"md`\nRules也可以替代 [area mark](/@observablehq/plot-area)，如数据足够密集的带状图中：使用 *y1* 和 *y2* 通道，可以限制沿次级维度的rule的范围。并且Rules支持 *stroke* 颜色编码。下面的Rule绘制了西雅图的每日最低和最高温度。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"seattle = FileAttachment(\"seattle-weather.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"Plot.plot({\n y: {\n grid: true,\n label: \"↑ Temperature (°F)\",\n transform: d => d * 9 / 5 + 32 // Celsius to Fahrenheit\n },\n color: {\n scheme: \"BuRd\"\n },\n marks: [\n Plot.ruleY([0]),\n Plot.ruleX(seattle, {x: \"date\", y1: \"temp_min\", y2: \"temp_max\", stroke: \"temp_max\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"md`\n在下面的烛台图表中，为每个交易日绘制了三个rules：灰色rule跨越图表，显示周末和节假日的缺口；黑色rule跨越一天的低点和高点；绿色或红色rule跨越一天的开盘和收盘。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"aapl120 = aapl.slice(-120) // the most recent 120 days","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"Plot.plot({\n width,\n inset: 6,\n x: {\n label: null\n },\n y: {\n grid: true,\n label: \"↑ Stock price ($)\"\n },\n color: {\n range: [\"#e41a1c\", \"#000000\", \"#4daf4a\"]\n },\n marks: [\n Plot.ruleX(aapl120, {\n x: \"Date\",\n strokeOpacity: 0.1\n }),\n Plot.ruleX(aapl120, {\n x: \"Date\",\n y1: \"Low\",\n y2: \"High\"\n }),\n Plot.ruleX(aapl120, {\n x: \"Date\",\n y1: \"Open\",\n y2: \"Close\",\n stroke: d => Math.sign(d.Close - d.Open),\n strokeWidth: 4,\n strokeLinecap: \"round\"\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"md`\nRules也可用于视觉分组，例如在下面的[dot plot](/@observablehq/plot-dot) 中显示了*辛普森一家*的衰落。 rules表示每个季节的范围（最小值和最大值），而红线表示中值评级趋势。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":218,"value":"simpsons = FileAttachment(\"simpsons.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":220,"value":"Plot.plot({\n x: {\n type: \"point\",\n label: \"Season →\",\n labelAnchor: \"right\"\n },\n y: {\n label: \"↑ IMDb rating\"\n },\n marks: [\n Plot.ruleX(simpsons, Plot.groupX({y1: \"min\", y2: \"max\"}, {x: \"season\", y: \"imdb_rating\"})),\n Plot.line(simpsons, Plot.groupX({y: \"median\"}, {x: \"season\", y: \"imdb_rating\", stroke: \"red\"})),\n Plot.dot(simpsons, {x: \"season\", y: \"imdb_rating\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":185,"value":"md`\nRules也可以是一种风格选择，如下面的棒棒糖图表所示， [bar](/@observablehq/plot-bar)充当像素宽的细长的角色，顶部带有[dot](/@observablehq/plot-dot)。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"alphabet = FileAttachment(\"alphabet.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":188,"value":"Plot.plot({\n x: {\n label: null,\n tickSize: 0\n },\n y: {\n label: \"↑ Frequency (%)\",\n transform: d => d * 100\n },\n marks: [\n Plot.ruleY([0]),\n Plot.ruleX(alphabet, {x: \"letter\", y: \"frequency\", fill: \"black\"}),\n Plot.dot(alphabet, {x: \"letter\", y: \"frequency\", fill: \"black\", r: 4})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":414,"value":"md`Next \nAPI Reference`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}} 44:null