{"id":872,"date":"2016-10-30T20:35:11","date_gmt":"2016-10-30T15:05:11","guid":{"rendered":"http:\/\/new.codingislove.com\/?p=872"},"modified":"2020-07-22T16:56:46","modified_gmt":"2020-07-22T11:26:46","slug":"display-maths-formulas-webpage","status":"publish","type":"post","link":"https:\/\/codingislove.com\/display-maths-formulas-webpage\/","title":{"rendered":"How to display maths formulas and equations in a webpage"},"content":{"rendered":"<p>Writing this post reminds me of those scary maths formulas that we used in school and college! I don&#8217;t remember any of those formulas now. Recently I was working on a web app which displays question papers and their answers helping the students with their last minute study. So we also have to show some maths formulas, physics equations etc<\/p>\n<p>Let&#8217;s see an example of a maths equation.<!--more--><\/p>\n<p><img decoding=\"async\" clas=\"myborder\" src=\"https:\/\/i.imgur.com\/Cr1wqXg.jpg\" alt=\"maths formulas in webpage\"><\/p>\n<p>Above Maths equation is an image. The first thing that came to my mind was to display those equations and formulae as images but we have to thousands of questions and answers with hundreds of equations and maths formulas. Generating images for these equations is not scalable and also costs more data to the user.<\/p>\n<p>So I started looking out for a different solution and found this awesome Javascript library called <a href=\"http:\/\/mathjax.org\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">MathJax<\/a> which displays Math equations using HTML, CSS and SVGs.<\/p>\n<p>MathJax is a JavaScript display engine for mathematics that works in all browsers. It uses normal HTML text and styles them with CSS to look like formulas.<\/p>\n<h3>How it works<\/h3>\n<p>MathJax uses MathML, Latex and ASCIImath as input and outputs HTML with CSS which look like formulas. Latex is one of the widely used formats for writing equations so I chose Latex.<\/p>\n<!-- \/112371330\/post-banner -->\r\n<div class=\"ad-wrapper\">\r\n<div id='div-gpt-ad-1595500140430-0' style='width: 250px; height: 250px;'>\r\n  <script>\r\n    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1595500140430-0'); });\r\n  <\/script>\r\n<\/div>\r\n<\/div>\n<h3>How to generate latex first<\/h3>\n<p>We can use any online Latex editor to generate Latex. Try this simple one <a href=\"https:\/\/upmath.me\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">upmath &#8211; Latex editor online<\/a><\/p>\n<p>Lets look at an example.<\/p>\n<h3>Getting started with MathJax<\/h3>\n<p>All you have to do is include MathJax in your page and change config options if required. MathsJax detects Latex format and converts them into formulas.<\/p>\n<h3>MathJax CDN<\/h3>\n<p>Include MathJax library using their CDN or by downloading it.<\/p>\n<p>CDN snippet :<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\n&amp;lt;script src='https:\/\/cdn.mathjax.org\/mathjax\/latest\/MathJax.js?config=TeX-AMS-MML_HTMLorMML'&amp;gt;&amp;lt;\/script&amp;gt;\n<\/pre>\n<h3>MathJax Config<\/h3>\n<p>Configuration options can be set using config method.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\nMathJax.Hub.Config({\ntex2jax: {inlineMath: &#x5B;&#x5B;'$','$'], &#x5B;'\\\\(','\\\\)']]}\n});\n<\/pre>\n<p>MathJax takes care of everything else!<\/p>\n<!-- \/112371330\/post-rectange -->\r\n<div class=\"ad-wrapper\">\r\n<div id='div-gpt-ad-1595415581471-0' style='width: 300px; height: 250px;'>\r\n  <script>\r\n    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1595415581471-0'); });\r\n  <\/script>\r\n<\/div>\r\n<\/div>\n<h3>Wrapping up<\/h3>\n<p>Here&#8217;s a demo codepen embedded below.<\/p>\n<p class='codepen'  data-height='300' data-theme-id='23550' data-slug-hash='EgBwQM' data-default-tab='html,result' data-animations='run' data-editable='' data-embed-version='2'>\nSee the Pen How to display Maths formulas in webpage by Ranjith (@Ranjithkumar10) on CodePen.<\/p>\n\n<p><em>If you have and questions or feedback, comment below.<\/em><\/p>\n<script>(function() {\n\twindow.mc4wp = window.mc4wp || {\n\t\tlisteners: [],\n\t\tforms: {\n\t\t\ton: function(evt, cb) {\n\t\t\t\twindow.mc4wp.listeners.push(\n\t\t\t\t\t{\n\t\t\t\t\t\tevent   : evt,\n\t\t\t\t\t\tcallback: cb\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n})();\n<\/script><!-- Mailchimp for WordPress v4.10.7 - https:\/\/wordpress.org\/plugins\/mailchimp-for-wp\/ --><form id=\"mc4wp-form-1\" class=\"mc4wp-form mc4wp-form-177 mc4wp-form-theme mc4wp-form-theme-red\" method=\"post\" data-id=\"177\" data-name=\"Subscribe to Coding is Love\" ><div class=\"mc4wp-form-fields\"><p>\r\n  <strong><a style=\"cursor:pointer\" onclick=\"OneSignal.push(function() {OneSignal.registerForPushNotifications()});\">Get notified when there's a new post by clicking on<img decoding=\"async\" style=\"transform:scale(0.75,0.75)\" src=\"https:\/\/i.imgur.com\/lTEcCYt.png\" alt=\"notification-bell\"\/>in bottom left<\/a><\/strong>\r\n<\/p>\r\n\r\n<p>\r\n  <strong>Need some help? Post your questions on our <a href=\"https:\/\/forum.codingislove.com\" target=\"_blank\">forum<\/a><\/strong>\r\n<\/p>\r\n<!--<br>\r\n<script id=\"mNCC\" language=\"javascript\">\r\n   medianet_width = \"300\";\r\n   medianet_height = \"250\";\r\n   medianet_crid = \"892699656\";\r\n   medianet_versionId = \"111299\";\r\n   (function() {\r\n       var isSSL = 'https:' == document.location.protocol;\r\n       var mnSrc = (isSSL ? 'https:' : 'http:') + '\/\/contextual.media.net\/nmedianet.js?cid=8CUWS5M33' + (isSSL ? '&https=1' : '');\r\n       document.write('<scr' + 'ipt type=\"text\/javascript\" id=\"mNSC\" src=\"' + mnSrc + '\"><\/scr' + 'ipt>');\r\n   })();\r\n<\/script>\r\n<p>\r\n    Liked this post? Join our newsletter to get more stuff like this in your inbox.\r\n<\/p>\r\n<p>\r\n\t<label>Email address: <\/label>\r\n\t<input type=\"email\" name=\"EMAIL\" placeholder=\"Your email is safe with us!\" required \/>\r\n<\/p>\r\n<p>\r\n\t<input type=\"submit\" value=\"Sign up\" \/>\r\n<\/p>\r\n--><\/div><label style=\"display: none !important;\">Leave this field empty if you're human: <input type=\"text\" name=\"_mc4wp_honeypot\" value=\"\" tabindex=\"-1\" autocomplete=\"off\" \/><\/label><input type=\"hidden\" name=\"_mc4wp_timestamp\" value=\"1777186260\" \/><input type=\"hidden\" name=\"_mc4wp_form_id\" value=\"177\" \/><input type=\"hidden\" name=\"_mc4wp_form_element_id\" value=\"mc4wp-form-1\" \/><div class=\"mc4wp-response\"><\/div><\/form><!-- \/ Mailchimp for WordPress Plugin -->\n<!-- \/112371330\/after-post -->\r\n<div class=\"ad-wrapper\">\r\n<div id='div-gpt-ad-1595272670647-0' style='width: 750px; height: 100px;'>\r\n  <script>\r\n    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1595272670647-0'); });\r\n  <\/script>\r\n<\/div>\r\n<\/div>\n<div style=\"margin-top: 15px; margin-bottom: 15px;\" class=\"sharethis-inline-share-buttons\" ><\/div>","protected":false},"excerpt":{"rendered":"<p>Writing this post reminds me of those scary maths formulas that we used in school and college! I don&#8217;t remember any of those formulas now.&hellip; <\/p>\n","protected":false},"author":1,"featured_media":2599,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"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":[3],"tags":[10],"class_list":["post-872","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to display maths formulas and equations in a webpage<\/title>\n<meta name=\"description\" content=\"Writing this post reminds me of those scary maths formulas that we used in school! Use this awesome JS library to display maths equations in your web page.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codingislove.com\/display-maths-formulas-webpage\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to display maths formulas and equations in a webpage\" \/>\n<meta property=\"og:description\" content=\"Writing this post reminds me of those scary maths formulas that we used in school! Use this awesome JS library to display maths equations in your web page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codingislove.com\/display-maths-formulas-webpage\/\" \/>\n<meta property=\"og:site_name\" content=\"Coding is Love\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/codingislove\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/ranjithkumar10\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-30T15:05:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-22T11:26:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codingislove.com\/wp-content\/uploads\/2015\/12\/codinglovenew.png\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"225\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ranjith kumar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/i.imgur.com\/JLALuLZ.png\" \/>\n<meta name=\"twitter:creator\" content=\"@codingislove\" \/>\n<meta name=\"twitter:site\" content=\"@codingislove\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ranjith kumar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codingislove.com\/display-maths-formulas-webpage\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codingislove.com\/display-maths-formulas-webpage\/\"},\"author\":{\"name\":\"Ranjith kumar\",\"@id\":\"https:\/\/codingislove.com\/#\/schema\/person\/ecb142505163b016d59bfbe662af587e\"},\"headline\":\"How to display maths formulas and equations in a webpage\",\"datePublished\":\"2016-10-30T15:05:11+00:00\",\"dateModified\":\"2020-07-22T11:26:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codingislove.com\/display-maths-formulas-webpage\/\"},\"wordCount\":406,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/codingislove.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codingislove.com\/display-maths-formulas-webpage\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codingislove.com\/wp-content\/uploads\/2016\/10\/JLALuLZ1.png\",\"keywords\":[\"Javascript\"],\"articleSection\":[\"Coding Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codingislove.com\/display-maths-formulas-webpage\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codingislove.com\/display-maths-formulas-webpage\/\",\"url\":\"https:\/\/codingislove.com\/display-maths-formulas-webpage\/\",\"name\":\"How to display maths formulas and equations in a webpage\",\"isPartOf\":{\"@id\":\"https:\/\/codingislove.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codingislove.com\/display-maths-formulas-webpage\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codingislove.com\/display-maths-formulas-webpage\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codingislove.com\/wp-content\/uploads\/2016\/10\/JLALuLZ1.png\",\"datePublished\":\"2016-10-30T15:05:11+00:00\",\"dateModified\":\"2020-07-22T11:26:46+00:00\",\"description\":\"Writing this post reminds me of those scary maths formulas that we used in school! Use this awesome JS library to display maths equations in your web page.\",\"breadcrumb\":{\"@id\":\"https:\/\/codingislove.com\/display-maths-formulas-webpage\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codingislove.com\/display-maths-formulas-webpage\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codingislove.com\/display-maths-formulas-webpage\/#primaryimage\",\"url\":\"https:\/\/codingislove.com\/wp-content\/uploads\/2016\/10\/JLALuLZ1.png\",\"contentUrl\":\"https:\/\/codingislove.com\/wp-content\/uploads\/2016\/10\/JLALuLZ1.png\",\"width\":940,\"height\":788},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codingislove.com\/display-maths-formulas-webpage\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Coding is Love\",\"item\":\"https:\/\/codingislove.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Coding Tutorials\",\"item\":\"https:\/\/codingislove.com\/category\/tutorials\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to display maths formulas and equations in a webpage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codingislove.com\/#website\",\"url\":\"https:\/\/codingislove.com\/\",\"name\":\"Coding is Love\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/codingislove.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codingislove.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codingislove.com\/#organization\",\"name\":\"Coding is Love\",\"url\":\"https:\/\/codingislove.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codingislove.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/codingislove.com\/wp-content\/uploads\/2015\/12\/codinglovenew.png\",\"contentUrl\":\"https:\/\/codingislove.com\/wp-content\/uploads\/2015\/12\/codinglovenew.png\",\"width\":300,\"height\":225,\"caption\":\"Coding is Love\"},\"image\":{\"@id\":\"https:\/\/codingislove.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/codingislove\/\",\"https:\/\/x.com\/codingislove\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codingislove.com\/#\/schema\/person\/ecb142505163b016d59bfbe662af587e\",\"name\":\"Ranjith kumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codingislove.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f5486247269539c638227e6213187139cc7460eeb16d789fa757485f1d2b87f0?s=96&d=wavatar&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f5486247269539c638227e6213187139cc7460eeb16d789fa757485f1d2b87f0?s=96&d=wavatar&r=g\",\"caption\":\"Ranjith kumar\"},\"description\":\"A CA- by education, self taught coder by passion, loves to explore new technologies and believes in learn by doing.\",\"sameAs\":[\"https:\/\/www.facebook.com\/ranjithkumar10\",\"https:\/\/www.instagram.com\/livin_on_d_edge\/\",\"https:\/\/www.linkedin.com\/in\/ranjithkumar10\",\"https:\/\/www.youtube.com\/c\/codingislove01\"],\"url\":\"https:\/\/codingislove.com\/author\/ranjithkumar10\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to display maths formulas and equations in a webpage","description":"Writing this post reminds me of those scary maths formulas that we used in school! Use this awesome JS library to display maths equations in your web page.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codingislove.com\/display-maths-formulas-webpage\/","og_locale":"en_US","og_type":"article","og_title":"How to display maths formulas and equations in a webpage","og_description":"Writing this post reminds me of those scary maths formulas that we used in school! Use this awesome JS library to display maths equations in your web page.","og_url":"https:\/\/codingislove.com\/display-maths-formulas-webpage\/","og_site_name":"Coding is Love","article_publisher":"https:\/\/facebook.com\/codingislove\/","article_author":"https:\/\/www.facebook.com\/ranjithkumar10","article_published_time":"2016-10-30T15:05:11+00:00","article_modified_time":"2020-07-22T11:26:46+00:00","og_image":[{"width":300,"height":225,"url":"https:\/\/codingislove.com\/wp-content\/uploads\/2015\/12\/codinglovenew.png","type":"image\/png"}],"author":"Ranjith kumar","twitter_card":"summary_large_image","twitter_image":"https:\/\/i.imgur.com\/JLALuLZ.png","twitter_creator":"@codingislove","twitter_site":"@codingislove","twitter_misc":{"Written by":"Ranjith kumar","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codingislove.com\/display-maths-formulas-webpage\/#article","isPartOf":{"@id":"https:\/\/codingislove.com\/display-maths-formulas-webpage\/"},"author":{"name":"Ranjith kumar","@id":"https:\/\/codingislove.com\/#\/schema\/person\/ecb142505163b016d59bfbe662af587e"},"headline":"How to display maths formulas and equations in a webpage","datePublished":"2016-10-30T15:05:11+00:00","dateModified":"2020-07-22T11:26:46+00:00","mainEntityOfPage":{"@id":"https:\/\/codingislove.com\/display-maths-formulas-webpage\/"},"wordCount":406,"commentCount":1,"publisher":{"@id":"https:\/\/codingislove.com\/#organization"},"image":{"@id":"https:\/\/codingislove.com\/display-maths-formulas-webpage\/#primaryimage"},"thumbnailUrl":"https:\/\/codingislove.com\/wp-content\/uploads\/2016\/10\/JLALuLZ1.png","keywords":["Javascript"],"articleSection":["Coding Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codingislove.com\/display-maths-formulas-webpage\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codingislove.com\/display-maths-formulas-webpage\/","url":"https:\/\/codingislove.com\/display-maths-formulas-webpage\/","name":"How to display maths formulas and equations in a webpage","isPartOf":{"@id":"https:\/\/codingislove.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codingislove.com\/display-maths-formulas-webpage\/#primaryimage"},"image":{"@id":"https:\/\/codingislove.com\/display-maths-formulas-webpage\/#primaryimage"},"thumbnailUrl":"https:\/\/codingislove.com\/wp-content\/uploads\/2016\/10\/JLALuLZ1.png","datePublished":"2016-10-30T15:05:11+00:00","dateModified":"2020-07-22T11:26:46+00:00","description":"Writing this post reminds me of those scary maths formulas that we used in school! Use this awesome JS library to display maths equations in your web page.","breadcrumb":{"@id":"https:\/\/codingislove.com\/display-maths-formulas-webpage\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codingislove.com\/display-maths-formulas-webpage\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codingislove.com\/display-maths-formulas-webpage\/#primaryimage","url":"https:\/\/codingislove.com\/wp-content\/uploads\/2016\/10\/JLALuLZ1.png","contentUrl":"https:\/\/codingislove.com\/wp-content\/uploads\/2016\/10\/JLALuLZ1.png","width":940,"height":788},{"@type":"BreadcrumbList","@id":"https:\/\/codingislove.com\/display-maths-formulas-webpage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Coding is Love","item":"https:\/\/codingislove.com\/"},{"@type":"ListItem","position":2,"name":"Coding Tutorials","item":"https:\/\/codingislove.com\/category\/tutorials\/"},{"@type":"ListItem","position":3,"name":"How to display maths formulas and equations in a webpage"}]},{"@type":"WebSite","@id":"https:\/\/codingislove.com\/#website","url":"https:\/\/codingislove.com\/","name":"Coding is Love","description":"","publisher":{"@id":"https:\/\/codingislove.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codingislove.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codingislove.com\/#organization","name":"Coding is Love","url":"https:\/\/codingislove.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codingislove.com\/#\/schema\/logo\/image\/","url":"https:\/\/codingislove.com\/wp-content\/uploads\/2015\/12\/codinglovenew.png","contentUrl":"https:\/\/codingislove.com\/wp-content\/uploads\/2015\/12\/codinglovenew.png","width":300,"height":225,"caption":"Coding is Love"},"image":{"@id":"https:\/\/codingislove.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/codingislove\/","https:\/\/x.com\/codingislove"]},{"@type":"Person","@id":"https:\/\/codingislove.com\/#\/schema\/person\/ecb142505163b016d59bfbe662af587e","name":"Ranjith kumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codingislove.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f5486247269539c638227e6213187139cc7460eeb16d789fa757485f1d2b87f0?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f5486247269539c638227e6213187139cc7460eeb16d789fa757485f1d2b87f0?s=96&d=wavatar&r=g","caption":"Ranjith kumar"},"description":"A CA- by education, self taught coder by passion, loves to explore new technologies and believes in learn by doing.","sameAs":["https:\/\/www.facebook.com\/ranjithkumar10","https:\/\/www.instagram.com\/livin_on_d_edge\/","https:\/\/www.linkedin.com\/in\/ranjithkumar10","https:\/\/www.youtube.com\/c\/codingislove01"],"url":"https:\/\/codingislove.com\/author\/ranjithkumar10\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/codingislove.com\/wp-content\/uploads\/2016\/10\/JLALuLZ1.png","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/posts\/872","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/comments?post=872"}],"version-history":[{"count":0,"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/posts\/872\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/media\/2599"}],"wp:attachment":[{"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/media?parent=872"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/categories?post=872"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/tags?post=872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}