31:T5f5,{ const height=400 const width=400 const svg = d3.select(DOM.svg(width+150, height+150)); const radius = (Math.min(width, height) / 2)//-30 const path = d3.arc()// let piedata = d3.pie().sort(null).value((d)=> d.value)(dayData) const half=0//Math.PI/2 let fudge=piedata[0].endAngle/2 fudge += half const makePath = d3.arc().outerRadius(radius).innerRadius(0).startAngle((d)=> d.startAngle-fudge).endAngle((d)=> d.endAngle-fudge) let container = svg.append("g").attr("transform", "translate(" + ((width / 2)+75) + "," + ((height / 2)+75) + ") rotate(-0)") let parts = container.selectAll(".outline") .data(piedata) .enter().append("g") .attr("stroke", "none") .append("path") .attr("d", (d)=>{ return makePath(d) }) .attr("fill", function(d) { return d.data.color}) container.selectAll(".outline").append("text") .attr('transform',(d)=>{ let center= d3.arc().outerRadius(radius).innerRadius(0).startAngle((d)=> d.startAngle-fudge).endAngle((d)=> d.endAngle-fudge).outerRadius(radius+30).innerRadius(radius+30).centroid(d) return "translate(" + center + ")"; }) .attr("dy", "0.35em") .attr('fill',(d)=> d.data.dim ? '#494744' : 'slategrey') .attr('text-anchor',(d)=>d.time>'12:00pm' ? 'end': 'start') .style('opacity',(d)=> d.data.dim ? 0.6 : 1) .style('font-size',(d)=> 14) .style('font-family',"'Montserrat', sans-serif") .text(function(d) { return d.data.time; }); return svg.node(); }32:[] 2f:{"title":"Spacetime-daylight","cells":[{"id":0,"value":"md`# Spacetime-daylight\nhow about showing-off some features of the [spacetime-daylight](https://github.com/spencermountain/spacetime-daylight) library.\n\n**spacetime-daylight** uses [suncalc](https://github.com/mourner/suncalc) and [spacetime](https://beta.observablehq.com/@spencermountain/spacetime) to compute how sunlight and calendar-year interact throughout the year, and each day:\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":264,"value":"viewof tz = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"{\n let summer = spacetime('June 5th 2018', tz)\n let winter = spacetime('December 5th 2018', tz)\n return `summer : ${summer.sunrise().time()} 👙 winter : ${winter.sunrise().time()} ⛄`\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":367,"value":"html`

midnight

\n\n

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":174,"value":"dayData={\n let carry=spacetime.now(tz).minus(1,'day').dusk()\n let data=[]\n function addTime(label, d, color){\n console.log(d.diff(carry))\n let start=carry.progress().day\n data.push({\n label:label,\n time:d.time(),\n start:start,\n value:carry.diff(d).minutes,\n end:d.progress().day,\n color:color\n })\n carry=d.clone()\n }\n addTime('dawn', spacetime.now(tz).dawn(), 'slategrey')\n addTime('sunrise', spacetime.now(tz).sunrise(), 'lightsteelblue')\n addTime('sunset', spacetime.now(tz).sunset(), 'steelblue')\n addTime('dusk', spacetime.now(tz).dusk(), 'lightsteelblue')\n data=data.map(makePath)\n return data\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":389,"value":"pieScale=d3.scaleLinear().domain([0,1]).range([0,Math.PI*2])","pinned":false,"hidden":false,"mode":"ojs"},{"id":399,"value":"function makePath(obj){\n obj.startAngle=pieScale(obj.start)\n obj.endAngle=pieScale(obj.end)\n if(obj.startAngle>obj.endAngle){\n let tmp=obj.startAngle\n obj.startAngle=obj.endAngle\n obj.endAngle=pieScale(-1)\n }\n const makePath = d3.arc().outerRadius(200).innerRadius(0).startAngle((d)=> d.startAngle).endAngle((d)=> d.endAngle)\n obj.path=makePath(obj)\n return obj\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"places=[\n 'Europe/Stockholm',\n 'Europe/London',\n 'America/New_York',\n 'Asia/Tehran',\n 'Asia/Kolkata',\n 'America/Sao_Paulo',\n 'Africa/Johannesburg',\n 'Australia/Melbourne'\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")\n// d3 = require(\"d3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":141,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":353,"value":"function toRadian(d){\n return d.progress().day * Math.PI\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":280,"value":"spacetime = {\n const spacetime= await require('spacetime')\n const daylight= await require('spacetime-daylight')\n spacetime.extend(daylight)\n return spacetime\n }","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}