2f:[] 2d:{"title":"D3 timeFormat Wizard","cells":[{"id":0,"value":"# D3 timeFormat Wizard","pinned":false,"hidden":false,"mode":"md"},{"id":106,"value":"Use this format wizard to quickly get the right string for a timeFormat function in D3.","pinned":false,"hidden":false,"mode":"md"},{"id":15,"value":"viewof form = Inputs.form({\n option1: Inputs.radio(Object.keys(opts), {label: \"Select a style\", value: 'Jan 1, 2022'})\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"html`String
`","pinned":false,"hidden":false,"mode":"ojs"},{"id":108,"value":"html`Input code
d3.timeFormat('${opts[form.option1]}')`","pinned":false,"hidden":false,"mode":"ojs"},{"id":124,"value":"html`Formatting in an x-axis

var xAxis = svg.append('g')\n\t\t
  .call(d3.axisBottom(x).tickFormat(d3.timeFormat('%I:%M %p'))

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"html`Output
${convert(new Date(),opts[form.option1])}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"- - - \n# Quick Reference","pinned":false,"hidden":false,"mode":"md"},{"id":25,"value":"{\nlet tableHTML = `\n Results for: ${new Date()}\n\n \n \n \n \n \n \n `\n var ret = ''\n for(var i of table){\n ret += ''\n }\n tableHTML += ret + `
Input Output
' + i + ' ' + convert(new Date(), i) + '
`\nreturn html`${tableHTML}`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"opts = { return {\n \"Jan 1, 2022\": '%b %e, %Y',\n \"January 1, 2022\": '%B %e, %Y',\n \"Jan 1\": '%b %e', \n \"January 1\": '%B %e',\n \"Friday, Jan 1\": '%A, %b %e',\n 'Friday, January 1': '%A, %B %e',\n 'Jan 1, 2022 at 12:30 PM': '%b %e, %Y at %_I:%M %p',\n '12:30 PM': '%_I:%M %p',\n}}","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"table = [\"%a\",\"%A\",\"%b\",\"%B\",\"%c\",\"%d\",\"%e\",\"%H\",\"%I\",\"%_I\",\"%j\",\"%m\",\"%M\",\"%L\",\"%p\",\"%S\",\"%U\",\"%w\",\"%W\",\"%x\",\"%X\",\"%y\",\"%Y\",\"%Z\",\"%%\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"d3 = require('d3') ","pinned":true,"hidden":false,"mode":"ojs"},{"id":61,"value":"convert = (date, format) => {\n let make = d3.timeFormat(format)\n return make(date)\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W2f","stdlib":"1","titling":"auto"}