2e:null 2f:["$","title",null,{"children":"ASD standards Treemap | Figay | Observable"}] 34:Tbe0,TreemapVisualizationScript1 = { tm; var labelType, useGradients, nativeTextSupport, animate; (function f1() { var ua = navigator.userAgent, iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), typeOfCanvas = typeof HTMLCanvasElement, nativeCanvasSupport = typeOfCanvas == "object" || typeOfCanvas == "function", textSupport = nativeCanvasSupport && typeof document.createElement("canvas").getContext("2d").fillText == "function"; //I'm setting this based on the fact that ExCanvas provides text support for IE //and that as of today iPhone/iPad current text support is lame labelType = !nativeCanvasSupport || (textSupport && !iStuff) ? "Native" : "HTML"; nativeTextSupport = labelType == "Native"; useGradients = nativeCanvasSupport; animate = !(iStuff || !nativeCanvasSupport); })(); var Log = { elem: false, write: function (text) { if (!this.elem) this.elem = document.getElementById("log"); this.elem.innerHTML = text; this.elem.style.left = 200 - this.elem.offsetWidth / 2 + "px"; } }; var viz = new $jit.TM.Squarified({ //Where to inject the canvas. Any div container will do. injectInto: "infovis2", width: 1170, height: 800, cushion: useGradients, //parent box title heights titleHeight: 15, //enable animations animate: animate, //box offsets offset: 0, //Attach left and right click events Events: { enable: true, onClick: function (node) { if (node) viz.enter(node); }, onRightClick: function () { viz.out(); } }, duration: 1000, //Enable tips Tips: { enable: true, //add positioning offsets offsetX: 20, offsetY: 20, //implement the onShow method to //add content to the tooltip when a node //is hovered onShow: function (tip, node, isLeaf, domElement) { var data = node.data; var numberStandards = ""; if (data.NbConstruct) { numberStandards = "(" + data.NbConstruct + ")"; } var html = '

' + data.Legend + numberStandards + '

'; // if (data.image) { // html += // ' Smiley face

'; // } tip.innerHTML = html; } }, onCreateLabel: function (domElement, node) { domElement.innerHTML = node.name; var style = domElement.style; style.display = ""; style.border = "1px solid transparent"; domElement.onmouseover = function () { style.border = "2px solid #9FD4FF"; }; domElement.onmouseout = function () { style.border = "1px solid transparent"; }; } }); viz.loadJSON(json); viz.compute(); viz.refresh(); return "OK"; }35:[{"id":"e7be21cd6db52bd5e64338bcb29883881b39d7387b26ed7d7f9cedacd74cde10dacd88163b9b008761ded433ab52419eb7f4a58e8d5ef5369bd99049cc35873e","href":"https://static.observableusercontent.com/files/e7be21cd6db52bd5e64338bcb29883881b39d7387b26ed7d7f9cedacd74cde10dacd88163b9b008761ded433ab52419eb7f4a58e8d5ef5369bd99049cc35873e","name":"ASD SSG Standards JSON for Treemap@32.json","type":"application/json","lastModified":1651324046018.775,"size":30197}] 32:{"id":"78dfb999e6b591c6","slug":"asd-standards-treemap","title":"ASD standards Treemap","thumbnail":"9c09c60bdccbf7bf35e089ca6761ddc55d7747a7648c3a467fcb4ebaca5f66ec","access_level":"public","create_time":"$D2022-04-30T07:17:09.491Z","update_time":"$D2024-05-02T10:22:59.389Z","view_time":null,"first_public_time":"$D2022-04-30T13:11:40.454Z","fork":{"id":"e775b7cc64eb35ba","slug":"experimenting-the-javascript-infovis-toolkit-changing-va","title":"Experimenting the JavaScript InfoVis Toolkit Changing variable sizing the TM","owner":{"id":"37f7a7f77e187b5e","login":"nfigay","name":"Figay"}},"stars":0,"starred":false,"owner":{"type":"team","id":"37f7a7f77e187b5e","login":"nfigay","name":"Figay","avatar_url":"https://avatars-next.observableusercontent.com/071fc1ce1d8fbec71d4409987642a0c881b8a3651627b51e2cdaa7fcde295a10","tier":"starter_2024"},"version":677,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"71983294fb89ee80","login":"nfigay","name":"Figay","avatar_url":"https://avatars-next.observableusercontent.com/604017b640b1f50c2b41a96fcf316faa227738b7b2b4d0f6221ace789ebbfd42","tier":null}],"members":[{"type":"individual","id":"71983294fb89ee80","login":"nfigay","name":"Figay","avatar_url":"https://avatars-next.observableusercontent.com/604017b640b1f50c2b41a96fcf316faa227738b7b2b4d0f6221ace789ebbfd42","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"ASD standards Treemap","cells":[{"id":0,"value":"

ASD standards Treemap

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4,"value":"$$jit = require(\"https://philogb.github.io/jit/static/v20/Jit/jit-yc.js\").catch(\n () => window.$jit\n)\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":236,"value":"json = FileAttachment(\"ASD SSG Standards JSON for Treemap@32.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"html`\nThe used CSS stylesheets are referenced here.\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":271,"value":"tm = html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":282,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":588,"value":"FileAttachment(\"ASD SSG Standards JSON for Treemap@32.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":636,"value":"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":670,"value":"import { viewof width } from \"@nfigay/width-view\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":674,"value":"width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 33:"$32:body"