[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6KKQDFDNBS64YEPK6EEHBF6":3,"skill-same:01M6KKQDFDNBS64YEPK6EEHBF6":70},{"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":30,"publishedAt":43,"linkOnly":44,"markdownContent":45,"markdownBody":46,"frontMatter":47,"refName":48,"commitSha":49,"skillDirectory":50,"forksCount":51,"repositoryHtmlUrl":52,"repositoryHomepageUrl":53,"ownerHtmlUrl":54,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":55,"install":56,"resources":69},"01M6KKQDFDNBS64YEPK6EEHBF6","d3-stock-viz",null,"Use this skill for D3.js (v6) force-directed bubble charts and linked data tables. Always use this when tasked with financial data visualization using D3.js.","cxcscmu\u002FSkillLearnBench","cxcscmu","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F142838272?v=4","01M6KCQDFQWPDSN0MKZY96MSQP","01M6KCQDM7G70TKJ28NTSQC0RZ",93,"MIT","https:\u002F\u002Fgithub.com\u002Fcxcscmu\u002FSkillLearnBench\u002Fblob\u002Fmain\u002Fskills\u002Fb4-skill-creator-gemini-3.1-flash-lite-preview\u002Fstock-data-visualization\u002Fd3-stock-viz\u002FSKILL.md",[17,22,25],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000013","分析与可视化","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":26,"categoryName":27,"taxonomyType":28,"taxonomyTypeDesc":29},"01JBSEEDCAT000000000000033","数据分析师","PROFESSION","适用职业",[31,32,33,34,35,36,37,38,39,40,41,42],"stock","d3","d3 stock viz","data visualization","visualization","data","Charts","js","use","with","tables","for","2026-11-10 10:12:30",false,"---\nname: d3-stock-viz\ndescription: Use this skill for D3.js (v6) force-directed bubble charts and linked data tables. Always use this when tasked with financial data visualization using D3.js.\n---\n\n# D3.js Financial Visualization Skill\n\n## Force-Directed Bubble Chart Guidelines\n- **Simulation**: Use `d3.forceSimulation()` with `forceX`, `forceY` (center by sector), and `forceCollide` (radius + padding).\n- **Sizing**: Size bubbles by `marketCap`. Use `d3.scaleSqrt()` for mapping `marketCap` to `radius`.\n- **Coloring**: Map `sector` to a categorical color scale like `d3.scaleOrdinal(d3.schemeCategory10)`.\n- **Interaction**: Add `mouseover`\u002F`mouseout` events for tooltips. Add `click` events to sync with the data table.\n\n## Linked Data Table Guidelines\n- **Columns**: \"Ticker symbol\", \"Full company name\", \"Sector\", \"Market cap\" (formatted as \"1.64T\").\n- **Linking**: Use a common data join or ID mapping to link table rows with bubble chart circles. Highlight both on `click` or `hover`.\n\n## Data Handling\n- **Loading**: Use `d3.csv()` with `d3.autoType`.\n- **Filtering\u002FCleaning**: Filter out ETF entries (missing `marketCap`). Ensure numbers are properly parsed.\n","# D3.js Financial Visualization Skill\n\n## Force-Directed Bubble Chart Guidelines\n- **Simulation**: Use `d3.forceSimulation()` with `forceX`, `forceY` (center by sector), and `forceCollide` (radius + padding).\n- **Sizing**: Size bubbles by `marketCap`. Use `d3.scaleSqrt()` for mapping `marketCap` to `radius`.\n- **Coloring**: Map `sector` to a categorical color scale like `d3.scaleOrdinal(d3.schemeCategory10)`.\n- **Interaction**: Add `mouseover`\u002F`mouseout` events for tooltips. Add `click` events to sync with the data table.\n\n## Linked Data Table Guidelines\n- **Columns**: \"Ticker symbol\", \"Full company name\", \"Sector\", \"Market cap\" (formatted as \"1.64T\").\n- **Linking**: Use a common data join or ID mapping to link table rows with bubble chart circles. Highlight both on `click` or `hover`.\n\n## Data Handling\n- **Loading**: Use `d3.csv()` with `d3.autoType`.\n- **Filtering\u002FCleaning**: Filter out ETF entries (missing `marketCap`). Ensure numbers are properly parsed.\n",{"name":5,"description":7},"main","726e1f79b96b0cb3d729d0e55a1c847e0b5353ae","skills\u002Fb4-skill-creator-gemini-3.1-flash-lite-preview\u002Fstock-data-visualization\u002Fd3-stock-viz",8,"https:\u002F\u002Fgithub.com\u002Fcxcscmu\u002FSkillLearnBench","https:\u002F\u002Fcxcscmu.github.io\u002FSkillLearnBench","https:\u002F\u002Fgithub.com\u002Fcxcscmu","2026-10-02 22:55:36",{"source":8,"skillName":5,"commands":57,"prompt":67,"zipAvailable":68},[58,61,64],{"tool":59,"command":60},"npx","npx skills add cxcscmu\u002FSkillLearnBench --skill d3-stock-viz",{"tool":62,"command":63},"bunx","bunx skills add cxcscmu\u002FSkillLearnBench --skill d3-stock-viz",{"tool":65,"command":66},"pnpm","pnpm dlx skills add cxcscmu\u002FSkillLearnBench --skill d3-stock-viz","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fcxcscmu\u002FSkillLearnBench\u002Fblob\u002Fmain\u002Fskills\u002Fb4-skill-creator-gemini-3.1-flash-lite-preview\u002Fstock-data-visualization\u002Fd3-stock-viz\u002FSKILL.md",true,[],[71,87,109,127,147,159],{"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":80,"publishedAt":43},"01M6KM5KH175P5ABP5JMX2SBDQ","object_counter","Count occurrences of an object in the image using computer vision algorithm.","https:\u002F\u002Fgithub.com\u002Fcxcscmu\u002FSkillLearnBench\u002Fblob\u002Fmain\u002Fskills\u002Fhuman_authored\u002Fvideo-object-counting\u002Fobject_counter\u002FSKILL.md",[77],{"categoryNo":78,"categoryName":79,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000016","图像与多媒体",[81,82,83,84,85,86],"object counter","object","vision","computer","Computer Vision","image",{"skillNo":88,"name":89,"nameZh":6,"description":90,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":91,"categories":92,"keywords":94,"publishedAt":43},"01M6KM51TMVXG79MMPCS6Y8G86","travel-planning-workflow","Invoke this skill when performing travel planning. It defines a structured workflow for generating itineraries. Following this workflow is essential to ensure the final plan satisfies user requirements.","https:\u002F\u002Fgithub.com\u002Fcxcscmu\u002FSkillLearnBench\u002Fblob\u002Fmain\u002Fskills\u002Fhuman_authored\u002Ftravel-planning\u002Ftravel-planning-workflow\u002FSKILL.md",[93],{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},[95,96,97,98,99,100,101,102,103,42,104,105,106,107,108],"workflow","planning","planning workflow","travel","travel planning","travel planning workflow","structured","performing","plan","user","it","requirements","essential","itineraries",{"skillNo":110,"name":111,"nameZh":6,"description":112,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":113,"categories":114,"keywords":115,"publishedAt":43},"01M6KM4DY820XHS9YTSK5QP5HD","bundled-dataset-search-tool","invoke this skill when you need to perform database search for travel planning. This skill provides some useful pre-packaged tools to look up accommodations, attractions, cities, driving distance, flights, and restaurants from the bundled dataset.","https:\u002F\u002Fgithub.com\u002Fcxcscmu\u002FSkillLearnBench\u002Fblob\u002Fmain\u002Fskills\u002Fhuman_authored\u002Ftravel-planning\u002Fbundled-dataset-search-tool\u002FSKILL.md",[],[116,117,118,119,120,121,122,98,123,124,99,125,42,126,96],"search","tool","dataset","bundled dataset search tool","restaurants","Tools","up","look","flights","you","database",{"skillNo":128,"name":129,"nameZh":6,"description":130,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":131,"categories":132,"keywords":133,"publishedAt":43},"01M6KM465BB9PQ0B548HQSVAWZ","glm-output","Output-processing guidance for GLM tasks. Especially useful after glm-basics and glm-calibration when you need verifier-matching metrics from output.nc and a final \u002Froot\u002Fmetrics.json.","https:\u002F\u002Fgithub.com\u002Fcxcscmu\u002FSkillLearnBench\u002Fblob\u002Fmain\u002Fskills\u002Fhuman_authored\u002Ftemperature-simulation\u002Fglm-output\u002FSKILL.md",[],[134,135,136,42,137,138,139,140,141,142,143,144,125,145,146],"glm output","output","glm","tasks","metrics","json","basics","guidance","matching","verifier","processing","root","calibration",{"skillNo":148,"name":149,"nameZh":6,"description":150,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":151,"categories":152,"keywords":154,"publishedAt":43},"01M6KM40KY3QWDW5W97S39R2BC","glm-calibration","Calibration guidance for GLM tasks. Often most effective after glm-basics has clarified the setup; glm-output is the companion skill for exact final metric computation.","https:\u002F\u002Fgithub.com\u002Fcxcscmu\u002FSkillLearnBench\u002Fblob\u002Fmain\u002Fskills\u002Fhuman_authored\u002Ftemperature-simulation\u002Fglm-calibration\u002FSKILL.md",[153],{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},[155,146,136,135,141,140,137,156,157,42,158],"glm calibration","setup","companion","metric",{"skillNo":160,"name":161,"nameZh":6,"description":162,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":163,"categories":164,"keywords":165,"publishedAt":43},"01M6KM3VHHVSGMGHJQB3PPT6YG","glm-basics","A good starting point for GLM calibration tasks. Use to inspect glm3.nml, confirm how GLM runs, and identify the relevant files before moving on to calibration and output evaluation.","https:\u002F\u002Fgithub.com\u002Fcxcscmu\u002FSkillLearnBench\u002Fblob\u002Fmain\u002Fskills\u002Fhuman_authored\u002Ftemperature-simulation\u002Fglm-basics\u002FSKILL.md",[],[166,136,140,167,155,146,42,135,168,169,170,39,171,172,137],"glm basics","inspect","relevant","files","good","how","Evaluation"]