{"id":2468,"date":"2017-05-17T18:24:30","date_gmt":"2017-05-17T16:24:30","guid":{"rendered":"http:\/\/monodes.com\/predaelli\/?p=2468"},"modified":"2017-05-17T08:25:19","modified_gmt":"2017-05-17T06:25:19","slug":"katex-the-fastest-math-typesetting-library-for-the-web","status":"publish","type":"post","link":"https:\/\/monodes.com\/predaelli\/2017\/05\/17\/katex-the-fastest-math-typesetting-library-for-the-web\/","title":{"rendered":"KaTeX \u2013 The fastest math typesetting library for the web"},"content":{"rendered":"<p><a href=\"https:\/\/khan.github.io\/KaTeX\/\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2017\/05\/og_logo.png?w=910\" alt=\"\" \/><\/a>\u00a0<em><a href=\"https:\/\/khan.github.io\/KaTeX\/\">KaTeX \u2013 The fastest math typesetting library for the web<\/a><\/em><\/p>\n<blockquote>\n<div class=\"header\">\n<div class=\"container\">\n<div class=\"demo\">\n<div class=\"demo-left\">\n<div class=\"demo-instructions\">Type an expression:<\/div>\n<p><textarea id=\"demo-input\" spellcheck=\"false\">f(x) = \\int_{-\\infty}^\\infty&lt;br \/&gt;<br \/>\n    \\hat f(\\xi)\\,e^{2 \\pi i \\xi x}&lt;br \/&gt;<br \/>\n    \\,d\\xi<\/textarea><\/p>\n<\/div>\n<div class=\"demo-right\">\n<div class=\"demo-instructions\">See how it renders with <span class=\"tex\" data-expr=\"\\KaTeX\"><span class=\"katex\"><span class=\"katex-mathml\">KaTeX\\KaTeX<\/span><span class=\"katex-html\"><span class=\"base textstyle uncramped\"><span class=\"mord katex-logo\"><span class=\"k\">K<\/span><span class=\"a\">A<\/span><span class=\"t\">T<\/span><span class=\"e\">E<\/span><span class=\"x\">X<\/span><\/span><\/span><\/span><\/span><\/span>:<\/div>\n<div id=\"demo-output\"><span class=\"katex-display\"><span class=\"katex\"><span class=\"katex-mathml\">f(x)=\u222b\u2212\u221e\u221ef^(\u03be)e2\u03c0i\u03bexd\u03bef(x) = \\int_{-\\infty}^\\infty \\hat f(\\xi)\\,e^{2 \\pi i \\xi x} \\,d\\xi<\/span><span class=\"katex-html\"><span class=\"base displaystyle textstyle uncramped\"><span class=\"mord mathit\">f<\/span><span class=\"mopen\">(<\/span><span class=\"mord mathit\">x<\/span><span class=\"mclose\">)<\/span><span class=\"mrel\">=<\/span><span class=\"mop\"><span class=\"mop op-symbol large-op\">\u222b<\/span><span class=\"msupsub\"><span class=\"vlist\"><span class=\"\"><span class=\"fontsize-ensurer reset-size5 size5\">\u200b<\/span><span class=\"reset-textstyle scriptstyle cramped mtight\"><span class=\"mord scriptstyle cramped mtight\"><span class=\"mord mtight\">\u2212<\/span><span class=\"mord mathrm mtight\">\u221e<\/span><\/span><\/span><\/span><span class=\"\"><span class=\"fontsize-ensurer reset-size5 size5\">\u200b<\/span><span class=\"reset-textstyle scriptstyle uncramped mtight\"><span class=\"mord mathrm mtight\">\u221e<\/span><\/span><\/span><span class=\"baseline-fix\"><span class=\"fontsize-ensurer reset-size5 size5\"><span class=\"\">\u200b<\/span><\/span>\u200b<\/span><\/span><\/span><\/span><span class=\"mord accent\"><span class=\"vlist\"><span class=\"\"><span class=\"fontsize-ensurer reset-size5 size5\">\u200b<\/span><span class=\"mord mathit\">f<\/span><\/span><span class=\"\"><span class=\"fontsize-ensurer reset-size5 size5\">\u200b<\/span><span class=\"accent-body\">^<\/span><\/span><span class=\"baseline-fix\"><span class=\"fontsize-ensurer reset-size5 size5\"><span class=\"\">\u200b<\/span><\/span>\u200b<\/span><\/span><\/span><span class=\"mopen\">(<\/span><span class=\"mord mathit\">\u03be<\/span><span class=\"mclose\">)<\/span><span class=\"mord\"><span class=\"mord mathit\">e<\/span><span class=\"msupsub\"><span class=\"vlist\"><span class=\"\"><span class=\"fontsize-ensurer reset-size5 size5\">\u200b<\/span><span class=\"reset-textstyle scriptstyle uncramped mtight\"><span class=\"mord scriptstyle uncramped mtight\"><span class=\"mord mathrm mtight\">2<\/span><span class=\"mord mathit mtight\">\u03c0<\/span><span class=\"mord mathit mtight\">i<\/span><span class=\"mord mathit mtight\">\u03be<\/span><span class=\"mord mathit mtight\">x<\/span><\/span><\/span><\/span><span class=\"baseline-fix\"><span class=\"fontsize-ensurer reset-size5 size5\"><span class=\"\">\u200b<\/span><\/span>\u200b<\/span><\/span><\/span><\/span><span class=\"mord mathit\">d<\/span><span class=\"mord mathit\">\u03be<\/span><\/span><\/span><\/span><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"main\">\n<div class=\"container\">\n<div class=\"subtagline\">Simple API, no dependencies \u2013 yet super-fast on all major browsers.<\/div>\n<\/div>\n<\/div>\n<\/blockquote>\n<div class=\"subtagline\">Math typesetting on the web seems to have a new king. Thank you for all the fish, MathJax&#8230;<\/div>\n","protected":false},"excerpt":{"rendered":"<p class=\"excerpt\">\u00a0KaTeX \u2013 The fastest math typesetting library for the web Type an expression: f(x) = \\int_{-\\infty}^\\infty&lt;br \/&gt; \\hat f(\\xi)\\,e^{2 \\pi i \\xi x}&lt;br \/&gt; \\,d\\xi See how it renders with KaTeX\\KaTeXKATEX: f(x)=\u222b\u2212\u221e\u221ef^(\u03be)e2\u03c0i\u03bexd\u03bef(x) = \\int_{-\\infty}^\\infty \\hat f(\\xi)\\,e^{2 \\pi i \\xi x} \\,d\\xif(x)=\u222b\u200b\u2212\u221e\u200b\u221e\u200b\u200b\u200bf\u200b^\u200b\u200b(\u03be)e\u200b2\u03c0i\u03bex\u200b\u200bd\u03be Simple API, no dependencies \u2013 yet super-fast on all major browsers. Math typesetting on&hellip;<\/p>\n<p class=\"more-link-p\"><a class=\"more-link\" href=\"https:\/\/monodes.com\/predaelli\/2017\/05\/17\/katex-the-fastest-math-typesetting-library-for-the-web\/\">Read more &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[50,132],"tags":[],"class_list":["post-2468","post","type-post","status-publish","format-standard","hentry","category-javascript","category-tex"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p6daft-DO","jetpack-related-posts":[{"id":10800,"url":"https:\/\/monodes.com\/predaelli\/2023\/09\/14\/latexify-org-index\/","url_meta":{"origin":2468,"position":0},"title":"LaTeXify.org &#8211; Index","author":"Paolo Redaelli","date":"2023-09-14","format":false,"excerpt":"LaTeXify.org - Index The premier service for creation, modification and typesetting of LaTeX documents Or how to turn competence into a business","rel":"","context":"In &quot;Senza categoria&quot;","block_context":{"text":"Senza categoria","link":"https:\/\/monodes.com\/predaelli\/category\/senza-categoria\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6710,"url":"https:\/\/monodes.com\/predaelli\/2020\/02\/22\/borders\/","url_meta":{"origin":2468,"position":1},"title":"Borders","author":"Paolo Redaelli","date":"2020-02-22","format":false,"excerpt":"I do like Gutenberg, the \"next-gen\" Wordpress editor. Yet it is still in its infancy as there are many little graphical customization that its basic blocks does not allow for. Neither the old editor allowed them, I must acknoledge, but you could switch to the HTML code and add a\u2026","rel":"","context":"In &quot;Fun&quot;","block_context":{"text":"Fun","link":"https:\/\/monodes.com\/predaelli\/category\/fun\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2020\/02\/Screenshot_2020-02-22-Comunit%C3%A0-in-cammino-23-febbraio-2020-Pastorale-Desio.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2020\/02\/Screenshot_2020-02-22-Comunit%C3%A0-in-cammino-23-febbraio-2020-Pastorale-Desio.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2020\/02\/Screenshot_2020-02-22-Comunit%C3%A0-in-cammino-23-febbraio-2020-Pastorale-Desio.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2020\/02\/Screenshot_2020-02-22-Comunit%C3%A0-in-cammino-23-febbraio-2020-Pastorale-Desio.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":1630,"url":"https:\/\/monodes.com\/predaelli\/2016\/06\/04\/libfixmath\/","url_meta":{"origin":2468,"position":2},"title":"libfixmath","author":"Paolo Redaelli","date":"2016-06-04","format":false,"excerpt":"Cross Platform Fixed Point Maths Library Cross Platform Fixed Point Maths Library from Google Code Archive - Long-term storage for Google Code Project Hosting. Grabbed it before Google shut down everything! No need to reimplement everything, just as I plan to do with quad-precision floats.","rel":"","context":"In &quot;Documentations&quot;","block_context":{"text":"Documentations","link":"https:\/\/monodes.com\/predaelli\/category\/documentations\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1737,"url":"https:\/\/monodes.com\/predaelli\/2016\/08\/18\/math-js\/","url_meta":{"origin":2468,"position":3},"title":"math.js","author":"Paolo Redaelli","date":"2016-08-18","format":"link","excerpt":"Math.js is an extensive math library for JavaScript and Node.js. It features big numbers, complex numbers, matrices, units, and a flexible expression parser. Sorgente: math.js","rel":"","context":"In &quot;Javascript&quot;","block_context":{"text":"Javascript","link":"https:\/\/monodes.com\/predaelli\/category\/javascript\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":9051,"url":"https:\/\/monodes.com\/predaelli\/2022\/01\/06\/manim-or-animatic-math\/","url_meta":{"origin":2468,"position":4},"title":"Manim, or animatic math","author":"Paolo Redaelli","date":"2022-01-06","format":false,"excerpt":"Have you ever wondered how the author of 3Blue1Brown created his fantastic videos where he explains the beauties of mathematics? He wrote his own animation program and released it as free sw! Manim A community maintained Python library for creating mathematical animations. https:\/\/github.com\/3b1b\/manim","rel":"","context":"In &quot;Python&quot;","block_context":{"text":"Python","link":"https:\/\/monodes.com\/predaelli\/category\/python\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2443,"url":"https:\/\/monodes.com\/predaelli\/2017\/05\/09\/building-a-ceph-cluster-on-raspberry-pi\/","url_meta":{"origin":2468,"position":5},"title":"Building a Ceph Cluster on Raspberry Pi","author":"Paolo Redaelli","date":"2017-05-09","format":"link","excerpt":"Building a Ceph Cluster on Raspberry Pi - Bryan Apperson As the author clearly stated in a comment, this is more of a proof-of-concept for learning ceph, not for a real deploy as it's not meant to be cheaper per GB, but cheaper for initial cost: a \"3 figure cost\u2026","rel":"","context":"In &quot;Documentations&quot;","block_context":{"text":"Documentations","link":"https:\/\/monodes.com\/predaelli\/category\/documentations\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/posts\/2468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/comments?post=2468"}],"version-history":[{"count":0,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/posts\/2468\/revisions"}],"wp:attachment":[{"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/media?parent=2468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/categories?post=2468"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/tags?post=2468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}