25:["$","title",null,{"children":"中国各省市自治区小龙虾产量变化 | XiongBiao | Observable"}] 49:T51a,// 创建动态折线图 Plot.plot({ width: 500, height:400, title: "中国各省市自治区小龙虾年产量总量变化", marginLeft: 40, x: { label: "年份", domain: [2015, 2025], ticks: 10, tickFormat: d => d + "" }, y: { label: "总产量（万吨）", axis: "right", grid: true }, marks: [ Plot.ruleY([60]), // 绘制完整折线（浅色） Plot.lineY(yearlyTotal, { x: "Year", y: "Total", stroke: "lightgray", strokeWidth: 1 }), // 绘制到当前年份的折线（高亮） Plot.lineY(yearlyTotal.filter(d => d.Year <= t), { x: "Year", y: "Total", stroke: "steelblue", strokeWidth: 3 }), // 绘制到当前年份的数据点 Plot.dot(yearlyTotal.filter(d => d.Year <= t), { x: "Year", y: "Total", fill: "steelblue", r: 4 }), // 当前年份的数据标签 Plot.text(yearlyTotal.filter(d => d.Year === t), { x: "Year", y: "Total", text: d => d.Total.toFixed(1), dx: -20, dy: -10, fill: "steelblue", fontWeight: "bold" // fontSize: 12 }), // 当前年份的垂直线 Plot.ruleX([t], { stroke: "red", strokeWidth: 1, strokeDasharray: "3,3" }) ] })4a:T510,TotalProduction = () => { return Plot.plot({ width: 500, height:400, title: "中国小龙虾年产量变化", marginLeft: 40, x: { label: "年份", domain: [2015, 2025], ticks: 10, tickFormat: d => d + "" }, y: { label: "总产量（万吨）", axis: "right", grid: true }, marks: [ Plot.ruleY([60]), // 绘制完整折线（浅色） Plot.lineY(yearlyTotal, { x: "Year", y: "Total", stroke: "lightgray", strokeWidth: 1 }), // 绘制到当前年份的折线（高亮） Plot.lineY(yearlyTotal.filter(d => d.Year <= t), { x: "Year", y: "Total", stroke: "steelblue", strokeWidth: 3 }), // 绘制到当前年份的数据点 Plot.dot(yearlyTotal.filter(d => d.Year <= t), { x: "Year", y: "Total", fill: "steelblue", r: 4 }), // 当前年份的数据标签 Plot.text(yearlyTotal.filter(d => d.Year === t), { x: "Year", y: "Total", text: d => d.Total.toFixed(1), dx: -20, dy: -10, fill: "steelblue", fontWeight: "bold" // fontSize: 12 }), // 当前年份的垂直线 Plot.ruleX([t], { stroke: "red", strokeWidth: 1, strokeDasharray: "3,3" }) ] }); }4b:[{"id":"638400e11ead3476994551a8247ba9b32116511578b1417ac21edfe3a7d245d4edcc11d07830dbc25009c52a4e570281e800d906564297ecae83e14620b2a701","href":"https://static.observableusercontent.com/files/638400e11ead3476994551a8247ba9b32116511578b1417ac21edfe3a7d245d4edcc11d07830dbc25009c52a4e570281e800d906564297ecae83e14620b2a701","name":"中国各省市自治区小龙虾产量.csv","type":"text/csv","lastModified":1762396529524.389,"size":1410}] 29:{"id":"3d4a2519d28933d0","slug":null,"title":"中国各省市自治区小龙虾产量变化","thumbnail":"01644ba6ab42f79ef05b8e63249da2f0c6c39a1f517a7e4162b955c679ae5f7d","access_level":"public","create_time":"$D2025-11-06T02:33:56.903Z","update_time":"$D2025-11-07T03:08:06.517Z","view_time":null,"first_public_time":"$D2026-01-30T13:49:06.183Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"189a68e88fe366bd","login":"xiongbiao","name":"XiongBiao","avatar_url":"https://avatars-next.observableusercontent.com/a95188709ffcb422fcc635f47420feb25f69fd7305881a42b4a9907e87d2aaf0","tier":"free_2026","bio":"","followed_by_you":false,"follows_you":false},"version":455,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"fc82b550d8112553","login":"xiongbiao","name":"XiongBiao","avatar_url":"https://avatars-next.observableusercontent.com/caf2b8f3d51ea1f56efa20730077b94beb57622ab029080cdb84a9ad89ac467d","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"fc82b550d8112553","login":"xiongbiao","name":"XiongBiao","avatar_url":"https://avatars-next.observableusercontent.com/caf2b8f3d51ea1f56efa20730077b94beb57622ab029080cdb84a9ad89ac467d","tier":null,"role":"editor"},{"type":"team","id":"189a68e88fe366bd","login":"xiongbiao","name":"XiongBiao","avatar_url":"https://avatars-next.observableusercontent.com/a95188709ffcb422fcc635f47420feb25f69fd7305881a42b4a9907e87d2aaf0","tier":"free_2026","role":"viewer"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"中国各省市自治区小龙虾产量变化","cells":[{"id":0,"value":"# 中国各省市自治区小龙虾产量变化","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"data = FileAttachment(\"中国各省市自治区小龙虾产量.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":185,"value":"yearColumns = Object.keys(data[0]).filter(key => key !== '省' && !isNaN(parseInt(key)))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":187,"value":"longData = data.flatMap(d => yearColumns.map(year => ({省: d.省, Year: parseInt(year), Production: d[year]})))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"maxProduction = d3.max(longData, d => d.Production)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"Plot.plot({\n width: 600,\n height:600,\n marginLeft: 110,\n title: \"中国各省市自治区小龙虾产量\",\n x: {\n axis: \"top\",\n domain: [0, maxProduction*1.1],\n grid: true,\n label: \"产量（万吨）\", // 添加X轴标题并包含单位\n tickFormat: d => (d / 10000).toFixed(1) // 将刻度值除以10000并保留1位小数\n },\n y: {\n label: \"省市自治区\",\n domain: Array.from(new Set(longData.map(d => d.省)))\n },\n marks: [\n // Plot.frame(),\n // Plot.ruleX([0]),\n Plot.barX(longData.filter(d => d.Year === t), {x: \"Production\", y: \"省\", fill: \"steelblue\", sort: { y: \"data\", reverse: true }}),\n // 添加文本标签，显示万吨单位\n Plot.text(longData.filter(d => d.Year === t), {\n x: \"Production\",\n y: \"省\",\n text: d => (d.Production / 10000).toFixed(1),\n textAnchor: \"start\",\n dx: 5, // 向右偏移5像素\n fill: \"black\"\n })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":235,"value":"yearlyTotal = d3.rollups(\n longData,\n v => d3.sum(v, d => d.Production) / 10000, // 转换为万吨\n d => d.Year\n).map(([year, total]) => ({Year: year, Total: total}))\n.sort((a, b) => a.Year - b.Year); // 按年份排序","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":247,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":258,"value":"ProvinceProduction = () => {\n return Plot.plot({\n width: 600,\n height:600,\n marginLeft: 110,\n title: \"中国各省市自治区小龙虾产量\",\n x: {\n axis: \"top\",\n domain: [0, maxProduction*1.1],\n label: \"产量（万吨）\", // 添加X轴标题并包含单位\n tickFormat: d => (d / 10000).toFixed(1) // 将刻度值除以10000并保留1位小数\n },\n y: {\n label: \"省市自治区\",\n domain: Array.from(new Set(longData.map(d => d.省)))\n },\n marks: [\n // Plot.frame(),\n // Plot.ruleX([0]),\n Plot.barX(longData.filter(d => d.Year === t), {x: \"Production\", y: \"省\", fill: \"steelblue\", sort: { y: \"data\", reverse: true }}),\n // 添加文本标签，显示万吨单位\n Plot.text(longData.filter(d => d.Year === t), {\n x: \"Production\",\n y: \"省\",\n text: d => (d.Production / 10000).toFixed(1),\n textAnchor: \"start\",\n dx: 5, // 向右偏移5像素\n fill: \"black\"\n })\n ]\n});\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":262,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":320,"value":"d3.extent(yearlyTotal, d => d.Year)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":446,"value":"viewof t = Scrubber(d3.ticks(2015, 2024, 10), {\n autoplay: true,\n loop: true,\n delay: 800,\n initial: 0,\n format: x => `Year: ${x.toFixed(0)}`\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":352,"value":"

${ProvinceProduction()}

${TotalProduction()}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":30,"value":"---\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":92,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4b","stdlib":"1"}} 24:null