3f:null 40:["$","title",null,{"children":"G2 | Oiar | Observable"}] 46:T492,showPackagesInDivByContainerID = async (packages, containerID, max) => { const frontFrameworkChart = new G2.Chart({ container: containerID, forceFit: true, height: 400, padding: [20, 70, 20, 70] }); const frontData = []; frontFrameworkChart.clear(); frontFrameworkChart.scale('day', { range: [0, 1] }); frontFrameworkChart.legend({ position: 'top-center' }); frontFrameworkChart.tooltip({ crosshairs: true }); for (let i = 0; i < packages.length; i++) { const pack = packages[i]; const resp = await lastMonthTotal({ pack }); const data = resp.downloads; data.forEach((d, i) => { frontData[i] = { ...frontData[i], day: d.day, [pack]: d.downloads }; }); } const axis = {}; packages.forEach((pack, index) => { axis[pack] = { min: 0, max: max }; }); frontFrameworkChart.source(frontData, axis); packages.forEach((pack, index) => { frontFrameworkChart .line() .position(`day*${pack}`) .color(G2.Global.colors_16[index]); }); frontFrameworkChart.render(); return 'Show there packages: ' + packages; }47:[] 44:{"id":"58f80e8d697866d2","slug":"g2","title":"G2","thumbnail":"18cdbfaa12b27ba5d11205a2cf72b15976fe5b8e490cba8e89e0d1145fa2d6ab","access_level":"public","create_time":"$D2019-12-25T13:57:56.886Z","update_time":"$D2019-12-25T14:34:37.676Z","view_time":null,"first_public_time":"$D2019-12-25T14:22:52.402Z","has_unpublished_edits":null,"fork":{"id":"0baa64002c73d2cd","slug":"g2","title":"G2","owner":{"id":"2a278c3908e45a90","login":"fengyfei","name":"Feng Yifei"}},"stars":0,"starred":false,"owner":{"type":"team","id":"724a9d5ccf258909","login":"oiar","name":"Oiar","avatar_url":"https://avatars-next.observableusercontent.com/a47dea8beeceed2f4005f222dba473cbebc7e0c01f8ee6c053300a18ef20cd10","tier":"starter_2024","bio":"","following":false},"version":300,"publish_version":300,"role":null,"authored":false,"authors":[{"type":"individual","id":"5ed446de4f9df246","login":"oiar","name":"Oiar","avatar_url":"https://avatars-next.observableusercontent.com/a47dea8beeceed2f4005f222dba473cbebc7e0c01f8ee6c053300a18ef20cd10","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"5ed446de4f9df246","login":"oiar","name":"Oiar","avatar_url":"https://avatars-next.observableusercontent.com/a47dea8beeceed2f4005f222dba473cbebc7e0c01f8ee6c053300a18ef20cd10","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"G2","cells":[{"id":0,"value":"md`# G2`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"lastMonthTotalChart = {\n const chart = new G2.Chart({\n container: 'npm-last-month-total',\n forceFit: true,\n height: 400,\n padding: [50, 20, 50, 20]\n });\n\n return chart;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"{\n const resp = await lastMonthTotal();\n const data = resp.downloads;\n\n lastMonthTotalChart.source(data);\n lastMonthTotalChart.scale('day', {\n range: [0, 1]\n });\n lastMonthTotalChart.axis('downloads', false);\n lastMonthTotalChart.tooltip({\n crosshairs: false\n });\n lastMonthTotalChart.line().position('day*downloads');\n lastMonthTotalChart\n .point()\n .position('day*downloads')\n .size(4)\n .shape('circle')\n .style({\n stroke: '#fff',\n lineWidth: 1\n });\n\n lastMonthTotalChart.guide().line({\n top: true,\n start: [data[0].day, 1600000000],\n end: [data[data.length - 1].day, 1600000000],\n lineStyle: {\n stroke: '#595959',\n lineWidth: 1,\n lineDash: [3, 3]\n },\n text: {\n position: 'start',\n style: {\n fill: '#8c8c8c',\n fontSize: 12,\n fontWeight: 300\n },\n content: '1,600,000,000 per Day',\n offsetY: -5\n }\n });\n lastMonthTotalChart.render();\n\n return resp;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"md`\n### Frontend\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":267,"value":"showPackagesInDivByContainerID(['p5'], 'npm-last-month-watch', 1000)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"md`\n## Functions\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"lastMonthTotal = async ({ pack } = {}) => {\n const resp = await fetch(`${npmCountsBaseURL}/range/last-month/${pack || ''}`);\n return resp.json();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"npmCountsBaseURL = 'https://api.npmjs.org/downloads/'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":246,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"md`\n## Import\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"{\n G2.track(false);\n return md`G2.track(false)`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"DataSet = require('@antv/data-set')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"G2 = require('@antv/g2')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W47","stdlib":"1"}} 45:"$44:body"