2a:null 2b:["$","title",null,{"children":"Pueblos indígenas en Colombia y sus resguardos | Néstor Andrés Peña | Observable"}] 30:T1e31,mapa = { let mapcontainer = DOM.element('div', { style: `width:${width}px;height:${width}px` }); let datacontainer = DOM.element('div', { style: `width:${width}px;height:${width + 1000}px` }); let container = DOM.element('div', { style: `width:${width}px;height:${width}px` }); container.append(mapcontainer) // container.yield(datacontainer) yield container; // yield datacontainer; var resguardoIcon = L.icon({ iconUrl: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Google_Map_Marker.svg', iconSize: [50, 50], // size of the icon }); var puebloIcon = L.icon({ iconUrl: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Google_Map_Marker.svg', iconSize: [20, 20], // size of the icon }); let map = L.map(mapcontainer,{ maxZoom: 9, minZoom: 2, scrollWheelZoom: false // maxBounds:[[-4.7020829940000013,-79.4437498789999950],[13.6087503390000002,-66.2529165459999945]] }).setView([4.124080991005611, -73.67431640625001], 6); mundo.features.map(f=>{ L.geoJson(f.geometry, { weight: 0.2, color: '#666', fillColor: 'none', fillOpacity: 1, opacity: 1 }).addTo(map); }) // let osmLayer = L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}@2x.png', { // attribution: '© OpenStreetMap contributors' // }).addTo(map); // L.TileLayer.boundaryCanvas('http://nestorandres.com/tiles_/{z}/{x}/{y}.png', { // boundary: departamentos, // minZoom: 6, // maxZoom: 9, // tms: false, // attribution: 'Generado por Mapas de Colombia' // }).addTo(map); municipios.features.map(f=>{ let layer = L.geoJson(f, { weight: 0.1, color: '#666', fillColor: 'none', fillOpacity: 1, opacity: 1 }).addTo(map); }) departamentos.features.map(f=>{ L.geoJson(f, { weight: 0.2, color: '#555', fillColor: color_departamentos(f.properties.NOMBRE_DPT), fillOpacity: 0.08 }).addTo(map); }) let markers_pueblos = [] let markers_resguardos = [] let rmax = 30 let markers = L.markerClusterGroup({ maxClusterRadius: 60, iconCreateFunction: iconClusterDefine }) function iconClusterDefine(cluster) { var children = cluster.getAllChildMarkers(), n = children.length, strokeWidth = 1, r = rmax-2*strokeWidth-(n<10?12:n<100?8:n<1000?4:0), iconDim = 50 let data = devolverData(children) let html = dibujarDona({ data: data, n: n, r: r, strokeWidth: strokeWidth }) let myIcon = new L.DivIcon({ html: html, className: 'marker-cluster', iconSize: new L.Point(iconDim, iconDim) }); return myIcon; } function devolverData(children){ let resp = [ { name: 'si', value: 0 }, { name: 'no', value: 0 } ] children.map(c => { if(c.options.peligro) resp[0].value = resp[0].value + 1 else resp[1].value = resp[1].value + 1 }) return resp } cargarPueblos() function dibujarDona(aggs){ var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); let vis = d3.select(svg).attr('width', 50) .attr('height', 50) let scaleTotal = d3.scaleLinear().range(['#FFF', '#F2B705']).domain([0,ubicacion.length]) const arcs = pie(aggs.data); vis.append('circle') .attr('cx', 25) .attr('cy', 25) .attr('r', 25) .attr('fill', scaleTotal(aggs.n)) .attr('fill', '#FFF') vis.selectAll("path") .data(arcs) .join("path") .attr("fill", d => color_peligro(d.data.name)) .attr("d", d3.arc().innerRadius(20).outerRadius(25)) .attr('transform', 'translate(25,25)') vis.append('text') .text(aggs.n) .attr('fill','#333') .attr('dy', '.5em') .attr('x', 25) .attr('y', 25) .attr('font-weight', 'bold') .attr('text-anchor', 'middle') return serializeXmlNode(svg); } function serializeXmlNode(xmlNode) { if (typeof window.XMLSerializer != "undefined") { return (new window.XMLSerializer()).serializeToString(xmlNode); } else if (typeof xmlNode.xml != "undefined") { return xmlNode.xml; } return ""; } function devolverPoblacion(elem){ if(elem['Con población entre 0-99 personas'] === 'X') return '0-99' else if(elem['Con población entre 100-199 personas'] === 'X') return '100-199' else if(elem['Con población entre 200-500 personas'] === 'X') return '200-500' else return 'Sin información' } function devolverPeligro(elem){ if(elem['En peligro de ser exterminados cultural o físicamente por el conflicto armado interno por el Auto 004 de 2009.'] === 'X') return true else return false } function cargarPueblos() { ubicacion.map(i => { let lat = parseFloat(i['Latitud'].replace(',', '.')) let lon = parseFloat(i['Longitud'].replace(',', '.')) let marker = L.marker([lat,lon],{ icon: puebloIcon, pueblo: i['Pueblo'], poblacion: devolverPoblacion(i), peligro: devolverPeligro(i) }) .bindTooltip( 'Pueblo: ' + i['Pueblo'] + '
' + 'Municipio:' + i['Municipio'] , {className: 'myCSSClass'}) .on('click', () => { markers_resguardos = [] let cod_resguardos = [] pueblos.map(p => { // console.log(i['Pueblo'], p['Pueblo']) if(i['Pueblo'].replace(/\s+/g,' ').trim() == p['Pueblo'].replace(/\s+/g,' ').trim()){ // console.log(p['Nombre Resguardo']) const municipio = municipios.features.find(m => { return m.properties['MPIOS'] === p['Cod Mpio'] }) if(municipio){ if(!cod_resguardos.includes(municipio.properties['MPIOS'])){ cod_resguardos.push(municipio.properties['MPIOS']) let l = L.geoJson(municipio, {}) let coor = l.getBounds().getCenter() let resguardo = L.marker([coor.lat,coor.lng], {icon: resguardoIcon}).bindTooltip( 'Resguardo: ' + p['Nombre Resguardo'] + '
' + 'Municipio:' + p['Municipio'] ).on('click', () => { markers_resguardos.map(r => r.remove()) // markers_pueblos.map(r => r.remove()) // markers_pueblos = [] markers_resguardos = [] // cargarPueblos() markers.addTo(map) }).addTo(map) markers_resguardos.push(resguardo) } } } }) if(markers_resguardos.length > 0) { // markers_pueblos.map(m => { // if(marker._leaflet_id != m._leaflet_id) {m.remove()} // }) // markers_pueblos = [] // markers_pueblos.push(marker) // marker.off('click') // marker.on('click', () => { // marker.remove() // markers_resguardos.map(r => r.remove()) // markers_pueblos = [] // markers_resguardos = [] // cargarPueblos() // }) // marker.addTo(map) map.removeLayer(markers) } }).addTo(markers) markers_pueblos.push(marker) }) map.addLayer(markers) } return map }31:T34a2,L.TileLayer.boundaryCanvas = () => { { 'use strict'; var isRingBbox = function (ring, bbox) { if (ring.length !== 4) { return false; } var p, sumX = 0, sumY = 0; for (p = 0; p < 4; p++) { if ((ring[p].x !== bbox.min.x && ring[p].x !== bbox.max.x) || (ring[p].y !== bbox.min.y && ring[p].y !== bbox.max.y)) { return false; } sumX += ring[p].x; sumY += ring[p].y; //bins[Number(ring[p].x === bbox.min.x) + 2 * Number(ring[p].y === bbox.min.y)] = 1; } //check that we have all 4 vertex of bbox in our geometry return sumX === 2*(bbox.min.x + bbox.max.x) && sumY === 2*(bbox.min.y + bbox.max.y); }; var ExtendMethods = { _toMercGeometry: function(b, isGeoJSON) { var res = []; var c, r, p, mercComponent, mercRing, coords; if (!isGeoJSON) { if (!(b[0] instanceof Array)) { b = [[b]]; } else if (!(b[0][0] instanceof Array)) { b = [b]; } } for (c = 0; c < b.length; c++) { mercComponent = []; for (r = 0; r < b[c].length; r++) { mercRing = []; for (p = 0; p < b[c][r].length; p++) { coords = isGeoJSON ? L.latLng(b[c][r][p][1], b[c][r][p][0]) : b[c][r][p]; mercRing.push(this._map.project(coords, 0)); } mercComponent.push(mercRing); } res.push(mercComponent); } return res; }, //lazy calculation of layer's boundary in map's projection. Bounding box is also calculated _getOriginalMercBoundary: function () { if (this._mercBoundary) { return this._mercBoundary; } var compomentBbox, c; if (L.Util.isArray(this.options.boundary)) { //Depricated: just array of coordinates this._mercBoundary = this._toMercGeometry(this.options.boundary); } else { //GeoJSON this._mercBoundary = []; var processGeoJSONObject = function(obj) { if (obj.type === 'GeometryCollection') { obj.geometries.forEach(processGeoJSONObject); } else if (obj.type === 'Feature') { processGeoJSONObject(obj.geometry); } else if (obj.type === 'FeatureCollection') { obj.features.forEach(processGeoJSONObject); } else if (obj.type === 'Polygon') { this._mercBoundary = this._mercBoundary.concat(this._toMercGeometry([obj.coordinates], true)); } else if (obj.type === 'MultiPolygon') { this._mercBoundary = this._mercBoundary.concat(this._toMercGeometry(obj.coordinates, true)); } }.bind(this); processGeoJSONObject(this.options.boundary); } this._mercBbox = new L.Bounds(); for (c = 0; c < this._mercBoundary.length; c++) { compomentBbox = new L.Bounds(this._mercBoundary[c][0]); this._mercBbox.extend(compomentBbox.min); this._mercBbox.extend(compomentBbox.max); } return this._mercBoundary; }, _getClippedGeometry: function(geom, bounds) { var clippedGeom = [], clippedComponent, clippedExternalRing, clippedHoleRing, iC, iR; for (iC = 0; iC < geom.length; iC++) { clippedComponent = []; clippedExternalRing = L.PolyUtil.clipPolygon(geom[iC][0], bounds); if (clippedExternalRing.length === 0) { continue; } clippedComponent.push(clippedExternalRing); for (iR = 1; iR < geom[iC].length; iR++) { clippedHoleRing = L.PolyUtil.clipPolygon(geom[iC][iR], bounds); if (clippedHoleRing.length > 0) { clippedComponent.push(clippedHoleRing); } } clippedGeom.push(clippedComponent); } if (clippedGeom.length === 0) { //we are outside of all multipolygon components return {isOut: true}; } for (iC = 0; iC < clippedGeom.length; iC++) { if (isRingBbox(clippedGeom[iC][0], bounds)) { //inside exterior rings and no holes if (clippedGeom[iC].length === 1) { return {isIn: true}; } } else { //intersects exterior ring return {geometry: clippedGeom}; } for (iR = 1; iR < clippedGeom[iC].length; iR++) { //inside exterior ring, but have intersection with a hole if (!isRingBbox(clippedGeom[iC][iR], bounds)) { return {geometry: clippedGeom}; } } } //we are inside all holes in geometry return {isOut: true}; }, // Calculates intersection of original boundary geometry and tile boundary. // Uses quadtree as cache to speed-up intersection. // Return // {isOut: true} if no intersection, // {isIn: true} if tile is fully inside layer's boundary // {geometry: } otherwise _getTileGeometry: function (x, y, z, skipIntersectionCheck) { if ( !this.options.boundary) { return {isIn: true}; } var cacheID = x + ":" + y + ":" + z, zCoeff = Math.pow(2, z), parentState, cache = this._boundaryCache; if (cache[cacheID]) { return cache[cacheID]; } var mercBoundary = this._getOriginalMercBoundary(), ts = this.options.tileSize, tileBbox = new L.Bounds(new L.Point(x * ts / zCoeff, y * ts / zCoeff), new L.Point((x + 1) * ts / zCoeff, (y + 1) * ts / zCoeff)); //fast check intersection if (!skipIntersectionCheck && !tileBbox.intersects(this._mercBbox)) { return {isOut: true}; } if (z === 0) { cache[cacheID] = {geometry: mercBoundary}; return cache[cacheID]; } parentState = this._getTileGeometry(Math.floor(x / 2), Math.floor(y / 2), z - 1, true); if (parentState.isOut || parentState.isIn) { return parentState; } cache[cacheID] = this._getClippedGeometry(parentState.geometry, tileBbox); return cache[cacheID]; }, _drawTileInternal: function (canvas, tilePoint, url, callback) { var zoom = this._getZoomForUrl(), state = this._getTileGeometry(tilePoint.x, tilePoint.y, zoom); if (state.isOut) { callback(); return; } var ts = this.options.tileSize, tileX = ts * tilePoint.x, tileY = ts * tilePoint.y, zCoeff = Math.pow(2, zoom), ctx = canvas.getContext('2d'), imageObj = new Image(), _this = this; var setPattern = function () { var c, r, p, pattern, geom; if (!state.isIn) { geom = state.geometry; ctx.beginPath(); for (c = 0; c < geom.length; c++) { for (r = 0; r < geom[c].length; r++) { if (geom[c][r].length === 0) { continue; } ctx.moveTo(geom[c][r][0].x * zCoeff - tileX, geom[c][r][0].y * zCoeff - tileY); for (p = 1; p < geom[c][r].length; p++) { ctx.lineTo(geom[c][r][p].x * zCoeff - tileX, geom[c][r][p].y * zCoeff - tileY); } } } ctx.clip(); } pattern = ctx.createPattern(imageObj, "repeat"); ctx.beginPath(); ctx.rect(0, 0, canvas.width, canvas.height); ctx.fillStyle = pattern; ctx.fill(); callback(); }; if (this.options.crossOrigin) { imageObj.crossOrigin = ''; } imageObj.onload = function () { //TODO: implement correct image loading cancelation canvas.complete = true; //HACK: emulate HTMLImageElement property to make happy L.TileLayer setTimeout(setPattern, 0); //IE9 bug - black tiles appear randomly if call setPattern() without timeout } imageObj.src = url; }, onAdd: function(map) { (L.TileLayer.Canvas || L.TileLayer).prototype.onAdd.call(this, map); if (this.options.trackAttribution) { map.on('moveend', this._updateAttribution, this); this._updateAttribution(); } }, onRemove: function(map) { (L.TileLayer.Canvas || L.TileLayer).prototype.onRemove.call(this, map); if (this.options.trackAttribution) { map.off('moveend', this._updateAttribution, this); if (!this._attributionRemoved) { var attribution = L.TileLayer.BoundaryCanvas.prototype.getAttribution.call(this); map.attributionControl.removeAttribution(attribution); } } }, _updateAttribution: function() { var geom = this._getOriginalMercBoundary(), mapBounds = this._map.getBounds(), mercBounds = L.bounds(this._map.project(mapBounds.getSouthWest(), 0), this._map.project(mapBounds.getNorthEast(), 0)), state = this._getClippedGeometry(geom, mercBounds); if (this._attributionRemoved !== !!state.isOut) { var attribution = L.TileLayer.BoundaryCanvas.prototype.getAttribution.call(this); this._map.attributionControl[state.isOut ? 'removeAttribution' : 'addAttribution'](attribution); this._attributionRemoved = !!state.isOut; } } }; if (L.version >= '0.8') { L.TileLayer.BoundaryCanvas = L.TileLayer.extend({ options: { // all rings of boundary should be without self-intersections or intersections with other rings // zero-winding fill algorithm is used in canvas, so holes should have opposite direction to exterior ring // boundary can be // LatLng[] - simple polygon // LatLng[][] - polygon with holes // LatLng[][][] - multipolygon boundary: null }, includes: ExtendMethods, initialize: function(url, options) { L.TileLayer.prototype.initialize.call(this, url, options); this._boundaryCache = {}; //cache index "x:y:z" this._mercBoundary = null; this._mercBbox = null; if (this.options.trackAttribution) { this._attributionRemoved = true; this.getAttribution = null; } }, createTile: function(coords, done){ var tile = document.createElement('canvas'), url = this.getTileUrl(coords); tile.width = tile.height = this.options.tileSize; this._drawTileInternal(tile, coords, url, L.bind(done, null, null, tile)); return tile; } }) } else { L.TileLayer.BoundaryCanvas = L.TileLayer.Canvas.extend({ options: { // all rings of boundary should be without self-intersections or intersections with other rings // zero-winding fill algorithm is used in canvas, so holes should have opposite direction to exterior ring // boundary can be // LatLng[] - simple polygon // LatLng[][] - polygon with holes // LatLng[][][] - multipolygon boundary: null }, includes: ExtendMethods, initialize: function (url, options) { L.Util.setOptions(this, options); L.Util.setOptions(this, {async: true}); //image loading is always async this._url = url; this._boundaryCache = {}; //cache index "x:y:z" this._mercBoundary = null; this._mercBbox = null; if (this.options.trackAttribution) { this._attributionRemoved = true; this.getAttribution = null; } }, drawTile: function(canvas, tilePoint) { var adjustedTilePoint = L.extend({}, tilePoint), url; this._adjustTilePoint(adjustedTilePoint); url = this.getTileUrl(adjustedTilePoint); this._drawTileInternal(canvas, tilePoint, url, L.bind(this.tileDrawn, this, canvas)); //Leaflet v0.7.x bugfix (L.Tile.Canvas doesn't support maxNativeZoom option) if (this._getTileSize() !== this.options.tileSize) { canvas.style.width = canvas.style.height = this._getTileSize() + 'px'; } } }); } L.TileLayer.boundaryCanvas = function (url, options) { return new L.TileLayer.BoundaryCanvas(url, options); }; L.TileLayer.BoundaryCanvas.createFromLayer = function (layer, options) { return new L.TileLayer.BoundaryCanvas(layer._url, L.extend({}, layer.options, options)); }; } }32:T5a8,html``33:[] 2e:{"id":"0403cc23e7f19402","slug":"pueblos-indigenas-en-colombia","title":"Pueblos indígenas en Colombia y sus resguardos","thumbnail":"a025f2f155c07c66610b205dcd8e50edbfe2cd9c7a0a05da84fb01c4b8660960","access_level":"public","create_time":"$D2020-08-21T18:22:15.857Z","update_time":"$D2021-02-03T16:23:21.835Z","view_time":null,"first_public_time":"$D2020-08-23T15:33:43.552Z","fork":{"id":"b8212361401283d6","slug":"mapa-de-colombia-vista-departamental-y-municipal","title":"Mapa de Colombia en LEAFLET vista departamental y municipal","owner":{"id":"01062053fabb03ae","login":"nestorandrespe","name":"Néstor Andrés Peña"}},"stars":2,"starred":false,"owner":{"type":"team","id":"01062053fabb03ae","login":"nestorandrespe","name":"Néstor Andrés Peña","avatar_url":"https://avatars-next.observableusercontent.com/d99a6c701ad1b2e42bbbc506b9ebf12e4a4fc10974ce5750f7fed982e443fd07","tier":"starter_2024"},"version":569,"publish_version":569,"role":null,"authored":false,"authors":[{"type":"individual","id":"6a42999b55e39bcd","login":"nestorandrespe","name":"Néstor Andrés Peña","avatar_url":"https://avatars-next.observableusercontent.com/d99a6c701ad1b2e42bbbc506b9ebf12e4a4fc10974ce5750f7fed982e443fd07","tier":null}],"members":[{"type":"individual","id":"6a42999b55e39bcd","login":"nestorandrespe","name":"Néstor Andrés Peña","avatar_url":"https://avatars-next.observableusercontent.com/d99a6c701ad1b2e42bbbc506b9ebf12e4a4fc10974ce5750f7fed982e443fd07","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":2,"collection":{"id":"e182b8c9cb356486","slug":"museo-de-memoria-de-colombia","title":"Museo de Memoria de Colombia","owner":{"id":"01062053fabb03ae","login":"nestorandrespe","name":"Néstor Andrés Peña"}},"type":"notebook","body":{"title":"Pueblos indígenas en Colombia y sus resguardos","cells":[{"id":0,"value":"md`# Pueblos indígenas en Colombia y sus resguardos`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":543,"value":"md `_**Datos:** generados por el equipo de exposiciones del [Museo de Memoria de Colombia](http://museodememoria.gov.co/) para la exposición SaNaciones del 2020 usando las bases de datos de la ONIC y el DANE. Este producto hace parte de la museografía virtual de la exposición._`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":380,"value":"md`_**Instrucciones:** hacer click en un pueblo y si este tiene resguardos asignados en la base de datos del DANE aparecerán en el mapa. Para volver a cargar los pueblos hacer click en un resguardo._`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"$30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":504,"value":"pie = d3.pie()\n .padAngle(0.005)\n .sort(null)\n .value(d => d.value)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":25,"value":"departamentos = {\n let response = await fetch('https://gist.githubusercontent.com/john-guerra/43c7656821069d00dcbc/raw/3aadedf47badbdac823b00dbe259f6bc6d9e1899/colombia.geo.json');\n let json = await response.json();\n return json\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":47,"value":"municipios = {\n let response = await fetch('https://gist.githubusercontent.com/nestorandrespe/1b87fc08bc60431a1c3363e318cad02d/raw/41d0e4e9686e5953ddeb5b1c7a2e3562df199edd/mpios.json');\n let json = await response.json();\n return json\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":407,"value":"mundo = {\nlet response = await fetch('https://gist.githubusercontent.com/nestorandrespe/e3695c1d3961be676b06624e699d3998/raw/c3749e7df2a318d1d39e6ef2be0c4b064ff149d2/World%2520contours.json');\n let json = await response.json();\n return json\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":223,"value":"pueblos = d3.csv('https://raw.githubusercontent.com/mnmh/datos/master/pueblos_indigenas_resguardos.csv')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":227,"value":"ubicacion = d3.csv('https://raw.githubusercontent.com/mnmh/datos/master/ubicacion_pueblos_indigenas.csv')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":363,"value":"color_departamentos = d3.scaleOrdinal(d3.schemeSet3)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":514,"value":"color_peligro = d3.scaleOrdinal().range(['#E0052D', '#F2D7B6']).domain(['si', 'no'])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6,"value":"L = {\n const L = window.L = await require('leaflet@1.3.1');\n await require('leaflet.markercluster');\n return L;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":218,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":403,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8,"value":"css = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":441,"value":"// css = html`\n//

loading: leaflet.css

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":76,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":558,"value":"// link = resolve('leaflet@1.2.0/dist/leaflet.css')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 2f:"$2e:body"