2e:null 2f:["$","title",null,{"children":"Time 2 Time | Rini B. Mehta | Observable"}] 34:T7d0,clock = { refreshClock; const radius = 100; const width = radius * 2; const height = radius * 2; const hourScale = d3.scaleLinear().domain([0, 12]).range([0, 360]); const minuteScale = d3.scaleLinear().domain([0, 60]).range([0, 360]); const svg = d3.create("svg").attr("width", width).attr("height", height); const center = svg .append("g") .attr("transform", `translate(${radius}, ${radius})`); // Draw clock face center .append("circle") .attr("r", radius - 5) .attr("fill", "#E84A27") .attr("stroke", "#13294B") .attr("stroke-width", 2); // Draw hour numbers center .selectAll(".hour-label") .data(d3.range(1, 13)) .enter() .append("text") .attr("class", "hour-label") .attr("x", (d) => (radius - 30) * Math.sin((hourScale(d) * Math.PI) / 180)) .attr( "y", (d) => -(radius - 30) * Math.cos((hourScale(d) * Math.PI) / 180) + 5 ) .attr("text-anchor", "middle") .style("font-size", "24px") .text((d) => d); // Calculate angles const hourAngle = hourScale((selectedHour % 12) + selectedMinute / 60); const minuteAngle = minuteScale(selectedMinute); // Hour hand center .append("line") .attr("x1", 0) .attr("y1", 0) .attr("x2", 0) .attr("y2", -radius * 0.5) .attr("stroke", "#13294B") .attr("stroke-width", 4) .attr("transform", `rotate(${hourAngle})`); // Minute hand center .append("line") .attr("x1", 0) .attr("y1", 0) .attr("x2", 0) .attr("y2", -radius * 0.7) .attr("stroke", "#13294B") .attr("stroke-width", 1.5) .attr("transform", `rotate(${minuteAngle})`); // Center dot center.append("circle").attr("r", 5).attr("fill", "#13294B"); /*return svg.node(); return html`

${svg.node()}

`; */ return html`

${svg.node()}

`; }35:T8fa,timeSentences = { const hour = selectedHour === 0 ? 12 : selectedHour; const minute = selectedMinute; const hindiHour = hindiNumbers[hour]; const hindiNextHour = hindiNumbers[(hour % 12) + 1]; const englishHour = hour; const englishNextHour = (hour % 12) + 1; const rem = 60 - minute; let eng = [], hin = []; // --- Special Cases --- if (hour === 12 && minute === 45) { eng.push("quarter to 1"); hin.push("पौने बजे हैं।"); // not 'पौने एक' } else if (hour === 1 && minute === 15) { eng.push("quarter past 1"); hin.push("सवा बजे हैं।"); // not 'सवा एक' } else if (hour === 1 && minute === 30) { eng.push("one and a half"); hin.push("डेढ़ बजे हैं।"); } else if (hour === 2 && minute === 30) { eng.push("two and a half"); hin.push("ढ़ाई बजे हैं।"); // --- Standard Cases --- } else if (minute === 0) { eng.push(`${englishHour} o'clock`); hin.push(`${hindiHour} बजे हैं।`); } else if (minute < 15) { eng.push(`${minute} minutes past ${englishHour}`); hin.push(`${hindiHour} बजकर ${hindiNumbers[minute]} मिनट हुए हैं।`); } else if (minute === 15) { eng.push(`quarter past ${englishHour}`); hin.push(`सवा ${hindiHour} बजे हैं।`); } else if (minute === 30) { eng.push(`half past ${englishHour}`); hin.push(`साढ़े ${hindiHour} बजे हैं।`); } else if (minute === 45) { eng.push(`quarter to ${englishNextHour}`); hin.push(`पौने ${hindiNextHour} बजे हैं।`); } else if (minute > 45) { eng.push(`${rem} minutes to ${englishNextHour}`); hin.push(`${hindiNextHour} बजने में ${hindiNumbers[rem]} मिनट बाकी हैं।`); } else { eng.push(`${minute} minutes past ${englishHour}`); eng.push(`${rem} minutes to ${englishNextHour}`); hin.push(`${hindiHour} बजकर ${hindiNumbers[minute]} मिनट हुए हैं।`); hin.push(`${hindiNextHour} बजने में ${hindiNumbers[rem]} मिनट बाकी हैं।`); } return { english: ` ${eng[0]} `, hindi: ` ${hin[0]} ` }; }36:T455,timeTranslation = { const hour = selectedHour % 12 === 0 ? 12 : selectedHour % 12; const minute = selectedMinute; // English time let english; if (minute === 0) { english = `${hour} o'clock`; } else if (minute === 15) { english = `quarter past ${hour}`; } else if (minute === 30) { english = `half past ${hour}`; } else if (minute === 45) { english = `quarter to ${(hour % 12) + 1}`; } else if (minute < 30) { english = `${minute} past ${hour}`; } else { english = `${60 - minute} to ${(hour % 12) + 1}`; } // Hindi time (idiomatic) let hindi; if (minute === 0) { hindi = `${hour} बजे`; } else if (minute === 15) { hindi = `सवा ${hour}`; } else if (minute === 30) { hindi = `साढ़े ${hour}`; } else if (minute === 45) { hindi = `पौने ${(hour % 12) + 1}`; } else if (minute < 30) { hindi = `${minute} मिनट ${hour} बजे के बाद`; } else { hindi = `${60 - minute} मिनट ${(hour % 12) + 1} बजे से पहले`; } return { english, hindi }; }37:[] 32:{"id":"c3b98d49483664bf","slug":"time-2-time","title":"Time 2 Time","thumbnail":"a948b4f0ef7a717ee27678c09fab3e577de03e0a0e70850126b8bb8a845bec3e","access_level":"public","create_time":"$D2025-07-12T16:02:35.540Z","update_time":"$D2026-03-19T16:19:04.404Z","view_time":null,"first_public_time":"$D2025-07-14T19:49:24.826Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"9e093f781fb276b6","login":"rbhttchr","name":"Rini B. Mehta","avatar_url":"https://avatars-next.observableusercontent.com/f01f45f328c8f9ea2aea4750f27c601cbe23773858fae2a02593e05c4f1796ee","tier":"starter_2024"},"version":138,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2acec808e73ff66d","login":"rbhttchr","name":"Rini B. Mehta","avatar_url":"https://avatars-next.observableusercontent.com/f01f45f328c8f9ea2aea4750f27c601cbe23773858fae2a02593e05c4f1796ee","tier":null}],"members":[{"type":"individual","id":"2acec808e73ff66d","login":"rbhttchr","name":"Rini B. Mehta","avatar_url":"https://avatars-next.observableusercontent.com/f01f45f328c8f9ea2aea4750f27c601cbe23773858fae2a02593e05c4f1796ee","tier":null,"role":"editor"},{"type":"team","id":"9e093f781fb276b6","login":"rbhttchr","name":"Rini B. Mehta","avatar_url":"https://avatars-next.observableusercontent.com/f01f45f328c8f9ea2aea4750f27c601cbe23773858fae2a02593e05c4f1796ee","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"646bf60a13fc19b4","slug":"hindi","title":"SALIDcamp Hindi","owner":{"id":"9e093f781fb276b6","login":"rbhttchr","name":"Rini B. Mehta"}},"type":"notebook","body":{"title":"Time 2 Time","cells":[{"id":0,"value":"# Time 2 Time","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":64,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"viewof timeString = Inputs.text({\n label: \"🕰 Enter time (HH:MM)\",\n placeholder: \"e.g. 4:45\",\n value: \"4:45\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"viewof refreshClock = Inputs.button(\"🔄 Update Clock\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":61,"value":"html`

\n English: ${timeSentences.english}
\n Hindi: ${timeSentences.hindi}\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":74,"value":"
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":126,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"selectedHour = {\n const match = timeString.match(/^(\\d{1,2}):(\\d{1,2})$/);\n return match ? +match[1] % 12 : 0;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"selectedMinute = {\n const match = timeString.match(/^(\\d{1,2}):(\\d{1,2})$/);\n return match ? Math.min(Math.max(+match[2], 0), 59) : 0;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"numberWordsHindi = ({\n 1: \"ek\",\n 2: \"do\",\n 3: \"tīn\",\n 4: \"chār\",\n 5: \"pāṅc\",\n 6: \"chhah\",\n 7: \"sāt\",\n 8: \"āṭh\",\n 9: \"nau\",\n 10: \"das\",\n 11: \"gyārah\",\n 12: \"bārah\"\n})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"numberWordsDevanagari = ({\n 1: \"एक\",\n 2: \"दो\",\n 3: \"तीन\",\n 4: \"चार\",\n 5: \"पाँच\",\n 6: \"छह\",\n 7: \"सात\",\n 8: \"आठ\",\n 9: \"नौ\",\n 10: \"दस\",\n 11: \"ग्यारह\",\n 12: \"बारह\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"hindiNumbers = ({\n 1: \"एक\",\n 2: \"दो\",\n 3: \"तीन\",\n 4: \"चार\",\n 5: \"पाँच\",\n 6: \"छह\",\n 7: \"सात\",\n 8: \"आठ\",\n 9: \"नौ\",\n 10: \"दस\",\n 11: \"ग्यारह\",\n 12: \"बारह\",\n 13: \"तेरह\",\n 14: \"चौदह\",\n 15: \"पंद्रह\",\n 16: \"सोलह\",\n 17: \"सत्रह\",\n 18: \"अठारह\",\n 19: \"उन्नीस\",\n 20: \"बीस\",\n 21: \"इक्कीस\",\n 22: \"बाईस\",\n 23: \"तेईस\",\n 24: \"चौबीस\",\n 25: \"पच्चीस\",\n 26: \"छब्बीस\",\n 27: \"सत्ताईस\",\n 28: \"अट्ठाईस\",\n 29: \"उनतीस\",\n 30: \"तीस\",\n 31: \"इकतीस\",\n 32: \"बत्तीस\",\n 33: \"तैंतीस\",\n 34: \"चौंतीस\",\n 35: \"पैंतीस\",\n 36: \"छत्तीस\",\n 37: \"सैंतीस\",\n 38: \"अड़तीस\",\n 39: \"उनतालीस\",\n 40: \"चालीस\",\n 41: \"इकतालीस\",\n 42: \"बयालीस\",\n 43: \"तैंतालीस\",\n 44: \"चवालीस\",\n 45: \"पैंतालीस\",\n 46: \"छियालीस\",\n 47: \"सैंतालीस\",\n 48: \"अड़तालीस\",\n 49: \"उनचास\",\n 50: \"पचास\",\n 51: \"इक्यावन\",\n 52: \"बावन\",\n 53: \"तिरेपन\",\n 54: \"चौवन\",\n 55: \"पचपन\",\n 56: \"छप्पन\",\n 57: \"सत्तावन\",\n 58: \"अट्ठावन\",\n 59: \"उनसठ\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"mutable size = 250","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 33:"$32:body"