31:[] 2f:{"title":"D3 Method Reference","cells":[{"id":0,"value":"# D3 Method Reference\n\nQuick links for great D3 documents.\nThose documents help me a lot, so I made this index.\nThe list only includes methods directly under the d3 Object so far.\n\n~~~js\nimport {methods, methodsFlat} from \"@sugi2000/d3-method-reference\"\n~~~","pinned":false,"hidden":false,"mode":"md"},{"id":228,"value":"## Version","pinned":false,"hidden":false,"mode":"md"},{"id":177,"value":"viewof version = Inputs.radio(d3.range(4, 8), { label: \"D3 version\", value: 7 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":190,"value":"md`D3 version __${d3package.version}__ (the latest version of ver.${version})`","pinned":false,"hidden":false,"mode":"ojs"},{"id":209,"value":"## Search method","pinned":false,"hidden":false,"mode":"md"},{"id":136,"value":"viewof search = Inputs.search(methodsFlat, { label: \"Search method\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":134,"value":"Inputs.table(search, {\n columns: [\"link\", \"lib\"],\n format: {\n link: (d) =>\n htl.html`d3.${d.split(\"#\")[1]}()`\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":213,"value":"## Method index grouped by micro library","pinned":false,"hidden":false,"mode":"md"},{"id":98,"value":"liblink = md`${methods\n .map(({ lib, methods }) => {\n const headline = `${lib.split(\"@\")[0]}\\n`;\n\n const methodsList = methods\n .map(\n (method) =>\n `- d3.${method}()`\n )\n .join(\"\\n\");\n return (\n `

` +\n headline +\n `

` +\n methodsList +\n `

`\n );\n })\n .join(\"\\n\")}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":218,"value":"---\n\n## Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":131,"value":"methodsFlat = methods\n .map(({ lib, methods }) =>\n methods.map((method) => ({\n method,\n lib,\n link: `https://github.com/d3/${lib.split(\"@\")[0]}/#${method}`\n }))\n )\n .flat()","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"methods = {\n const methodsPromises = dependencies.map(async (d) => await getMethods(d));\n const methods = await Promise.all(methodsPromises);\n\n return dependencies.map((lib, i) => ({\n lib,\n methods: methods[i]\n }));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"getMethods = async (name) => {\n const lib = await require(name);\n // return lib;\n return Object.keys(lib).filter(\n (d) => typeof lib[d] === \"function\" && !isClass(lib[d])\n );\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"dependencies = Object.entries(d3package.dependencies).map(\n ([name, version]) => `${name}@${version}`\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"d3package = packageJSON(`d3@${version}`)","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"packageJSON = (name) =>\n require\n .resolve(`${name}/package.json`)\n .then((url) => fetch(url))\n .then((response) => response.json())","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"function isClass(func) {\n return typeof func === \"function\" && func.toString().startsWith(`class `); ///^class\\s/.test(Function.prototype.toString.call(func));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":205,"value":"style = html``","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}