29:null 2a:["$","title",null,{"children":"D3 Format & Parse | David B. | Observable"}] 2f:T5a2,str=`* %a - abbreviated weekday name.* * %A - full weekday name.* * %b - abbreviated month name.* * %B - full month name.* * %c - the locale’s date and time, such as %x, %X.* * %d - zero-padded day of the month as a decimal number [01,31]. * %e - space-padded day of the month as a decimal number [ 1,31]; equivalent to %_d. * %f - microseconds as a decimal number [000000, 999999]. * %H - hour (24-hour clock) as a decimal number [00,23]. * %I - hour (12-hour clock) as a decimal number [01,12]. * %j - day of the year as a decimal number [001,366]. * %m - month as a decimal number [01,12]. * %M - minute as a decimal number [00,59]. * %L - milliseconds as a decimal number [000, 999]. * %p - either AM or PM.* * %Q - milliseconds since UNIX epoch. * %s - seconds since UNIX epoch. * %S - second as a decimal number [00,61]. * %u - Monday-based (ISO 8601) weekday as a decimal number [1,7]. * %U - Sunday-based week of the year as a decimal number [00,53]. * %V - ISO 8601 week of the year as a decimal number [01, 53]. * %w - Sunday-based weekday as a decimal number [0,6]. * %W - Monday-based week of the year as a decimal number [00,53]. * %x - the locale’s date, such as %-m/%-d/%Y.* * %X - the locale’s time, such as %-I:%M:%S %p.* * %y - year without century as a decimal number [00,99]. * %Y - year with century as a decimal number. * %Z - time zone offset, such as -0700, -07:00, -07, or Z. * %% - a literal percent sign (%).`30:[] 2d:{"id":"07792262be06bc56","slug":"d3-timeformat-playground","title":"D3 Format & Parse","thumbnail":null,"access_level":"public","create_time":"$D2018-04-23T09:51:00.762Z","update_time":"$D2022-06-19T13:15:04.008Z","view_time":null,"first_public_time":"$D2018-04-23T09:57:59.736Z","has_unpublished_edits":null,"fork":false,"stars":29,"starred":false,"owner":{"type":"team","id":"fcd7e4188e1df970","login":"bumbeishvili","name":"David B.","avatar_url":"https://avatars-next.observableusercontent.com/038bfbb4eaa1c1217d83efed9948fd774126f3fa01dcce32e347fd0fd7c960d7","tier":"starter_2024"},"version":309,"publish_version":309,"role":null,"authored":false,"authors":[{"type":"individual","id":"5e0ddde49c696e13","login":"bumbeishvili","name":"David B.","avatar_url":"https://avatars-next.observableusercontent.com/038bfbb4eaa1c1217d83efed9948fd774126f3fa01dcce32e347fd0fd7c960d7","tier":null}],"members":[{"type":"individual","id":"5e0ddde49c696e13","login":"bumbeishvili","name":"David B.","avatar_url":"https://avatars-next.observableusercontent.com/038bfbb4eaa1c1217d83efed9948fd774126f3fa01dcce32e347fd0fd7c960d7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":15,"collection":{"id":"beac97df7de1954a","slug":"work-components","title":"Work Utils","owner":{"id":"fcd7e4188e1df970","login":"bumbeishvili","name":"David B."}},"type":"notebook","body":{"title":"D3 Format & Parse","cells":[{"id":0,"value":"md`# D3 Format & Parse`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":306,"value":"Check Out - to locale string as well - https://observablehq.com/@bumbeishvili/date-prototype-tolocalestring","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":47,"value":"md`# Number`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"md`### Format`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"viewof formatNumber = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"md` \n\\`\\`\\`javascript\n//Copy from here\nd3.format('${formatNumber}')(99999999.76476)\n\\`\\`\\`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"md`#### 99999999.76476 = ${d3.format(formatNumber)(99999999.76476)}

\n\n#### 99688.76476 = ${d3.format(formatNumber)(99788.76476)}

\n\n#### 9603.76476 = ${d3.format(formatNumber)(9603.76476)}

\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"html`\n\n${numberFormats.map((d,i)=>{\n return `\n \n \n \n ` \n}).join('')}\n\n

format	desc	value
${d}	${numberDescs[i]}	${d3.format(d)(Math.round(now%1000000)/100)}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"md`# Time`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":281,"value":"md`### Format`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"md`#### TimeFormat`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"viewof format = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"md` \n\\`\\`\\`javascript\n//formats\nconst formats = {};\nformats.time = d3.timeFormat('${format}')\n\\`\\`\\`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"md`### ${d3.timeFormat(format)(date)}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"html`\n\n${formats.map((d,i)=>{\n return `\n \n\n \n\n \n\n ` \n}).join('')}\n\n

format	value	desc	invoke
${d}	${d3.timeFormat(d)(date)}	${desc[i]}	`d3.timeFormat('${d}')`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"formats = str.split('\\n').map(d=>d.split('-')[0]).map(d=>d.replace('*','').trim())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"desc = str.split('\\n')\n.map(d=>d.split('-').filter((d,i)=>i>0).join('-'))\n//.map(d=>d.replace('*','').trim())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":" d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"date = now","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":163,"value":"numberDescs = formatsDesc.split('\\n')\n .map(d=>d.split('//')[1])\n //.map(d=>d.split('format(\\\"')[1])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"numberFormats = formatsDesc.split('\\n')\n .map(d=>d.split('\")(')[0])\n .map(d=>d.split('format(\\\"')[1])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"formatsDesc = `d3.format(\".0%\")(0.123); // rounded percentage, \"12%\"\nd3.format(\"($.2f\")(-3.5); // localized fixed-point currency, \"(£3.50)\"\nd3.format(\"+20\")(42); // space-filled and signed, \" +42\"\nd3.format(\".^20\")(42); // dot-filled and centered, \".........42.........\"\nd3.format(\".2s\")(42e6); // SI-prefix with two significant digits, \"42M\"\nd3.format(\"#x\")(48879); // prefixed lowercase hexadecimal, \"0xbeef\"\nd3.format(\",.2r\")(4223); // grouped thousands with two significant digits, \"4,200\"`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"md`### Parse`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":285,"value":" parseTime = d3.timeParse(\"%b-%y\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":291,"value":"parseTime(\"Sep-15\") // Tue Jun 30 2015 00:00:00 GMT-0700 (PDT)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"