31:[] 2f:{"title":"MVT parsing contour maps","cells":[{"id":0,"value":"md`# MVT parsing contour maps`","pinned":false,"hidden":false,"mode":"ojs"},{"id":222,"value":"md`mostly just messing around with Mapbox contour tile data. Using Mike Fogel's [polygon clipping](https://github.com/mfogel/polygon-clipping) library to join tiles by elevation in an attempt to minimize the clunky tile grid. Still kind of an issue but a lot less annoying!`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1126,"value":"groupedmap = svg``","pinned":true,"hidden":false,"mode":"ojs"},{"id":363,"value":"clipmap = svg``","pinned":true,"hidden":false,"mode":"ojs"},{"id":962,"value":"polygons = turf.featureCollection(\n entries\n .map((e) =>\n e.values\n .map((v) => {\n if (v.geometry.type != \"Polygon\") {\n return turf.flatten(v).features.flat();\n } else {\n return v;\n }\n })\n .flat()\n )\n .map(\n (p) =>\n clip\n .union(p.map((m) => m.geometry.coordinates))\n .map((e) =>\n turf.polygon(e, { ele: p.map((m) => m.properties.ele)[0] })\n )\n // }))\n )\n .flat()\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1223,"value":"nestedclipped = d3\n .nest()\n .key(function (d) {\n return d.properties.ele;\n })\n .entries(polygons.features)","pinned":true,"hidden":false,"mode":"ojs"},{"id":291,"value":"entries = d3\n .nest()\n .key(function (d) {\n return d.properties.ele;\n })\n .entries(ele)","pinned":true,"hidden":false,"mode":"ojs"},{"id":79,"value":"ele = contour.map(c => c.features.filter(f => f.id > 1)).flat()","pinned":true,"hidden":false,"mode":"ojs"},{"id":146,"value":"set = Array.from(new Set(ele.map(e => e.properties.ele).sort()))","pinned":true,"hidden":false,"mode":"ojs"},{"id":213,"value":"color = [\"#23171b\",\"#453494\",\"#4a55d8\",\"#4076f5\",\"#3297f7\",\"#27b5e7\",\"#26d0cd\",\"#2ee5ae\",\"#42f48f\",\"#5ffc73\",\"#82fd5b\",\"#a7f648\",\"#cbe839\",\"#e9d42f\",\"#feb927\",\"#ff9b21\",\"#ff7a1c\",\"#f15816\",\"#d6390f\",\"#b71f08\",\"#9c0f00\",\"#900c00\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"contour = tiles.map((t) => t.data.contour)","pinned":true,"hidden":false,"mode":"ojs"},{"id":25,"value":"tiles = Promise.all(tile().map(async t => {\n let data = new vt.VectorTile(new Protobuf(await d3.buffer(`https://a.tiles.mapbox.com/v4/mapbox.mapbox-terrain-v2/${t.z}/${t.x}/${t.y}.mvt?access_token=pk.eyJ1Ijoid2FzaGluZ3RvbnBvc3QiLCJhIjoibWJkTGx1SSJ9.6cMdwgs-AYrRtQsEkXlHqg`))).layers\n \n t.data = Object.keys(data).reduce((initialData, key) => {\n initialData[key] = {\n type: \"FeatureCollection\",\n features: [...Array(data[key].length).keys()].map((item, i) => {\n let feature = data[key].feature(i).toGeoJSON(t.x, t.y, t.z)\n return feature\n })\n }\n\n return initialData\n }, {})\n \n return t;\n}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"Protobuf = require('pbf')","pinned":true,"hidden":false,"mode":"ojs"},{"id":17,"value":"d3 = require(\"d3-geo@1\", \"d3-selection@1\", \"d3-fetch@1\", \"d3-tile@0.0\", \"d3-scale@2.1.2\", \"d3-collection@latest\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"projection = d3\n .geoMercator()\n .center([-65.995, -18.927])\n .scale(100000 / (2 * Math.PI))\n .translate([width / 2, height / 2])","pinned":true,"hidden":false,"mode":"ojs"},{"id":23,"value":"tile = d3.tile()\n .size([width, height])\n .scale(projection.scale() * 2 * Math.PI)\n .translate(projection([0,0]))","pinned":true,"hidden":false,"mode":"ojs"},{"id":21,"value":"height = 800","pinned":true,"hidden":false,"mode":"ojs"},{"id":44,"value":"path = d3.geoPath(projection)","pinned":true,"hidden":false,"mode":"ojs"},{"id":614,"value":"clip = require(\"polygon-clipping@0.15.3\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":612,"value":"turf = require(\"@turf/turf@5\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":15,"value":"vt = require('https://bundle.run/@mapbox/vector-tile@1.3.1')","pinned":true,"hidden":false,"mode":"ojs"},{"id":918,"value":"merge = require(\"https://bundle.run/@mapbox/geojson-merge@1.1.1\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}