28:null 29:["$","title",null,{"children":"D3 timeFormat Wizard | Stuart Thompson | Observable"}] 2e:[] 2c:{"id":"250ed41eea605804","slug":null,"title":"D3 timeFormat Wizard","thumbnail":"0443b2626aa832c12b63407d19aff10dd299018b76f3846c8a90518e23da2910","access_level":"public","create_time":"$D2022-11-04T14:01:18.457Z","update_time":"$D2022-12-16T20:37:27.592Z","view_time":null,"first_public_time":"$D2022-11-04T14:34:25.205Z","has_unpublished_edits":null,"fork":false,"stars":3,"starred":false,"owner":{"type":"team","id":"0037882dbfd20f7d","login":"stuartathompson","name":"Stuart Thompson","avatar_url":"https://avatars-next.observableusercontent.com/612df2c15ecd79793ae9e1da55f073846192b68a855df3fa08cb20625a22cb61","tier":"starter_2024"},"version":150,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2f7c0ea43db5e5ea","login":"stuartathompson","name":"Stuart Thompson","avatar_url":"https://avatars-next.observableusercontent.com/612df2c15ecd79793ae9e1da55f073846192b68a855df3fa08cb20625a22cb61","tier":null}],"members":[{"type":"individual","id":"2f7c0ea43db5e5ea","login":"stuartathompson","name":"Stuart Thompson","avatar_url":"https://avatars-next.observableusercontent.com/612df2c15ecd79793ae9e1da55f073846192b68a855df3fa08cb20625a22cb61","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"D3 timeFormat Wizard","cells":[{"id":0,"value":"# D3 timeFormat Wizard","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"html`String
`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"html`Input code
d3.timeFormat('${opts[form.option1]}')`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"html`Output
${convert(new Date(),opts[form.option1])}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"- - - \n# Quick Reference","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"d3 = require('d3') ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"convert = (date, format) => {\n let make = d3.timeFormat(format)\n return make(date)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2e","stdlib":"1"}} 2d:"$2c:body"