22:null 23:["$","title",null,{"children":"Simple Chart create by G2 | xi li | Observable"}] 28:[] 26:{"id":"905892abc75ada55","slug":"untitled/2","title":"Simple Chart create by G2","thumbnail":"b76e26a618a94457664c649b3dc0d64321f555e349fcf0bf172fdc084936e95b","access_level":"public","create_time":"$D2019-01-22T13:26:00.558Z","update_time":"$D2020-03-16T13:15:48.307Z","view_time":null,"first_public_time":"$D2019-01-22T14:16:39.122Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"289c7b23fa26b460","login":"bbsqq","name":"xi li","avatar_url":"https://avatars-next.observableusercontent.com/7696a9c597617d194223d6f7e6749d644a7559d8a575b399a0c8516fea032601","tier":"starter_2024","bio":""},"version":107,"publish_version":107,"role":null,"authored":false,"authors":[{"type":"individual","id":"5251836db7e459f9","login":"bbsqq","name":"xi li","avatar_url":"https://avatars-next.observableusercontent.com/7696a9c597617d194223d6f7e6749d644a7559d8a575b399a0c8516fea032601","tier":null,"bio":""}],"members":[{"type":"individual","id":"5251836db7e459f9","login":"bbsqq","name":"xi li","avatar_url":"https://avatars-next.observableusercontent.com/7696a9c597617d194223d6f7e6749d644a7559d8a575b399a0c8516fea032601","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":{"id":"7ed6f1704be47349","slug":"antv-g","title":"AntV/G2","owner":{"id":"289c7b23fa26b460","login":"bbsqq","name":"xi li"}},"type":"notebook","body":{"titling":"auto","title":"Simple Chart create by G2","cells":[{"id":0,"value":"md`# Simple Chart create by G2`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"G2 = require('@antv/g2@3');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"data = [{\n item: 'item1',\n count: 40\n}, {\n item: 'item2',\n count: 21\n}, {\n item: 'item3',\n count: 17\n}, {\n item: 'item4',\n count: 13\n}, {\n item: 'item5',\n count: 9\n}];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"md`## Percent`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"{\n const container = html`

`;\n const chart = new G2.Chart({\n container,\n width: Math.min(width, 640),\n animate: false\n });\n chart.source(data);\n chart.coord().transpose();\n chart.axis('1', false);\n chart.axis('count', false);\n chart.intervalStack().position('1*count').color('item');\n chart.render();\n return container;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"{\n const container = html`

`;\n const chart = new G2.Chart({\n container,\n width: Math.min(width, 640),\n animate: false\n });\n chart.source(data);\n chart.coord('theta');\n chart.intervalStack().position('count').color('item');\n chart.render();\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"{\n const container = html`

`;\n const chart = new G2.Chart({\n container,\n width: Math.min(width, 640),\n animate: false\n });\n chart.source(data);\n chart.coord('theta',{innerRadius: 0.75});\n chart.intervalStack().position('count').color('item');\n chart.render();\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"md`## Sort`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"{\n const container = html`

`;\n const chart = new G2.Chart({\n container,\n width: Math.min(width, 640),\n animate: false\n });\n chart.source(data);\n chart.interval().position('item*count').color('item');\n chart.render();\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"{\n const container = html`

`;\n const chart = new G2.Chart({\n container,\n width: Math.min(width, 640),\n animate: false\n });\n chart.source(data);\n chart.coord('polar', {startAngle: Math.PI, endAngle: Math.PI*(3/2)})\n chart.interval().position('item*count').color('item');\n chart.render();\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W28","stdlib":"1"}} 27:"$26:body"