30:[] 2e:{"title":"D3 Basics","cells":[{"id":0,"value":"md`\n${language[0]}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"md`\n${language[1]}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"md`\n${language[2]}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":96,"value":"md`\n${language[3]}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":81,"value":"svg = {\n return d3.select('svg');\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":102,"value":"md`\n${language[4]}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"circles = {\n return svg.selectAll('circle');\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":109,"value":"md`\n${language[5]}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"{\n let counts = 0;\n const onClick = () => {\n if (counts == 0) {\n circles.attr('r', 40);\n } else {\n circles.attr('r', 20);\n }\n counts = (counts + 1) % 2;\n };\n\n const button = html`\n \n `;\n button.onclick = onClick;\n\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":139,"value":"md`\n## Languages\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":137,"value":"{\n const buttonEN = html`\n \n `;\n \n buttonEN.onclick = () => {\n mutable language = EN\n }\n \n return buttonEN;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":138,"value":"{\n const buttonCN = html`\n \n `;\n \n buttonCN.onclick = () => {\n mutable language = CN\n }\n \n return buttonCN;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"md`\n${language[6]}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"md`\n${language[7]}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs"},{"id":128,"value":"EN = [`# D3 Basics`, \n `## SVG References\n - [Scalable Vector Graphics](https://developer.mozilla.org/en-US/docs/Web/SVG)\n - [SVG element reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Element)\n - [SVG Attribute reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute)\n - [SVG interfaces](https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model#SVG_interfaces)`,\n `## D3 \n### Selection\n `,\n `Fetch SVG element via [select](https://github.com/d3/d3-selection/blob/v1.4.1/README.md#select)`,\n `Fetch circle elements via [selectAll](https://github.com/d3/d3-selection/blob/v1.4.1/README.md#selectAll)`,\n `Make some change via [attr](https://github.com/d3/d3-selection/blob/v1.4.1/README.md#selection_attr)`,\n `## Imports`,\n `D3 Version: ${d3.version}`\n ]","pinned":false,"hidden":false,"mode":"ojs"},{"id":127,"value":"CN = [`# D3 基础知识`, \n `## SVG 参考资料\n - [可缩放矢量图形](https://developer.mozilla.org/en-US/docs/Web/SVG)\n - [SVG 元素参考](https://developer.mozilla.org/en-US/docs/Web/SVG/Element)\n - [SVG 属性参考](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute)\n - [SVG 接口](https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model#SVG_interfaces)`,\n `## D3 \n### 选择\n `,\n `获取 SVG 元素通过 [选择](https://github.com/d3/d3-selection/blob/v1.4.1/README.md#select)`,\n `获取 circle 元素通过 [全选](https://github.com/d3/d3-selection/blob/v1.4.1/README.md#selectAll)`,\n `做一些改变通过 [属性](https://github.com/d3/d3-selection/blob/v1.4.1/README.md#selection_attr)`,\n `## 引进`,\n `D3 版本: ${d3.version}`\n ]","pinned":false,"hidden":false,"mode":"ojs"},{"id":126,"value":"mutable language = EN","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}