[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6CXSGCSF73SYMN7E42BZTMA":3,"skill-same:01M6CXSGCSF73SYMN7E42BZTMA":58},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":27,"publishedAt":30,"linkOnly":31,"markdownContent":32,"markdownBody":33,"frontMatter":34,"refName":38,"commitSha":39,"skillDirectory":5,"forksCount":40,"repositoryHtmlUrl":41,"repositoryHomepageUrl":6,"ownerHtmlUrl":42,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":43,"install":44,"resources":57},"01M6CXSGCSF73SYMN7E42BZTMA","visualization",null,"Data and information visualization","ffsshhttiikk\u002Fopencode-agents-skills","ffsshhttiikk","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F226346827?v=4","01M6CWD9RR3Y7VRQX3MXYC8FYH","01M6CWD9WVPYAZW0J82G1VKGHY",3,"MIT","https:\u002F\u002Fgithub.com\u002Fffsshhttiikk\u002Fopencode-agents-skills\u002Fblob\u002Fmain\u002Fvisualization\u002FSKILL.md",[17,22],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000013","分析与可视化","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":25,"taxonomyTypeDesc":26},"01JBSEEDCAT000000000000033","数据分析师","PROFESSION","适用职业",[5,28,29],"data","science","2026-11-10 10:12:30",false,"---\nname: visualization\ndescription: Data and information visualization\nlicense: MIT\nmetadata:\n  audience: developers\n  category: data-science\n---\n\n## What I do\n- Create effective data visualizations\n- Select appropriate chart types\n- Design interactive dashboards\n- Handle large datasets efficiently\n- Apply color and typography\n- Tell stories with data\n\n## When to use me\nWhen presenting data, building dashboards, or creating visual reports.\n\n## Key Concepts\n\n### Chart Selection\n```\nComparison: Bar, Column, Radar\nDistribution: Histogram, Box plot\nRelationship: Scatter, Bubble\nComposition: Pie, Stacked area\nTrend: Line, Area\nPart-to-whole: Treemap, Sunburst\n```\n\n### Data Visualization Libraries\n```python\n# Python\nimport matplotlib.pyplot as plt\nimport seaborn as sns\nimport plotly.express as px\nfrom bokeh.plotting import figure\n\n# JavaScript\nimport * as d3 from 'd3';\nimport Chart from 'chart.js\u002Fauto';\nimport { Vega } from 'vega';\n```\n\n### Design Principles\n1. Show data, not decoration\n2. Maximize data-ink ratio\n3. Avoid 3D effects\n4. Use color purposefully\n5. Include clear labels\n6. Provide context\n\n### Interactive Dashboards\n```javascript\n\u002F\u002F Plotly Dash example\nimport dash\nfrom dash import dcc, html\n\napp = dash.Dash(__name__)\napp.layout = html.Div([\n    dcc.Graph(id='chart'),\n    dcc.Interval(interval=5000)\n])\n```\n\n### Accessibility in Visualization\n- Colorblind-safe palettes\n- Patterns + colors\n- Screen reader support\n- High contrast mode\n- Tooltips for detail\n\n### Best Practices\n- Start with clean data\n- Choose the simplest chart\n- Label axes clearly\n- Add legends\n- Provide context\n- Test with real users\n","## What I do\n- Create effective data visualizations\n- Select appropriate chart types\n- Design interactive dashboards\n- Handle large datasets efficiently\n- Apply color and typography\n- Tell stories with data\n\n## When to use me\nWhen presenting data, building dashboards, or creating visual reports.\n\n## Key Concepts\n\n### Chart Selection\n```\nComparison: Bar, Column, Radar\nDistribution: Histogram, Box plot\nRelationship: Scatter, Bubble\nComposition: Pie, Stacked area\nTrend: Line, Area\nPart-to-whole: Treemap, Sunburst\n```\n\n### Data Visualization Libraries\n```python\n# Python\nimport matplotlib.pyplot as plt\nimport seaborn as sns\nimport plotly.express as px\nfrom bokeh.plotting import figure\n\n# JavaScript\nimport * as d3 from 'd3';\nimport Chart from 'chart.js\u002Fauto';\nimport { Vega } from 'vega';\n```\n\n### Design Principles\n1. Show data, not decoration\n2. Maximize data-ink ratio\n3. Avoid 3D effects\n4. Use color purposefully\n5. Include clear labels\n6. Provide context\n\n### Interactive Dashboards\n```javascript\n\u002F\u002F Plotly Dash example\nimport dash\nfrom dash import dcc, html\n\napp = dash.Dash(__name__)\napp.layout = html.Div([\n    dcc.Graph(id='chart'),\n    dcc.Interval(interval=5000)\n])\n```\n\n### Accessibility in Visualization\n- Colorblind-safe palettes\n- Patterns + colors\n- Screen reader support\n- High contrast mode\n- Tooltips for detail\n\n### Best Practices\n- Start with clean data\n- Choose the simplest chart\n- Label axes clearly\n- Add legends\n- Provide context\n- Test with real users\n",{"name":5,"license":14,"metadata":35,"description":7},{"audience":36,"category":37},"developers","data-science","main","5f7a3e453c98261f93d19a6a7de44ad8f7b72d41",2,"https:\u002F\u002Fgithub.com\u002Fffsshhttiikk\u002Fopencode-agents-skills","https:\u002F\u002Fgithub.com\u002Fffsshhttiikk","2026-03-01 06:55:40",{"source":8,"skillName":5,"commands":45,"prompt":55,"zipAvailable":56},[46,49,52],{"tool":47,"command":48},"npx","npx skills add ffsshhttiikk\u002Fopencode-agents-skills --skill visualization",{"tool":50,"command":51},"bunx","bunx skills add ffsshhttiikk\u002Fopencode-agents-skills --skill visualization",{"tool":53,"command":54},"pnpm","pnpm dlx skills add ffsshhttiikk\u002Fopencode-agents-skills --skill visualization","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fffsshhttiikk\u002Fopencode-agents-skills\u002Fblob\u002Fmain\u002Fvisualization\u002FSKILL.md",true,[],[59,71,79,88,98,107],{"skillNo":60,"name":61,"nameZh":6,"description":62,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":63,"categories":64,"keywords":65,"publishedAt":30},"01M6CXT9TXDF79BWJTMQAPB49G","xamarin","Xamarin cross-platform development","https:\u002F\u002Fgithub.com\u002Fffsshhttiikk\u002Fopencode-agents-skills\u002Fblob\u002Fmain\u002Fxamarin\u002FSKILL.md",[],[61,66,67,68,69,70],"platform","cross-platform","mobile","opencode","development",{"skillNo":72,"name":73,"nameZh":6,"description":74,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":75,"categories":76,"keywords":77,"publishedAt":30},"01M6CXT8AD04MFYDA32VW3FKAG","wrangling","Data wrangling fundamentals","https:\u002F\u002Fgithub.com\u002Fffsshhttiikk\u002Fopencode-agents-skills\u002Fblob\u002Fmain\u002Fwrangling\u002FSKILL.md",[],[73,78,69,29,28],"data wrangling",{"skillNo":80,"name":81,"nameZh":6,"description":82,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":83,"categories":84,"keywords":85,"publishedAt":30},"01M6CXT717GCN7SRRNPBDP4508","windows","Windows operating system administration and scripting","https:\u002F\u002Fgithub.com\u002Fffsshhttiikk\u002Fopencode-agents-skills\u002Fblob\u002Fmain\u002Fwindows\u002FSKILL.md",[],[81,86,69,87],"system","scripting",{"skillNo":89,"name":90,"nameZh":6,"description":91,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":92,"categories":93,"keywords":94,"publishedAt":30},"01M6CXT54K794NMEM3XAPZZDKT","wide-column","Wide-column data model","https:\u002F\u002Fgithub.com\u002Fffsshhttiikk\u002Fopencode-agents-skills\u002Fblob\u002Fmain\u002Fwide-column\u002FSKILL.md",[],[95,96,69,97,28],"wide column","databases","model",{"skillNo":99,"name":100,"nameZh":6,"description":101,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":102,"categories":103,"keywords":104,"publishedAt":30},"01M6CXT28FMT2P4V9GZE67WA8E","wide-column-stores","Wide-column database stores","https:\u002F\u002Fgithub.com\u002Fffsshhttiikk\u002Fopencode-agents-skills\u002Fblob\u002Fmain\u002Fwide-column-stores\u002FSKILL.md",[],[105,96,69,106],"wide column stores","database",{"skillNo":108,"name":109,"nameZh":6,"description":110,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":111,"categories":112,"keywords":113,"publishedAt":30},"01M6CXT0D0M0Q4T2N7C2RX7DSN","websockets","WebSocket implementation and best practices","https:\u002F\u002Fgithub.com\u002Fffsshhttiikk\u002Fopencode-agents-skills\u002Fblob\u002Fmain\u002Fwebsockets\u002FSKILL.md",[],[109,114,115,116,69,117,118],"websocket","real-time","time","best practices","implementation"]