{"id":1821,"date":"2025-01-04T10:13:29","date_gmt":"2025-01-04T10:13:29","guid":{"rendered":"https:\/\/donhit.com\/en\/?p=1821"},"modified":"2025-02-07T09:43:51","modified_gmt":"2025-02-07T09:43:51","slug":"percent-to-ppm","status":"publish","type":"post","link":"https:\/\/donhit.com\/en\/convert\/percent-to-ppm\/","title":{"rendered":"Percent to PPM Converter"},"content":{"rendered":"<p><center><div class=\"container123\">\r\n        <h2>Percent to PPM Converter<\/h2>\r\n        \r\n        <div class=\"input-group\">\r\n            <label for=\"percentInput\">Enter Percentage (%)<\/label>\r\n            <input type=\"number\" id=\"percentInput\" placeholder=\"Enter a value (e.g., 0.5)\" step=\"any\">\r\n            <div class=\"error\" id=\"error\">Please enter a valid number between 0 and 100<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"result\">\r\n            <h2>Result<\/h2>\r\n            <p id=\"ppmResult\">0 PPM<\/p>\r\n            <canvas id=\"visualizer\"><\/canvas>\r\n        <\/div>\r\n\r\n        <p class=\"info-text\">\r\n            1% = 10,000 PPM (Parts Per Million)<br>\r\n            Move your mouse over the visualization to see detailed values\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <script>\r\n        const percentInput = document.getElementById('percentInput');\r\n        const ppmResult = document.getElementById('ppmResult');\r\n        const error = document.getElementById('error');\r\n        const canvas = document.getElementById('visualizer');\r\n        const ctx = canvas.getContext('2d');\r\n\r\n        \/\/ Set canvas resolution\r\n        function resizeCanvas() {\r\n            const dpr = window.devicePixelRatio || 1;\r\n            const rect = canvas.getBoundingClientRect();\r\n            canvas.width = rect.width * dpr;\r\n            canvas.height = rect.height * dpr;\r\n            ctx.scale(dpr, dpr);\r\n        }\r\n        resizeCanvas();\r\n        window.addEventListener('resize', resizeCanvas);\r\n\r\n        function convertToPPM(percent) {\r\n            return percent * 10000;\r\n        }\r\n\r\n        function formatNumber(num) {\r\n            return num.toLocaleString('en-US', {\r\n                maximumFractionDigits: 2,\r\n                minimumFractionDigits: 0\r\n            });\r\n        }\r\n\r\n        function drawVisualization(percent) {\r\n            ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n            \r\n            const width = canvas.width \/ window.devicePixelRatio;\r\n            const height = canvas.height \/ window.devicePixelRatio;\r\n            \r\n            \/\/ Draw background\r\n            const gradient = ctx.createLinearGradient(0, 0, width, 0);\r\n            gradient.addColorStop(0, '#e0e0e0');\r\n            gradient.addColorStop(1, '#1e3c72');\r\n            \r\n            ctx.fillStyle = '#f8f9fa';\r\n            ctx.fillRect(0, 0, width, height);\r\n            \r\n            \/\/ Draw percentage bar\r\n            const barWidth = (percent \/ 100) * width;\r\n            ctx.fillStyle = gradient;\r\n            ctx.fillRect(0, height * 0.2, barWidth, height * 0.6);\r\n            \r\n            \/\/ Draw scale\r\n            ctx.strokeStyle = '#666';\r\n            ctx.lineWidth = 1;\r\n            for (let i = 0; i <= 10; i++) {\r\n                const x = (width * i) \/ 10;\r\n                ctx.beginPath();\r\n                ctx.moveTo(x, height * 0.8);\r\n                ctx.lineTo(x, height * 0.9);\r\n                ctx.stroke();\r\n                \r\n                ctx.fillStyle = '#666';\r\n                ctx.font = '10px Arial';\r\n                ctx.textAlign = 'center';\r\n                ctx.fillText(`${i * 10}%`, x, height * 0.95);\r\n            }\r\n        }\r\n\r\n        function updateResult() {\r\n            const percent = parseFloat(percentInput.value);\r\n            \r\n            if (isNaN(percent) || percent < 0 || percent > 100) {\r\n                error.style.display = 'block';\r\n                ppmResult.textContent = '0 PPM';\r\n                drawVisualization(0);\r\n                return;\r\n            }\r\n            \r\n            error.style.display = 'none';\r\n            const ppm = convertToPPM(percent);\r\n            ppmResult.textContent = `${formatNumber(ppm)} PPM`;\r\n            ppmResult.classList.add('pulse');\r\n            setTimeout(() => ppmResult.classList.remove('pulse'), 500);\r\n            \r\n            drawVisualization(percent);\r\n        }\r\n\r\n        percentInput.addEventListener('input', updateResult);\r\n        canvas.addEventListener('mousemove', (e) => {\r\n            const rect = canvas.getBoundingClientRect();\r\n            const x = e.clientX - rect.left;\r\n            const percent = (x \/ rect.width) * 100;\r\n            \r\n            if (percent >= 0 && percent <= 100) {\r\n                const ppm = convertToPPM(percent);\r\n                canvas.title = `${percent.toFixed(1)}% = ${formatNumber(ppm)} PPM`;\r\n            }\r\n        });\r\n\r\n        \/\/ Initial visualization\r\n        drawVisualization(0);\r\n    <\/script>\r\n<\/center><\/p>\n<p class=\"whitespace-pre-wrap break-words\">\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1821","post","type-post","status-publish","format-standard","hentry","category-convert"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Percent to PPM Converter - DonHit<\/title>\n<meta name=\"description\" content=\"Converting percent to parts per million (PPM) is crucial for precise measurements in fields like chemistry, environmental science, and engineering\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/donhit.com\/en\/convert\/percent-to-ppm\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Percent to PPM Converter - DonHit\" \/>\n<meta property=\"og:description\" content=\"Converting percent to parts per million (PPM) is crucial for precise measurements in fields like chemistry, environmental science, and engineering\" \/>\n<meta property=\"og:url\" content=\"https:\/\/donhit.com\/en\/convert\/percent-to-ppm\/\" \/>\n<meta property=\"og:site_name\" content=\"DonHit - World of Tools\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-04T10:13:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-07T09:43:51+00:00\" \/>\n<meta name=\"author\" content=\"DonHit\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DonHit\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Percent to PPM Converter - DonHit","description":"Converting percent to parts per million (PPM) is crucial for precise measurements in fields like chemistry, environmental science, and engineering","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:\/\/donhit.com\/en\/convert\/percent-to-ppm\/","og_locale":"en_US","og_type":"article","og_title":"Percent to PPM Converter - DonHit","og_description":"Converting percent to parts per million (PPM) is crucial for precise measurements in fields like chemistry, environmental science, and engineering","og_url":"https:\/\/donhit.com\/en\/convert\/percent-to-ppm\/","og_site_name":"DonHit - World of Tools","article_published_time":"2025-01-04T10:13:29+00:00","article_modified_time":"2025-02-07T09:43:51+00:00","author":"DonHit","twitter_card":"summary_large_image","twitter_misc":{"Written by":"DonHit","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/donhit.com\/en\/convert\/percent-to-ppm\/#article","isPartOf":{"@id":"https:\/\/donhit.com\/en\/convert\/percent-to-ppm\/"},"author":{"name":"DonHit","@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/0c6ff7dcd8ba4810c56a532f09c33148"},"headline":"Percent to PPM Converter","datePublished":"2025-01-04T10:13:29+00:00","dateModified":"2025-02-07T09:43:51+00:00","mainEntityOfPage":{"@id":"https:\/\/donhit.com\/en\/convert\/percent-to-ppm\/"},"wordCount":8,"commentCount":0,"publisher":{"@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/0c6ff7dcd8ba4810c56a532f09c33148"},"articleSection":["Conversion Calculators"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/donhit.com\/en\/convert\/percent-to-ppm\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/donhit.com\/en\/convert\/percent-to-ppm\/","url":"https:\/\/donhit.com\/en\/convert\/percent-to-ppm\/","name":"Percent to PPM Converter - DonHit","isPartOf":{"@id":"https:\/\/donhit.com\/en\/#website"},"datePublished":"2025-01-04T10:13:29+00:00","dateModified":"2025-02-07T09:43:51+00:00","description":"Converting percent to parts per million (PPM) is crucial for precise measurements in fields like chemistry, environmental science, and engineering","breadcrumb":{"@id":"https:\/\/donhit.com\/en\/convert\/percent-to-ppm\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/donhit.com\/en\/convert\/percent-to-ppm\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/donhit.com\/en\/convert\/percent-to-ppm\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Trang ch\u1ee7","item":"https:\/\/donhit.com\/en\/"},{"@type":"ListItem","position":2,"name":"Conversion Calculators","item":"https:\/\/donhit.com\/en\/category\/convert\/"},{"@type":"ListItem","position":3,"name":"Percent to PPM Converter"}]},{"@type":"WebSite","@id":"https:\/\/donhit.com\/en\/#website","url":"https:\/\/donhit.com\/en\/","name":"DonHit - World of tools","description":"","publisher":{"@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/0c6ff7dcd8ba4810c56a532f09c33148"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/donhit.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/0c6ff7dcd8ba4810c56a532f09c33148","name":"DonHit","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/image\/","url":"https:\/\/donhit.com\/en\/wp-content\/uploads\/2024\/11\/logo-donhit.webp","contentUrl":"https:\/\/donhit.com\/en\/wp-content\/uploads\/2024\/11\/logo-donhit.webp","width":400,"height":267,"caption":"DonHit"},"logo":{"@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/image\/"},"description":"DonHit is a website designed to provide useful tools for everyone. Its primary goal is to support and empower the community. All the tools available on the site are completely free to use.","sameAs":["https:\/\/donhit.com\/en"],"url":"https:\/\/donhit.com\/en\/author\/admin_don\/"}]}},"_links":{"self":[{"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/posts\/1821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/comments?post=1821"}],"version-history":[{"count":2,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/posts\/1821\/revisions"}],"predecessor-version":[{"id":2254,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/posts\/1821\/revisions\/2254"}],"wp:attachment":[{"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/media?parent=1821"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/categories?post=1821"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/tags?post=1821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}