2c:null 2d:["$","title",null,{"children":"Hello, pivottable.js | Alok Pepakayala | Observable"}] 32:[{"id":"74a581853027acbb598a22ff4e4f918ff713d87901b37647c6a5251d0792ad37de6bf9974349545aa4bb6d07df02a86c48cb41eee55f1da4dd90fd34a539c38a","href":"https://static.observableusercontent.com/files/74a581853027acbb598a22ff4e4f918ff713d87901b37647c6a5251d0792ad37de6bf9974349545aa4bb6d07df02a86c48cb41eee55f1da4dd90fd34a539c38a","name":"canadian-parliament.json","type":"application/json","lastModified":1599331451601.771,"size":40171}] 30:{"id":"9b2bd9a29fe238d4","slug":"hello-pivottable-js","title":"Hello, pivottable.js","thumbnail":"3deb8c920765cf592ae0412e2e67397c8a047306afbe6367871fe9f4db74e8fa","access_level":"public","create_time":"$D2020-09-05T18:44:11.601Z","update_time":"$D2020-09-13T03:38:59.591Z","view_time":null,"first_public_time":"$D2020-09-13T03:39:28.536Z","has_unpublished_edits":null,"fork":{"id":"ed8ad1a483b9fb4a","slug":"pivottable-js-example","title":"pivottable.js example","owner":{"id":"caa24eaf0dba3b8c","login":"oscar6echo","name":""}},"stars":5,"starred":false,"owner":{"type":"team","id":"ebdd8a722ae381e2","login":"a10k","name":"Alok Pepakayala","avatar_url":"https://avatars-next.observableusercontent.com/f28a7b5f4fb16a63caaace8a87a531e60bea383d6e9d50e126570c77c0814ba9","tier":"starter_2024","bio":"Data visualization/Interactive media and full-stack data science web app developer."},"version":764,"publish_version":764,"role":null,"authored":false,"authors":[{"type":"individual","id":"e594cd7b50bd5352","login":"a10k","name":"Alok Pepakayala","avatar_url":"https://avatars-next.observableusercontent.com/a79accbaf1cb39d92bac556179588a03429b7ed84c64707b7ae8d86c9ffacfc7","tier":null,"bio":"Data visualization/Interactive media and full-stack data science web app developer."}],"members":[{"type":"individual","id":"e594cd7b50bd5352","login":"a10k","name":"Alok Pepakayala","avatar_url":"https://avatars-next.observableusercontent.com/a79accbaf1cb39d92bac556179588a03429b7ed84c64707b7ae8d86c9ffacfc7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":5,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Hello, pivottable.js","cells":[{"id":0,"value":"md`# Hello, pivottable.js`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":727,"value":"html`\n\n

For more details: https://github.com/nicolaskruchten/pivottable`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":713,"value":"viewof example = {\n var dom = html`

`;\n yield dom;\n pivottable(dom, {\n title: 'Sample',\n ui: true,\n data: await FileAttachment('canadian-parliament.json').json(),\n params: {\n rows: [\"Province\"],\n cols: [ 'Party','Gender'],\n aggregatorName: \"Count\",\n vals: [],\n rendererName: \"Heatmap\",\n rendererOptions: {\n table: {\n clickCallback: function(e, value, filters, pivotData) {\n var names = [];\n pivotData.forEachMatchingRecord(filters, function(record) {\n names.push(record.Name);\n });\n }\n }\n }\n }\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":729,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":734,"value":"md`### Dependencies`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":710,"value":"styles = html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":560,"value":"pivottable = {\n const $ = await require(\"https://code.jquery.com/jquery-3.5.1.min.js\");\n const jqui = await require('https://code.jquery.com/ui/1.12.1/jquery-ui.min.js');\n const pt = await require('https://pivottable.js.org/dist/pivot.js');\n\n return function(app, sample) {\n const { title, ui, data, params } = sample;\n app.innerHTML = '';\n\n const e1 = document.createElement('div');\n e1.setAttribute('id', 'pivot');\n app.appendChild(e1);\n\n if (ui) window.$('#pivot').pivotUI(data, params);\n else window.$('#pivot').pivot(data, params);\n\n return true;\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1"}} 31:"$30:body"