30:T551,nbhd_layer = new deck.GeoJsonLayer({ id: 'nbhd_layer', data: geojson, opacity: opacity, stroked: false, filled: true, getFillColor: d => { var rgb_array = d3.color(d.properties.color) var rgb = [rgb_array.r, rgb_array.g, rgb_array.b] var inst_color if (select_cluster === 'none'){ inst_color = rgb } else { inst_color = [rgb[0], rgb[1], rgb[2], unselected_opacity_255] // check gene name if (d['properties'][cat_name] === select_cluster){ inst_color = rgb } } return inst_color }, updateTriggers: { getFillColor: [select_cluster], }, onClick: (info, event) => { var inst_cat_name = info.object.properties[cat_name] if (select_cluster !== inst_cat_name){ mutable select_cluster = inst_cat_name // mutable select_meta = cat_name d3.select('#leiden_dropdown').select('select').node().value = inst_cat_name console.log('new cluster', select_cluster, inst_cat_name) } else { mutable select_cluster = 'none' // mutable select_meta = cat_name d3.select('#leiden_dropdown').select('select').node().value = 'none' console.log('none cluster', select_cluster) } }, pickable: true });31:T913,zip_geojson_string = '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'32:[] 2e:{"title":"Tiles 0.1.0","cells":[{"id":0,"value":"# Tiles 0.1.0\nfork from cell neighborhoods 0.3.0 to visualize tiles","pinned":false,"hidden":false,"mode":"md"},{"id":70,"value":"dashboard = html`\n

\n\n

${viewof opacity}

Leiden ${viewof select_leiden}

Alpha ${viewof select_alpha}

\n \n

${container}

\n \n

\n` \n\n //

\n //

${viewof alpha}

\n //

${viewof opacity}

\n //

\n \n //

${container}

\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":597,"value":"viewof select_alpha = select({'options':available_alphas, value: ini_alpha})","pinned":true,"hidden":false,"mode":"ojs"},{"id":626,"value":"viewof select_leiden = select({'options':['none'].concat(available_leidens), value: 'none'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":611,"value":"select_cluster","pinned":true,"hidden":false,"mode":"ojs"},{"id":602,"value":"import {select} from '@jashkenas/inputs'","pinned":true,"hidden":false,"mode":"ojs"},{"id":586,"value":"d3.select('#set_alpha').empty()","pinned":true,"hidden":false,"mode":"ojs"},{"id":64,"value":"viewof opacity = slider({ min: 0.01, max: 1, value: 0.75, step: 0.01, description: 'shape opacity'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":560,"value":"inst_alpha_index = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":574,"value":"ini_alpha = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":61,"value":"container = html `

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":60,"value":"// mutable select_cluster = 'none'\nmutable select_cluster = select_leiden","pinned":true,"hidden":false,"mode":"ojs"},{"id":265,"value":"unselected_opacity_255 = 20","pinned":true,"hidden":false,"mode":"ojs"},{"id":242,"value":"selected_deckgl_points = deckgl_points['features'].filter(x => x['properties'][cat_name] == select_cluster)","pinned":true,"hidden":false,"mode":"ojs"},{"id":289,"value":"// passing in JSON object \nini_geojson = JSON.parse(geojson_string)","pinned":true,"hidden":false,"mode":"ojs"},{"id":541,"value":"inst_alpha = 5","pinned":true,"hidden":false,"mode":"ojs"},{"id":546,"value":"available_alphas = Array.from(new Set(ini_geojson[\"features\"].map(x => x.properties.alpha))).sort((a, b) => a - b)","pinned":true,"hidden":false,"mode":"ojs"},{"id":639,"value":"available_leidens = Array.from(new Set(ini_geojson.features.map(x => x.properties[cat_name]))).sort((a, b) => parseInt(a) - parseInt(b))","pinned":true,"hidden":false,"mode":"ojs"},{"id":537,"value":"alpha_features = ini_geojson[\"features\"].filter(x => x.properties.alpha == select_alpha)","pinned":true,"hidden":false,"mode":"ojs"},{"id":529,"value":"geojson = ({\n type: \"FeatureCollection\", \n features: alpha_features\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":438,"value":"transcript_radius = 1","pinned":true,"hidden":false,"mode":"ojs"},{"id":378,"value":"cell_layer = new deck.GeoJsonLayer({\n id: 'cell_layer', \n data: selected_deckgl_points,\n opacity: opacity,\n stroked: false,\n filled: true,\n getLineWidth: 0.1,\n\n getFillColor: f => {\n \n var rgb_array = d3.color(f.properties.color)\n var rgb = [rgb_array.r, rgb_array.g, rgb_array.b]\n return rgb\n },\n getRadius: transcript_radius, \n\n updateTriggers: {\n getFillColor: select_cluster,\n }, \n\n \n pickable: false\n });","pinned":true,"hidden":false,"mode":"ojs"},{"id":613,"value":"geojson","pinned":true,"hidden":false,"mode":"ojs"},{"id":291,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":42,"value":"cat_name = 'leiden'","pinned":true,"hidden":false,"mode":"ojs"},{"id":40,"value":"deckgl.setProps({layers: [nbhd_layer, cell_layer]});","pinned":true,"hidden":false,"mode":"ojs"},{"id":35,"value":"height = 850","pinned":true,"hidden":false,"mode":"ojs"},{"id":33,"value":"center_x = d3.mean(deckgl_points['features'].map(x => x['geometry']['coordinates'][0]))","pinned":true,"hidden":false,"mode":"ojs"},{"id":32,"value":"center_y = d3.mean(deckgl_points['features'].map(x => x['geometry']['coordinates'][1]))","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"zoom = 3","pinned":true,"hidden":false,"mode":"ojs"},{"id":27,"value":"min_zoom = -6","pinned":true,"hidden":false,"mode":"ojs"},{"id":25,"value":"INITIAL_VIEW_STATE_2D = ({\n target: [center_x, center_y, 0],\n zoom: zoom,\n minZoom:min_zoom, \n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"deckgl = {\n \n container.innerHTML = '';\n \n var view = new deck.OrthographicView({id: 'ortho'}) \n var INITIAL_VIEW_STATE = INITIAL_VIEW_STATE_2D \n\n return new deck.DeckGL({\n container,\n views:[view],\n initialViewState:INITIAL_VIEW_STATE,\n // controller: true,\n controller: {doubleClickZoom: false},\n getTooltip: ({object}) => {\n return object && ` ${object['properties'][cat_name]}\n `}, \n \n });\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"deck = require.alias({\n // optional dependencies\n h3: {},\n s2Geometry: {}\n})('deck.gl@8.3.7/dist.min.js')","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"import {slider} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":75,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":146,"value":"### Functions","pinned":false,"hidden":false,"mode":"md"},{"id":523,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":308,"value":"geojson_string = decode_zipped_string(zip_geojson_string)","pinned":true,"hidden":false,"mode":"ojs"},{"id":495,"value":"cell_geojson_string = '{\"type\": \"FeatureCollection\", \"features\": [{\"id\": \"0\", \"type\": \"Feature\", \"properties\": {\"color\": \"red\", \"index\": 0, \"leiden\": \"0\"}, \"geometry\": {\"type\": \"Point\", \"coordinates\": [54.340494179096545, 27.836938509379618]}}]}'","pinned":true,"hidden":false,"mode":"ojs"},{"id":373,"value":"deckgl_points = JSON.parse(cell_geojson_string)\n// deckgl_points = [] ","pinned":true,"hidden":false,"mode":"ojs"},{"id":463,"value":"pako = require('pako/dist/pako.min.js')","pinned":true,"hidden":false,"mode":"ojs"},{"id":461,"value":"function decode_zipped_string(b64Data){\n // Get some base64 encoded binary data from the server. Imagine we got this:\n \n // Decode base64 (convert ascii to binary)\n var strData = atob(b64Data);\n \n // Convert binary string to character-number array\n var charData = strData.split('').map(function(x){return x.charCodeAt(0);});\n \n // Turn number array into byte-array\n var binData = new Uint8Array(charData);\n \n // Pako magic\n var data = pako.inflate(binData);\n \n // // Convert gunzipped byteArray back to ascii string:\n // var strData = String.fromCharCode.apply(null, new Uint16Array(data));\n\n // https://stackoverflow.com/questions/8936984/uint8array-to-string-in-javascript\n var strData = new TextDecoder().decode(data);\n \n // Output to console\n // console.log(strData); \n return strData\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}