Exponential sum of the day

{`${currentDate.getMonth() + 1}/${currentDate.getDate()}/${currentDate.getFullYear() % 100}`}

\n View source\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n \n \n \n Exponential Sum of the Day\n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","createdAt",["D",1741718535991],"version",3,"currentUserHasLiked","likeCount",1,"forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_131":132,"_133":134},"handle","charmaine","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yakh1a0cxcnYweDVXdUJIWUhzb01lU0hhRmMifQ","forkedVal",{"_114":137,"_131":138,"_99":100,"_119":139,"_140":-5},"6c4a65b0-efb1-11ef-a8da-e6cdfca9ef9f","hodge",27,"prDisabledHint","interval","slug","charmaine/expSumOfTheDay","description","Exponential Sum Plot Generator An homage to John D. Cook's Exponential Sum of the Day The plot shows the partial sums of the exponential sum: Σ(n=0 to N) exp(2πi(n/m + n²/d + n³/y)) The real part of the sum is plotted on the x-axis, and the imaginary part of the sum is plotted on the y-axis.","versions",[148,151,154,157],{"_119":120,"_149":-5,"_117":150,"_114":112},"prId",["D",1741718535991],{"_119":91,"_149":-5,"_117":152,"_114":153},["D",1741718507971],"7d2e7744-fea8-11ef-96d3-569c3dd06744",{"_119":123,"_149":-5,"_117":155,"_114":156},["D",1741718478876],"6bd5cde4-fea8-11ef-bb93-569c3dd06744",{"_119":32,"_149":-5,"_117":158,"_114":159},["D",1741718411001],"4377566a-fea8-11ef-b0e3-569c3dd06744","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_94":167,"_168":169,"_95":170},"single","redirect","/v/charmaine/expSumOfTheDay/versions",{"_114":153,"_115":171,"_119":91,"_117":172,"_173":100,"_101":102,"_109":110,"_131":132,"_11":97,"_174":-5,"_175":-5,"_176":-5,"_164":26,"_142":143},"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { svgServer } from \"https://esm.town/v/fil/svgServer\";\nimport * as d3 from \"https://esm.sh/d3@7\";\n\n// Utilities\nconst gcd = (a, b) => {\n while (b !== 0) {\n [a, b] = [b, a % b];\n }\n return a;\n};\n\nconst lcm = (a, b) => (a * b) / gcd(a, b);\n\nconst lcm3 = (a, b, c) => lcm(lcm(a, b), c);\n\n// Calculate exponential sum\nfunction expSumData(month, date, year) {\n const N = 2 * lcm3(month, date, year) + 1;\n let sum = { real: 0, imag: 0 };\n const data = [{ real: 0, imag: 0 }];\n\n for (let n = 1; n <= N; n++) {\n const angle = 2 * Math.PI * (n / month + (n * n) / date + (n * n * n) / year);\n sum.real += Math.cos(angle);\n sum.imag += Math.sin(angle);\n data.push({ real: sum.real, imag: sum.imag });\n }\n\n return data;\n}\n\n// Render exponential sum plot\nfunction expSumPlot(month, date, year) {\n const data = expSumData(month, date, year);\n\n const margin = { top: 20, right: 20, bottom: 20, left: 20 };\n const width = 500 - margin.left - margin.right;\n const height = 500 - margin.top - margin.bottom;\n\n let svgString = `\";\n\n return svgString;\n}\n\nfunction App() {\n const [currentDate, setCurrentDate] = React.useState(new Date());\n const [svg, setSvg] = React.useState(\"\");\n\n React.useEffect(() => {\n const fetchSvg = () => {\n const month = currentDate.getMonth() + 1;\n const date = currentDate.getDate();\n const year = currentDate.getFullYear() % 100;\n const newSvg = expSumPlot(month, date, year);\n setSvg(newSvg);\n };\n\n fetchSvg();\n\n const timer = setInterval(() => {\n setCurrentDate(prevDate => {\n const newDate = new Date(prevDate);\n newDate.setDate(newDate.getDate() + 1);\n return newDate;\n });\n }, 3000);\n\n return () => clearInterval(timer);\n }, [currentDate]);\n\n return (\n

Exponential sum of the day

{`${currentDate.getMonth() + 1}/${currentDate.getDate()}/${currentDate.getFullYear() % 100}`}

\n View source\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n \n \n \n Exponential Sum of the Day\n \n \n \n

\n \n \n \n \n `, {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}",["D",1741718507971],"valName","deletedAt","messageId","threadId","routes/_app","actionData","errors"]

expSumOfTheDay

Version 2