2b:null 2c:["$","title",null,{"children":"Polyhedral star map projections for laser cutting | astroclockface | Observable"}] 31:Tba3,deltoidal_f = { var degrees = 180 / Math.PI; var theta = Math.atan(0.5) * degrees; // construction inspired by // https://en.wikipedia.org/wiki/Regular_icosahedron#Spherical_coordinates var vertices = [[0, 90], [0, -90]].concat( [0,1,2,3,4,5,6,7,8,9].map(function(i) { var phi = (i * 36 + 180) % 360 - 180; return [phi, i & 1 ? theta : -theta]; }) ); // icosahedron var polyhedron = [ [0, 3, 11], [0, 5, 3], [0, 7, 5], [0, 9, 7], [0, 11, 9], // North [2, 11, 3], [3, 4, 2], [4, 3, 5], [5, 6, 4], [6, 5, 7], [7, 8, 6], [8, 7, 9], [9, 10, 8], [10, 9, 11], [11, 2, 10], // Equator [1, 2, 4], [1, 4, 6], [1, 6, 8], [1, 8, 10], [1, 10, 2] // South ].map(function(face) { var t = face.map(function(i) { return vertices[i]; }); // create 3 polygons from these using centroid and midpoints var f1 = [ t[0], d3.geoInterpolate(t[0],t[1])(0.5), d3.geoCentroid({type:"MultiPoint", coordinates:t}), d3.geoInterpolate(t[0],t[2])(0.5) ]; var f2 = [ t[1], d3.geoInterpolate(t[1],t[2])(0.5), d3.geoCentroid({type:"MultiPoint", coordinates:t}), d3.geoInterpolate(t[1],t[0])(0.5) ]; var f3 = [ t[2], d3.geoInterpolate(t[2],t[0])(0.5), d3.geoCentroid({type:"MultiPoint", coordinates:t}), d3.geoInterpolate(t[2],t[1])(0.5) ]; return [f1, f2, f3]; }); var polygons = { type: "FeatureCollection", features: polyhedron.flat().map(function(face) { face.push(face[0]); return { properties: { sitecoordinates: d3.geoCentroid({type:"MultiPoint", coordinates: face}) }, geometry: { type: "Polygon", coordinates: [ face ] } }; }) }; var parents = [ -1, // 0 2, // 1 0, // 2 5, // 3 5, // 4 22, // 5 8, // 6 8, // 7 28, // 8 11, // 9 11, // 10 34, // 11 14, // 12 14, // 13 40, // 14 16, // 15 2, // 16 15, // 17 17, // 18 18, // 19 18, // 20 19, // 21 21, // 22 21, // 23 23, // 24 24, // 25 24, // 26 25, // 27 27, // 28 27, // 29 29, // 30 30, // 31 30, // 32 31, // 33 33, // 34 33, // 35 35, // 36 36, // 37 36, // 38 37, // 39 39, // 40 39, // 41 41, // 42 42, // 43 42, // 44 46, // 45 20, // 46 46, // 47 49, // 48 26, // 49 49, // 50 52, // 51 32, // 52 52, // 53 55, // 54 38, // 55 55, // 56 58, // 57 44, // 58 58, // 59 ]; //return polygons; return d3.geoPolyhedralVoronoi() .parents(parents) .angle(0) .polygons(polygons) .rotate([108,0]) .scale(131.777) .center([162, 0]); };32:T5ea,rhombic_f = { var degrees = 180 / Math.PI; var phi1 = Math.atan(Math.SQRT1_2) * degrees; var vertices = [ [0, 90], // 0 [0, phi1], // 1 [90, phi1], // 2 [180, phi1], // 3 [-90, phi1], // 4 [45, 0], // 5 [135, 0], // 6 [-135, 0], // 7 [-45, 0], // 8 [0, -phi1], // 9 [90, -phi1], // 10 [180, -phi1], // 11 [-90, -phi1], // 12 [0, -90] // 13 ]; // rhombic dodecahedron var polyhedron = [ [0, 1, 8, 4], [0, 2, 5, 1], [0, 3, 6, 2], [0, 4, 7, 3], [1, 5, 9, 8], [2, 6, 10, 5], [3, 7, 11, 6], [4, 8, 12, 7], [8, 9, 13, 12], [5, 10, 13, 9], [6, 11, 13, 10], [7, 12, 13, 11] ].map(function(face) { return face.map(function(i) { return vertices[i]; }); }); var polygons = { type: "FeatureCollection", features: polyhedron.map(function(face) { return { properties: { sitecoordinates: d3.geoCentroid({type:"MultiPoint", coordinates: face}) }, geometry: { type: "Polygon", coordinates: [[...face, face[0]]] } }; }) }; var parents = [ -1, // 0 0, // 1 6, // 2 2, // 3 1, // 4 9, // 5 11, // 6 3, // 7 4, // 8 8, // 9 5, // 10 10, // 11 ]; //return polygons; return d3.geoPolyhedralVoronoi() .parents(parents) .polygons(polygons) .angle(20) .rotate([0, -11, 11]); };33:T10f7,pentakis_f = { const degrees = 180 / Math.PI; const A0 = Math.asin(1/Math.sqrt(3)) * degrees; const A1 = Math.acos((Math.sqrt(5) - 1) / Math.sqrt(3) / 2) * degrees; const A2 = 90 - A1; const A3 = Math.acos(-(1 + Math.sqrt(5)) / Math.sqrt(3) / 2) * degrees; function split5(face) { // create 3 polygons from these using centroid and midpoints let c = d3.geoCentroid(({ type: "MultiPoint", coordinates: face })); return [ [face[0], face[1], c], [face[1], face[2], c], [face[2], face[3], c], [face[3], face[4], c], [face[4], face[0], c], ]; }; const dodecahedron = [ [[45,A0],[0,A1],[180,A1],[135,A0],[90,A2]], // 0 [[45,A0],[A2,0],[-A2,0],[-45,A0],[0,A1]], // 1 [[45,A0],[90,A2],[90,-A2],[45,-A0],[A2,0]], // 2 [[90,A2],[135,A0],[A3,0],[135,-A0],[90,-A2]], // 5 [[135,A0],[180,A1],[-135,A0],[-A3,0],[A3,0]], // 7 [[0,A1],[-45,A0],[-90,A2],[-135,A0],[180,A1]], // 3 [[45,-A0],[90,-A2],[135,-A0],[180,-A1],[0,-A1]], // 6 [[135,-A0],[A3,0],[-A3,0],[-135,-A0],[180,-A1]], // 10 [[-135,A0],[-90,A2],[-90,-A2],[-135,-A0],[-A3,0]], // 11 [[-45,A0],[-A2,0],[-45,-A0],[-90,-A2],[-90,A2]], // 8 [[A2,0],[45,-A0],[0,-A1],[-45,-A0],[-A2,0]], // 4 [[-45,-A0],[0,-A1],[180,-A1],[-135,-A0],[-90,-A2]] // 9 ]; const pentakis = dodecahedron.map(split5); const pentakis1 = dodecahedron.slice(0,6).map(split5); const pentakis2 = dodecahedron.slice(6).map(split5); function polygons(faces) { return { type: "FeatureCollection", features: faces.flat().map((face) => ({ type: "Feature", geometry: { type: "Polygon", coordinates: [ [...face, face[0]] ] } })) }; } var parents = [ -1, // 0 0, // 1 1, // 2 2, // 3 3, // 4 9, // 5 5, // 6 6, // 7 7, // 8 0, // 9 4, // 10 10, // 11 11, // 12 12, // 13 13, // 14 3, // 15 15, // 16 16, // 17 17, // 18 18, // 19 2, // 20 20, // 21 21, // 22 22, // 23 23, // 24 29, // 25 25, // 26 26, // 27 27, // 28 1, // 29 12, // 30 30, // 31 31, // 32 32, // 33 33, // 34 36, // 35 37, // 36 38, // 37 57, // 38 35, // 39 41, // 40 42, // 41 58, // 42 44, // 43 40, // 44 46, // 45 47, // 46 59, // 47 49, // 48 45, // 49 51, // 50 52, // 51 55, // 52 54, // 53 50, // 54 59, // 55 33, // 56 56, // 57 57, // 58 58, // 59 ]; var parents3s = [ -1, // 0 0, // 1 1, // 2 2, // 3 3, // 4 14, // 5 5, // 6 6, // 7 7, // 8 8, // 9 4, // 10 10, // 11 11, // 12 12, // 13 13, // 14 19, // 15 15, // 16 16, // 17 31, // 18 18, // 19 2, // 20 20, // 21 21, // 22 22, // 23 23, // 24 29, // 25 25, // 26 26, // 27 27, // 28 1, // 29 12, // 30 30, // 31 31, // 32 32, // 33 33, // 34 39, // 35 35, // 36 36, // 37 37, // 38 32, // 39 41, // 40 42, // 41 58, // 42 44, // 43 40, // 44 46, // 45 47, // 46 59, // 47 49, // 48 45, // 49 13, // 50 50, // 51 51, // 52 52, // 53 53, // 54 59, // 55 33, // 56 56, // 57 57, // 58 58, // 59 ]; const parents_dodeca = [-1,0,0,0,0,0,2,11,11,11,11,6]; const parents1 = [-1,0,1,2,3,9,5,6,7,0,4,10,11,12,13,3,15,16,17,18,2,20,21,22,23,29,25,26,27,1]; const parents2 = [29,30,31,32,33,36,37,38,57,35,41,42,58,44,40,46,47,59,49,45,51,52,55,54,50,59,33,56,57,58].map((i) => i-30); const parents_part = [-1,0,1,2,3] return d3.geoPolyhedralVoronoi() .parents(parents) //.parents(parents_part) .angle(55) .polygons(polygons(pentakis)) //.polygons(polygons(dodecahedron.slice(0,1).map(split5))) .scale(99.8) .rotate([-80,0,-32]); }34:T6ab,pentakis_face = function(n) { const degrees = 180 / Math.PI; const A0 = Math.asin(1/Math.sqrt(3)) * degrees; const A1 = Math.acos((Math.sqrt(5) - 1) / Math.sqrt(3) / 2) * degrees; const A2 = 90 - A1; const A3 = Math.acos(-(1 + Math.sqrt(5)) / Math.sqrt(3) / 2) * degrees; function split5(face) { // create 3 polygons from these using centroid and midpoints let c = d3.geoCentroid(({ type: "MultiPoint", coordinates: face })); return [ [face[0], face[1], c], [face[1], face[2], c], [face[2], face[3], c], [face[3], face[4], c], [face[4], face[0], c], ]; }; function polygons(faces) { return { type: "FeatureCollection", features: faces.flat().map((face) => ({ type: "Feature", geometry: { type: "Polygon", coordinates: [ [...face, face[0]] ] } })) }; } const dodecahedron = [ [[45,A0],[0,A1],[180,A1],[135,A0],[90,A2]], // 0 [[45,A0],[A2,0],[-A2,0],[-45,A0],[0,A1]], // 1 [[45,A0],[90,A2],[90,-A2],[45,-A0],[A2,0]], // 2 [[90,A2],[135,A0],[A3,0],[135,-A0],[90,-A2]], // 5 [[135,A0],[180,A1],[-135,A0],[-A3,0],[A3,0]], // 7 [[0,A1],[-45,A0],[-90,A2],[-135,A0],[180,A1]], // 3 [[45,-A0],[90,-A2],[135,-A0],[180,-A1],[0,-A1]], // 6 [[135,-A0],[A3,0],[-A3,0],[-135,-A0],[180,-A1]], // 10 [[-135,A0],[-90,A2],[-90,-A2],[-135,-A0],[-A3,0]], // 11 [[-45,A0],[-A2,0],[-45,-A0],[-90,-A2],[-90,A2]], // 8 [[A2,0],[45,-A0],[0,-A1],[-45,-A0],[-A2,0]], // 4 [[-45,-A0],[0,-A1],[180,-A1],[-135,-A0],[-90,-A2]] // 9 ]; return polygons(dodecahedron.slice(n,n+1).map(split5)); }35:T1b09,function map(projection) { const context = d3.create("svg") .attr("viewBox", [0, 0, width, width/2]); projection.fitExtent([[2,2],[width-2, width/2-2]], {type:"Sphere"}); var path = d3.geoPath(projection); var starPath = d3.geoPath(projection) .pointRadius(d => magnitudeScale(d.properties.mag)); var map = context.append("g").attr("class", "map").attr("id", "map"); var grid = map.append("g").attr("class", "grid").attr("id", "grid"); var eq = map.append("g").attr("class", "eq").attr("id", "eq"); var cnc = map.append("g").attr("class", "cnc").attr("id", "cnc"); var cap = map.append("g").attr("class", "cap").attr("id", "cap"); var countries = map.append("g").attr("class", "countries").attr("id", "countries"); var constellations = map.append("g").attr("class", "constellations").attr("id", "constellations"); var cons_bounds = constellations.append("g").attr("class", "cons_bounds").attr("id", "cons_bounds"); var cons_lines = constellations.append("g").attr("class", "cons_lines").attr("id", "cons_lines"); var cons_names = constellations.append("g").attr("class", "cons_names").attr("id", "cons_names"); var stars = constellations.append("g").attr("class", "stars").attr("id", "stars"); var milkyway = map.append("g").attr("class", "milkyway").attr("id", "milkyway"); var c = map.append("g").attr("class", "cuts").attr("id", "cuts"); var holes = c.append("g").attr("class", "holes").attr("id", "holes"); var edges = c.append("g").attr("class", "edges").attr("id", "edges"); var f = map.append("g").attr("class", "faces").attr("id", "faces"); var facecircles = f.append("g").attr("class", "facecircles").attr("id", "facecircles"); var facelabels = f.append("g").attr("class", "facelabels").attr("id", "facelabels"); if (show_sphere) grid.append("path").datum(d3.geoGraticule()()) .attr("d", path) .attr("fill", "none") .attr("stroke", "green") .attr("opacity", .3) .attr("stroke-width", 1); if (show_land) { countries.append("path") .datum(data.land) .attr("d", path) .attr("fill", "black") .attr("opacity", 1); } if (show_stars) { cons_bounds.append("path") .datum(data.constellations.bounds) .attr("d", path) .attr("fill", "none") .attr("stroke", "black") .attr("opacity", .5) .attr("stroke-width", 1) .attr("stroke-dasharray", [3, 4]); cons_lines.append("path") .datum(data.constellations.lines) .attr("d", path) .attr("fill", "none") .attr("stroke", "black") .attr("opacity", .5) .attr("stroke-width", 1); cons_names .selectAll("text") .data(data.constellations.names.features) .join("text") .datum(d => d) .text(c => c.properties.desig) .attr("dy", ".4em") .attr("text-anchor", "middle") .attr("fill", "black") .attr("font-size", 14) .attr("x", c => projection(c.geometry.coordinates)[0]) .attr("y", c => projection(c.geometry.coordinates)[1]) .attr("opacity", 0.3); stars .selectAll("path") .data(data.stars.features) .enter().append('path') .attr("d", starPath) .attr("fill", "black") .attr("opacity", 1); milkyway.append("path") .datum(data.milkyway.mwbg) .attr("d", path) .attr("fill", "blue") .attr("stroke", "blue") .attr("opacity", .2); } if (show_equator) eq.append("path").datum(d3.geoGraticule().step([0,100]).extent([[-179.99, -25], [179.99, 25]])()) .attr("d", path) .attr("fill", "none") .attr("stroke", "blue") .attr("opacity", .3) .attr("stroke-width", 1.5); cnc.append("path").datum(d3.geoCircle().center([0, 90]).radius(90 - 23.43656)()) .attr("d", path) .attr("fill", "none") .attr("stroke", "blue") .attr("opacity", .3) .attr("stroke-width", 1.5); cap.append("path").datum(d3.geoCircle().center([0, 90]).radius(90 + 23.43656)()) .attr("d", path) .attr("fill", "none") .attr("stroke", "blue") .attr("opacity", .3) .attr("stroke-width", 1.5); // Polyhedral projections expose their structure as projection.tree() // To draw them we need to cancel the rotate if (show_structure) { var rotate = projection.rotate(); projection.rotate([0,0,0]); // run the tree of faces to get all sites and folds var sites = [], folds = [], cuts = [], corners = [], i = 0; function recurse(face) { var site = d3.geoCentroid({type:"MultiPoint", coordinates:face.face}); site.id = face.id || i++; sites.push(site); var line = [...face.face, face.face[0]] cuts.push({ type:"LineString", coordinates: line.map( e => d3.geoInterpolate(e, face.centroid)(1e-5) ) }); face.face.forEach(function(v) { corners.push({ type:"Point", coordinates: d3.geoInterpolate(v, face.centroid)(0.115) }); }); if (face.children) { face.children.forEach(function(child) { folds.push({ type:"LineString", coordinates: child.shared.map( e => d3.geoInterpolate(e, face.centroid)(1e-5) ) }); recurse(child); }); } } recurse(projection.tree()); // sites & numbers facecircles .selectAll("circle") .data(sites) .join("circle") .datum(d => d) .attr("cx", c => projection(c)[0]) .attr("cy", c => projection(c)[1]) .attr("r", 10) .attr("fill", "white") .attr("stroke", "black") .attr("opacity", 1); facelabels .selectAll("text") .data(sites) .join("text") .datum(d => d) .text(c => c.id) .attr("dy", ".4em") .attr("text-anchor", "middle") .attr("fill", "black") .attr("font-size", 14) .attr("x", c => projection(c)[0]) .attr("y", c => projection(c)[1]) .attr("opacity", 1); //holes //.selectAll("circle") // .data(corners) // .join("circle") // .datum(d => d) // .attr("cx", c => projection(c.coordinates)[0]) // .attr("cy", c => projection(c.coordinates)[1]) // .attr("r", 1) // .attr("fill", "none") // .attr("stroke", "red") // .attr("opacity", 1); // map piece edges edges.selectAll("path") .data(cuts) .join("path") .attr("d", path) .attr("fill", "none") .attr("stroke", "red") .attr("opacity", 1) .attr("stroke-width", 1); // restore the projection’s rotate projection.rotate(rotate); } return context; }36:[] 2f:{"id":"881a8431e638b408","slug":null,"title":"Polyhedral star map projections for laser cutting","thumbnail":"b146a1faae335e9b3454a6e3d267179c7bfac10feeac91d56189a7266d957f37","access_level":"public","create_time":"$D2024-03-13T20:46:00.781Z","update_time":"$D2026-06-10T08:01:54.870Z","view_time":null,"first_public_time":"$D2024-03-13T20:46:00.781Z","has_unpublished_edits":null,"fork":{"id":"076434ec227cae8f","slug":"icosahedral-projections","title":"Icosahedral projections","owner":{"id":"da2a32154638c457","login":"fil","name":"Fil"}},"stars":4,"starred":false,"owner":{"type":"team","id":"9aa4d20708b4bb78","login":"astroclockface","name":"astroclockface","avatar_url":"https://avatars-next.observableusercontent.com/045d8f6674c0be38934e97186c0283085a000586d0b839e7f7178a6cdffd1e00","tier":"starter_2024"},"version":1562,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"b0a8a3e973a4f485","login":"ronnie-bathoorn","name":"Ronnie Bathoorn","avatar_url":"https://avatars-next.observableusercontent.com/ee2cd0c7cb801fca20d88fd5c40aa3697e70ce6bdf4fdff970d8f02e931e00d0","tier":null}],"members":[{"type":"team","id":"9aa4d20708b4bb78","login":"astroclockface","name":"astroclockface","avatar_url":"https://avatars-next.observableusercontent.com/045d8f6674c0be38934e97186c0283085a000586d0b839e7f7178a6cdffd1e00","tier":"starter_2024","role":"editor"},{"type":"individual","id":"b0a8a3e973a4f485","login":"ronnie-bathoorn","name":"Ronnie Bathoorn","avatar_url":"https://avatars-next.observableusercontent.com/ee2cd0c7cb801fca20d88fd5c40aa3697e70ce6bdf4fdff970d8f02e931e00d0","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"Polyhedral star map projections for laser cutting","cells":[{"id":0,"value":"md`# Polyhedral star map projections for laser cutting\n\nIcosahedral projections are available from [d3-geo-polygon](https://github.com/d3/d3-geo-polygon), along with other [polyhedral projections](https://beta.observablehq.com/@fil/polyhedral-projections-with-d3-geo-polygon).\n\n\nUsage:\n\\`\\`\\`{javascript}\n require(\"d3-geo\", \"d3-geo-polygon\");\n const projection = d3.geoIcosahedral();\n\\`\\`\\`\n\nI added a function deltoidal_f below that creates a Deltoidal Hexecontahedron projection based the generic function d3.geoPolyhedralVoronoi() found in d3-geo-polygon.\n`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":913,"value":"display = {\n var div = html`

`;\n div.appendChild(ICOSAHEDRAL.node())\n div.style.resize = 'horizontal';\n div.style.width = \"1024px\";\n div.style.maxWidth = '100%';\n div.style.minWidth = '100px';\n div.style.overflow = 'hidden';\n return div;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"//ICOSAHEDRAL = map(d3.geoIcosahedral().rotate([42, 22.5, 47.5])) // axis in middle\n//ICOSAHEDRAL = map(d3.geoIcosahedral().rotate([-281.3, 17.8, 109.5])) // ecliptic in middle\nICOSAHEDRAL = map(d3.geoIcosahedral().rotate([0,0,0]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":949,"value":"display2 = {\n var div = html`

`;\n div.appendChild(CUBIC.node())\n div.style.resize = 'horizontal';\n div.style.width = \"1024px\";\n div.style.maxWidth = '100%';\n div.style.minWidth = '100px';\n div.style.overflow = 'hidden';\n return div;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":947,"value":"CUBIC = map(d3.geoCubic().parents([-1, 0, 1, 5, 0, 1]).angle(45).rotate([76.5, -27, 84]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1095,"value":"display3 = {\n var div = html`

`;\n div.appendChild(DELTOIDAL.node())\n div.style.resize = 'horizontal';\n div.style.width = \"1024px\";\n div.style.maxWidth = '100%';\n div.style.minWidth = '100px';\n div.style.overflow = 'hidden';\n return div;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1061,"value":"DELTOIDAL = map(deltoidal_f.angle(12).rotate([0,0,0]));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1065,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1147,"value":"display4 = {\n var div = html`

`;\n div.appendChild(RHOMBIC.node())\n div.style.resize = 'horizontal';\n div.style.width = \"1024px\";\n div.style.maxWidth = '100%';\n div.style.minWidth = '100px';\n div.style.overflow = 'hidden';\n return div;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1145,"value":"RHOMBIC = map(rhombic_f.parents([-1, 0, 6, 6, 0, 9, 10, 3, 4, 4, 9, 10, ]).angle(36).rotate([55, 30.5, 36]))\n//RHOMBIC = map(rhombic_f.parents([4, 4, 6, 2, 8, 1, 11, 3, 9, 5, -1, 10, ]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1143,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1156,"value":"display5 = {\n var div = html`

`;\n div.appendChild(TETRA.node())\n div.style.resize = 'horizontal';\n div.style.width = \"1024px\";\n div.style.maxWidth = '100%';\n div.style.minWidth = '100px';\n div.style.overflow = 'hidden';\n return div;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1153,"value":"TETRA = map(d3.geoTetrahedralLee().rotate([115, -54.735610317245346, 90]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1349,"value":"display6 = {\n var div = html`

`;\n div.appendChild(DODECAHEDRON.node())\n div.style.resize = 'horizontal';\n div.style.width = \"1024px\";\n div.style.maxWidth = '100%';\n div.style.minWidth = '100px';\n div.style.overflow = 'hidden';\n return div;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1345,"value":"DODECAHEDRON = map(d3.geoDodecahedral())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1368,"value":"display7 = {\n var div = html`

`;\n div.appendChild(PENTAKIS.node())\n div.style.resize = 'horizontal';\n div.style.width = \"1024px\";\n div.style.maxWidth = '100%';\n div.style.minWidth = '100px';\n div.style.overflow = 'hidden';\n return div;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1365,"value":"PENTAKIS = map(pentakis_f)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1332,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1480,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1486,"value":"pentakis_div = function(n) {\n var div = html`

`;\n div.appendChild(map(d3.geoPolyhedralVoronoi()\n .parents([-1,0,1,2,3])\n .angle(30)\n .polygons(pentakis_face(n))\n .scale(99.8)\n .rotate([-80,0,-32])).node())\n div.style.resize = 'horizontal';\n div.style.width = \"1024px\";\n div.style.maxWidth = '100%';\n div.style.minWidth = '100px';\n div.style.overflow = 'hidden';\n return div;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1525,"value":"p0 = pentakis_div(0)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":513,"value":"md`-----------\n_Play zone_`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":569,"value":"viewof show_structure = Inputs.toggle({ label: \"show structure\", value: false })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":622,"value":"viewof show_sphere = Inputs.toggle({ label: \"show sphere\", value: true })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":630,"value":"viewof show_land = Inputs.toggle({ label: \"show land\", value: false })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":995,"value":"viewof show_stars = Inputs.toggle({ label: \"show sky\", value: true })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":660,"value":"viewof show_equator = Inputs.toggle({ label: \"show equator\", value: false })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":590,"value":"projection = d3.geoAirocean()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":404,"value":"inversePoint = {\n const p = d3.geoAirocean();\n return p.invert(p([0,0]))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1035,"value":"magnitudeScale = d3.scaleLinear()\n .domain(d3.extent(data.stars.features, d => d.properties.mag))\n .range([3, 1])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":969,"value":"function getMwbackground(d) {\n // geoJson object to darken the mw-outside, prevent greying of whole map in some orientations \n var res = {'type': 'FeatureCollection', 'features': [ {'type': 'Feature', \n 'geometry': { 'type': 'MultiPolygon', 'coordinates' : [] }\n }]};\n\n // reverse the polygons, inside -> outside\n var l1 = d.features[0].geometry.coordinates[0];\n res.features[0].geometry.coordinates[0] = [];\n for (var i=0; i d.properties.mag < 5)\n },\n milkyway: {\n mw: m,\n mwbg: getMwbackground(m)\n },\n land: L\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":887,"value":"svg_size = 800","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"d3 = require(\"d3-array\", \"d3-scale\", \"d3-selection@3\", \"d3-fetch@3\", \"d3-geo@3\", \"d3-geo-polygon@1\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 30:"$2f:body"