45:["$","title",null,{"children":"Frame Mark / Observable Plot | 1907040205 | Observable"}] 4d:[{"id":"715db1223e067f00500780077febc6cebbdd90c151d3d78317c802732252052ab0e367039872ab9c77d6ef99e5f55a0724b35ddc898a1c99cb14c31a379af80a","href":"https://static.observableusercontent.com/files/715db1223e067f00500780077febc6cebbdd90c151d3d78317c802732252052ab0e367039872ab9c77d6ef99e5f55a0724b35ddc898a1c99cb14c31a379af80a","name":"penguins.csv","type":"text/csv","lastModified":1637249870609.881,"size":13506}] 49:{"id":"1e8b0d7271618029","slug":"frame-mark-observable-plot","title":"Frame Mark / Observable Plot","thumbnail":"c7ddd50da755d82a867e01b6075a8bf5f53d42b494c75591584199a8d47005ca","access_level":"public","create_time":"$D2021-11-18T15:37:50.609Z","update_time":"$D2021-11-18T16:35:43.392Z","view_time":null,"first_public_time":"$D2021-11-23T00:31:56.463Z","has_unpublished_edits":null,"fork":{"id":"56a9376ca9fe57f2","slug":"plot-frame","title":"Frame 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":157,"publish_version":157,"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":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Frame Mark / Observable Plot","cells":[{"id":0,"value":"md`

Frame Mark / Observable Plot

Observable Plot › Marks › Frame · API

\n\n# Plot: Frame\n\n\n一个frame在绘图区域周围绘制一个框`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"Plot.plot({\n grid: true,\n x: {\n domain: [0, 1]\n },\n marks: [\n Plot.frame()\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"md`\nFrames最常与刻面结合使用，以提供更好的刻面标记分离（Gestalt grouping）。如果没有frame，就很难分辨一个刻面在哪里结束，下一个刻面从哪里开始。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"viewof framed = Inputs.toggle({label: \"Show frame\", value: true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"Plot.plot({\n grid: true,\n inset: 10,\n facet: {\n data: penguins,\n x: \"species\"\n },\n marks: [\n framed ? Plot.frame() : [],\n Plot.dot(penguins.slice(), {x: \"culmen_length_mm\", y: \"culmen_depth_mm\", fill: \"#eee\"}),\n Plot.dot(penguins, {x: \"culmen_length_mm\", y: \"culmen_depth_mm\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"penguins = FileAttachment(\"penguins.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":15,"value":"md`\n与其他标记不同，frame从不接受数据； Plot.frame 的第一个参数是 *options* 对象。（对于类似的数据驱动标记，请参阅 [Plot.rect](/@observablehq/plot-rect)。）`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"Plot.plot({\n grid: true,\n x: {\n domain: [0, 1]\n },\n marks: [\n Plot.frame({stroke: \"red\"})\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`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