44:["$","title",null,{"children":"Facets / Observable Plot | 邹佳敏 | Observable"}] 4c:[{"id":"72277359049b092757a163ca1fa10aab48b61f626c7cf1ed103155a6d063e58e17128cb4d4e19d62341d363ec3a471b5a3b92e0e4fcad2fa4e29fb2dfbe858bf","href":"https://static.observableusercontent.com/files/72277359049b092757a163ca1fa10aab48b61f626c7cf1ed103155a6d063e58e17128cb4d4e19d62341d363ec3a471b5a3b92e0e4fcad2fa4e29fb2dfbe858bf","name":"anscombe.csv","type":"text/csv","lastModified":1636532982444.459,"size":422},{"id":"9d649f498cd3adf3166f89c4b181b96aed310760f4ba8becb038b7e3c58e2d766040a63f30caf30874b1bbf6408cb80e4193337bf4587f3211e8c3048cbf65a2","href":"https://static.observableusercontent.com/files/9d649f498cd3adf3166f89c4b181b96aed310760f4ba8becb038b7e3c58e2d766040a63f30caf30874b1bbf6408cb80e4193337bf4587f3211e8c3048cbf65a2","name":"barley.csv","type":"text/csv","lastModified":1636532982444.459,"size":3831},{"id":"715db1223e067f00500780077febc6cebbdd90c151d3d78317c802732252052ab0e367039872ab9c77d6ef99e5f55a0724b35ddc898a1c99cb14c31a379af80a","href":"https://static.observableusercontent.com/files/715db1223e067f00500780077febc6cebbdd90c151d3d78317c802732252052ab0e367039872ab9c77d6ef99e5f55a0724b35ddc898a1c99cb14c31a379af80a","name":"penguins.csv","type":"text/csv","lastModified":1636532982444.459,"size":13506}] 48:{"id":"980265f0f4d1a7d5","slug":"facets-observable-plot","title":"Facets / Observable Plot","thumbnail":"fb787521244bf78ec6c2c44b6bf7971efdc168486ec845afd799c7a990b793c3","access_level":"public","create_time":"$D2021-11-10T08:29:42.444Z","update_time":"$D2021-11-13T11:53:47.549Z","view_time":null,"first_public_time":"$D2021-11-16T04:09:46.864Z","has_unpublished_edits":null,"fork":{"id":"171f9752c24bedc4","slug":"plot-facets","title":"Facets / Observable Plot","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":0,"starred":false,"owner":{"type":"team","id":"7d0acc4d42f8afd3","login":"1907040209","name":"邹佳敏","avatar_url":"https://avatars-next.observableusercontent.com/4eebb1db206c763f235ebdb6f92ab9aa9e56839b17b15efc618fba69b67621bc","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":101,"publish_version":101,"role":null,"authored":false,"authors":[{"type":"individual","id":"ee2e263bf5b52c62","login":"1907040209","name":"邹佳敏","avatar_url":"https://avatars-next.observableusercontent.com/4eebb1db206c763f235ebdb6f92ab9aa9e56839b17b15efc618fba69b67621bc","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"ee2e263bf5b52c62","login":"1907040209","name":"邹佳敏","avatar_url":"https://avatars-next.observableusercontent.com/4eebb1db206c763f235ebdb6f92ab9aa9e56839b17b15efc618fba69b67621bc","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Facets / Observable Plot","cells":[{"id":0,"value":"md`

Facets / Observable Plot

Observable Plot › Facets · API

\n\n# Plot: Facets\n\n**facet** 选项生成水平或垂直 [小倍数](https://en.wikipedia.org/wiki/Small_multiple) 以比较分组数据。例如，我们可以将著名的 [Anscombe 的四重奏](https://en.wikipedia.org/wiki/Anscombe's_quartet) 可视化为具有水平面的散点图。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"anscombe = FileAttachment(\"anscombe.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":"Plot.plot({\n grid: true,\n inset: 10,\n width: 928,\n height: 240,\n facet: {\n data: anscombe,\n x: \"series\"\n },\n marks: [\n Plot.frame(),\n Plot.dot(anscombe, {x: \"x\", y: \"y\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"md`类似地，我们可以重新创建由 [Becker *et al.*](https://hci.stanford.edu/courses/cs448b/papers/becker-trellis-jcgs.pdf) 构建的大麦产量的“格子”图，使用 [d3.groupSort](/@d3/d3-groupsort) 对刻面（*fy* 域）和每个子图中的点（*y* 域）进行排序；与 Plot 中的所有序数尺度一样，如果未明确指定域，则默认为按自然顺序排列的值的并集。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"barley = FileAttachment(\"barley.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":28,"value":"Plot.plot({\n marginLeft: 110,\n height: 800,\n grid: true,\n x: {\n nice: true\n },\n y: {\n domain: d3.groupSort(barley, g => -d3.median(g, d => d.yield), d => d.variety),\n inset: 5\n },\n fy: {\n domain: d3.groupSort(barley, g => -d3.median(g, d => d.yield), d => d.site)\n },\n color: {\n type: \"categorical\"\n },\n facet: {\n data: barley,\n y: \"site\",\n marginRight: 90\n },\n marks: [\n Plot.frame(),\n Plot.dot(barley, {x: \"yield\", y: \"variety\", stroke: \"year\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"md`要为 facet 轴腾出空间，可以指定 facet.**marginTop**、facet.**marginRight**、facet.**marginBottom** 或 facet.**marginLeft** 选项。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"md`刻面时，可以配置两个额外的波段尺度：**fx** 和 **fy**。这些分别由 facet.**x** 和 facet.**y** 通道驱动，必须严格提供有序（即离散）值；每个不同的值定义了一个方面。定量数据必须手动离散化以进行分面，例如通过舍入或分箱。将来可能会添加定量数据的自动分箱。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"md`只有数据严格等于 (\\`===\\`) 的标记，facet 数据将在每个 facet 内过滤以显示当前 facet 的子集；其他标记将在刻面上重复。因此，可以通过给它一个数据的浅拷贝来禁用单个标记的刻面，比如使用 *array*.slice。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"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":33,"value":"Plot.plot({\n height: 600,\n grid: true,\n facet: {\n data: penguins,\n x: \"sex\",\n y: \"species\",\n marginRight: 80\n },\n marks: [\n Plot.frame(),\n Plot.dot(penguins.slice(), {\n x: \"culmen_depth_mm\",\n y: \"culmen_length_mm\",\n r: 2,\n fill: \"#ddd\"\n }),\n Plot.dot(penguins, {\n x: \"culmen_depth_mm\",\n y: \"culmen_length_mm\"\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"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":"$W4c","stdlib":"1"}} 24:null