Magnet Weight Calculator | King-Nd Magnet<\/title>\r\n<style>\r\n :root {\r\n --primary-blue: #002ea7; --primary-hover: #001f7a; --bg-light: #e6e8f5;\r\n --card-bg: #ffffff; --text-dark: #172b4d; --text-muted: #5e6c84;\r\n --border-color: #dfe1e6; --accent-red: #e61373;\r\n }\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n body { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif; background-color: var(--bg-light); color: var(--text-dark); line-height: 1.6; padding: 30px 15px; }\r\n .calc-container { max-width: 960px; margin: 0 auto; }\r\n .page-header { text-align: center; margin-bottom: 30px; }\r\n .page-header h1 { font-size: 30px; font-weight: 700; color: var(--text-dark); margin-bottom: 10px; }\r\n .page-header p { font-size: 15px; color: var(--text-muted); max-width: 660px; margin: 0 auto; }\r\n .calc-card, .method-card { background: var(--card-bg); border-radius: 12px; box-shadow: 0 4px 16px rgba(9, 30, 66, 0.08); padding: 30px; margin-bottom: 30px; }\r\n .shape-tabs { display: flex; gap: 10px; border-bottom: 2px solid var(--border-color); margin-bottom: 25px; overflow-x: auto; }\r\n .tab-btn { padding: 10px 20px; font-size: 15px; font-weight: 600; background: none; border: none; border-bottom: 3px solid transparent; color: var(--text-muted) !important; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; }\r\n .tab-btn.active { color: var(--primary-blue) !important; border-bottom-color: var(--primary-blue); }\r\n .tab-btn:hover:not(.active) { color: var(--text-dark) !important; }\r\n .section-title { font-size: 17px; font-weight: 700; color: var(--text-dark); margin-bottom: 6px; }\r\n .section-intro { font-size: 13px; color: var(--text-muted); margin-bottom: 18px; max-width: 660px; }\r\n .calc-grid { display: grid; grid-template-columns: 240px 1fr; gap: 30px; align-items: start; }\r\n @media (max-width: 768px) { .calc-grid { grid-template-columns: 1fr; } }\r\n .diagram-box { background: #fafbfc; border: 1px solid var(--border-color); border-radius: 8px; padding: 20px; text-align: center; min-height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center; }\r\n .diagram-box svg { width: 100%; height: 160px; }\r\n .diagram-caption { font-size: 13px; color: var(--text-muted); margin-top: 10px; font-weight: 500; }\r\n .form-group { margin-bottom: 18px; }\r\n .form-group label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 6px; }\r\n .form-control { width: 100%; padding: 10px 12px; font-size: 14px; border: 1px solid var(--border-color); border-radius: 6px; outline: none; transition: border-color 0.2s; }\r\n .form-control:focus { border-color: var(--primary-blue); }\r\n .inputs-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 15px; }\r\n .input-with-unit { position: relative; display: flex; align-items: center; }\r\n .input-with-unit input { padding-right: 40px; }\r\n .input-with-unit .unit { position: absolute; right: 12px; font-size: 13px; color: var(--text-muted); pointer-events: none; }\r\n .btn-group { display: flex; gap: 12px; margin-top: 24px; margin-bottom: 24px; }\r\n .btn-calc { background-color: var(--primary-blue); color: #ffffff !important; border: none; padding: 10px 24px; font-size: 15px; font-weight: 600; border-radius: 6px; cursor: pointer; transition: background 0.2s; }\r\n .btn-calc:hover { background-color: var(--primary-hover); }\r\n .btn-clear { background-color: #ebecf0; color: var(--text-dark) !important; border: none; padding: 10px 20px; font-size: 15px; font-weight: 600; border-radius: 6px; cursor: pointer; }\r\n .btn-clear:hover { background-color: #dfe1e6; }\r\n .results-panel { background: var(--primary-blue); color: #ffffff; border-radius: 8px; padding: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 20px; }\r\n .result-item { display: flex; flex-direction: column; }\r\n .result-item .label { font-size: 13px; color: #ffffff !important; opacity: 0.9; margin-bottom: 4px; }\r\n .result-item .value { font-size: 22px; font-weight: 700; color: #ffffff !important; }\r\n .method-list { list-style: none; display: flex; flex-direction: column; gap: 10px; margin: 14px 0; }\r\n .method-list li { font-size: 13px; color: var(--text-dark); padding-left: 18px; position: relative; }\r\n .method-list li::before { content: \"\u2014\"; position: absolute; left: 0; color: var(--primary-blue); }\r\n .std-table { width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 14px; }\r\n .std-table th, .std-table td { padding: 8px 10px; text-align: left; border-bottom: 1px solid var(--border-color); }\r\n .std-table th { color: var(--text-muted); font-weight: 600; font-size: 12px; }\r\n .disclaimer-card { margin-top: 25px; padding-top: 20px; border-top: 1px solid var(--border-color); }\r\n .disclaimer-card h4 { color: var(--accent-red); font-size: 15px; font-weight: 700; margin-bottom: 6px; }\r\n .disclaimer-card p { font-size: 13px; color: #42526e; }\r\n .cta-box { background: linear-gradient(135deg, #002ea7 0%, #001f7a 100%); color: #ffffff; border-radius: 12px; padding: 28px 32px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; }\r\n .cta-content h3 { font-size: 20px; margin-bottom: 6px; color: #ffffff !important; }\r\n .cta-content p { font-size: 14px; color: #ffffff !important; opacity: 0.9; }\r\n .btn-cta { background-color: #ffffff; color: var(--primary-blue) !important; padding: 12px 28px; font-size: 15px; font-weight: 700; border-radius: 6px; text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s; }\r\n .btn-cta:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"calc-container\">\r\n\r\n <div class=\"page-header\">\r\n <h1>Magnet Weight Calculator<\/h1>\r\n <p>Estimate the weight of sintered NdFeB, ferrite, bonded ferrite, bonded NdFeB, and SmCo magnets by shape and nominal material density \u2014 for quoting, packing and shipping calculations.<\/p>\r\n <\/div>\r\n\r\n <div class=\"calc-card\">\r\n\r\n <div class=\"shape-tabs\">\r\n <button class=\"tab-btn active\" onclick=\"switchShape('block', this)\">Block \/ Rectangle<\/button>\r\n <button class=\"tab-btn\" onclick=\"switchShape('cylinder', this)\">Cylinder<\/button>\r\n <button class=\"tab-btn\" onclick=\"switchShape('ring', this)\">Ring<\/button>\r\n <button class=\"tab-btn\" onclick=\"switchShape('sphere', this)\">Sphere<\/button>\r\n <\/div>\r\n\r\n <p class=\"section-title\">Shape & Material Inputs<\/p>\r\n <p class=\"section-intro\">Select a shape, enter its dimensions, and choose the material class to estimate weight and volume.<\/p>\r\n\r\n <div class=\"calc-grid\">\r\n <div class=\"diagram-box\">\r\n <div id=\"svgWrapper\" style=\"width:100%;\"><\/div>\r\n <div class=\"diagram-caption\" id=\"diagramText\">Length (L) x Width (W) x Thickness (T)<\/div>\r\n <\/div>\r\n\r\n <div class=\"calc-form\">\r\n <div class=\"inputs-row\">\r\n <div class=\"form-group\">\r\n <label>Unit:<\/label>\r\n <select class=\"form-control\" id=\"unitSelect\" onchange=\"calculate()\">\r\n <option value=\"mm\">Metric (mm)<\/option>\r\n <option value=\"inch\">Imperial (inch)<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Material:<\/label>\r\n <select class=\"form-control\" id=\"materialSelect\" onchange=\"calculate()\">\r\n <option value=\"ndfeb\">Sintered NdFeB (7.6 g\/cm3)<\/option>\r\n <option value=\"ferrite\">Sintered Ferrite (4.9 g\/cm3)<\/option>\r\n <option value=\"bonded_ferrite\">Bonded Ferrite (3.8 g\/cm3)<\/option>\r\n <option value=\"bonded_ndfeb\">Bonded NdFeB (6.1 g\/cm3)<\/option>\r\n <option value=\"smco\">Samarium Cobalt - SmCo (8.3 g\/cm3)<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"inputs-row\" id=\"dynamicInputs\"><\/div>\r\n <div class=\"btn-group\">\r\n <button class=\"btn-calc\" onclick=\"calculate()\">Calculate<\/button>\r\n <button class=\"btn-clear\" onclick=\"resetForm()\">Reset<\/button>\r\n <\/div>\r\n <div class=\"results-panel\">\r\n <div class=\"result-item\"><span class=\"label\">Weight:<\/span><span class=\"value\" id=\"resWeight\">0.00 g<\/span><\/div>\r\n <div class=\"result-item\"><span class=\"label\">Volume:<\/span><span class=\"value\" id=\"resVolume\">0.00 cm3<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"method-card\">\r\n <p class=\"section-title\">How This Is Calculated<\/p>\r\n <p class=\"section-intro\">Weight is computed from exact geometric volume formulas, multiplied by a nominal density figure for each material class.<\/p>\r\n <ul class=\"method-list\">\r\n <li>Block: V = L \u00d7 W \u00d7 T. Cylinder: V = \u03c0 \u00d7 (D\/2)\u00b2 \u00d7 H. Ring: V = \u03c0 \u00d7 [(OD\/2)\u00b2 \u2212 (ID\/2)\u00b2] \u00d7 H. Sphere: V = (4\/3) \u00d7 \u03c0 \u00d7 (D\/2)\u00b3.<\/li>\r\n <li>Density figures are nominal mid-range values per material class, consistent with the density ranges given in <strong>GB\/T 13560\u20142017 \"Sintered NdFeB Permanent Magnet Materials\"<\/strong> for sintered NdFeB, and with standard reference densities for ferrite, bonded and SmCo materials used across the industry.<\/li>\r\n <li>Actual density varies by grade within each material class (e.g. higher-Hcj sintered NdFeB grades run slightly denser due to heavy rare-earth content), and by manufacturing process (sintering pressure, powder blend, resin ratio for bonded magnets).<\/li>\r\n <\/ul>\r\n <table class=\"std-table\">\r\n <thead><tr><th>Material class<\/th><th>Typical density range<\/th><th>Value used here<\/th><\/tr><\/thead>\r\n <tbody>\r\n <tr><td>Sintered NdFeB<\/td><td>7.4 \u2013 7.6 g\/cm\u00b3<\/td><td>7.6 g\/cm\u00b3<\/td><\/tr>\r\n <tr><td>Sintered Ferrite<\/td><td>4.6 \u2013 5.0 g\/cm\u00b3<\/td><td>4.9 g\/cm\u00b3<\/td><\/tr>\r\n <tr><td>Bonded Ferrite<\/td><td>3.5 \u2013 3.9 g\/cm\u00b3<\/td><td>3.8 g\/cm\u00b3<\/td><\/tr>\r\n <tr><td>Bonded NdFeB<\/td><td>5.8 \u2013 6.3 g\/cm\u00b3<\/td><td>6.1 g\/cm\u00b3<\/td><\/tr>\r\n <tr><td>Samarium Cobalt (SmCo)<\/td><td>8.2 \u2013 8.4 g\/cm\u00b3<\/td><td>8.3 g\/cm\u00b3<\/td><\/tr>\r\n <\/tbody>\r\n <\/table>\r\n\r\n <div class=\"disclaimer-card\">\r\n <h4>Accuracy Disclaimer<\/h4>\r\n <p>Results are estimates based on nominal density and ideal geometry, and are provided for reference only. Actual weight may vary due to manufacturing tolerances, chamfers\/rounded edges not modeled here, and grade-specific density. For a precise quote, please contact our engineers with the exact drawing.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cta-box\">\r\n <div class=\"cta-content\">\r\n <h3>Found your target magnet specifications?<\/h3>\r\n <p>Submit your custom dimensions and order quantity, and one of our engineers will follow up with technical guidance and a detailed quote.<\/p>\r\n <\/div>\r\n <a href=\"\/contact-us\" class=\"btn-cta\">Consult Our Engineer →<\/a>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n const densities = { ndfeb: 7.6, ferrite: 4.9, bonded_ferrite: 3.8, bonded_ndfeb: 6.1, smco: 8.3 };\r\n let currentShape = 'block';\r\n\r\n const fullSvgTemplates = {\r\n block: `<svg viewBox=\"0 0 200 160\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect x=\"40\" y=\"55\" width=\"110\" height=\"55\" fill=\"#e2e8f0\" stroke=\"#334155\" stroke-width=\"2\"\/>\r\n <polygon points=\"40,55 70,25 180,25 150,55\" fill=\"#cbd5e1\" stroke=\"#334155\" stroke-width=\"2\"\/>\r\n <polygon points=\"150,55 180,25 180,80 150,110\" fill=\"#94a3b8\" stroke=\"#334155\" stroke-width=\"2\"\/><\/svg>`,\r\n cylinder: `<svg viewBox=\"0 0 200 160\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M 50 45 L 50 105 A 50 18 0 0 0 150 105 L 150 45 Z\" fill=\"#e2e8f0\" stroke=\"#334155\" stroke-width=\"2\"\/>\r\n <ellipse cx=\"100\" cy=\"45\" rx=\"50\" ry=\"18\" fill=\"#cbd5e1\" stroke=\"#334155\" stroke-width=\"2\"\/><\/svg>`,\r\n ring: `<svg viewBox=\"0 0 200 160\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M 40 45 L 40 105 A 60 20 0 0 0 160 105 L 160 45 Z\" fill=\"#e2e8f0\" stroke=\"#334155\" stroke-width=\"2\"\/>\r\n <ellipse cx=\"100\" cy=\"45\" rx=\"60\" ry=\"20\" fill=\"#cbd5e1\" stroke=\"#334155\" stroke-width=\"2\"\/>\r\n <ellipse cx=\"100\" cy=\"45\" rx=\"25\" ry=\"8\" fill=\"#fafbfc\" stroke=\"#334155\" stroke-width=\"2\"\/>\r\n <path d=\"M 75 45 A 25 8 0 0 0 125 45\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\"\/><\/svg>`,\r\n sphere: `<svg viewBox=\"0 0 200 160\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <defs><radialGradient id=\"sphereGrad\" cx=\"35%\" cy=\"35%\" r=\"65%\">\r\n <stop offset=\"0%\" stop-color=\"#ffffff\"\/><stop offset=\"50%\" stop-color=\"#cbd5e1\"\/><stop offset=\"100%\" stop-color=\"#64748b\"\/>\r\n <\/radialGradient><\/defs>\r\n <circle cx=\"100\" cy=\"80\" r=\"50\" fill=\"url(#sphereGrad)\" stroke=\"#334155\" stroke-width=\"2\"\/>\r\n <ellipse cx=\"100\" cy=\"80\" rx=\"50\" ry=\"16\" fill=\"none\" stroke=\"#64748b\" stroke-width=\"1.5\" stroke-dasharray=\"3,3\"\/><\/svg>`\r\n };\r\n\r\n function switchShape(shape, btn) {\r\n currentShape = shape;\r\n document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\r\n if (btn) btn.classList.add('active');\r\n document.getElementById('svgWrapper').innerHTML = fullSvgTemplates[shape] || '';\r\n const captions = { block: 'Length (L) x Width (W) x Thickness (T)', cylinder: 'Diameter (D), Height (H)', ring: 'Outer diameter (D), inner diameter (d), height (H)', sphere: 'Diameter (D)' };\r\n document.getElementById('diagramText').innerText = captions[shape] || '';\r\n const inputContainer = document.getElementById('dynamicInputs');\r\n if (shape === 'block') {\r\n inputContainer.innerHTML = `\r\n <div class=\"form-group\"><label>Width W:<\/label><div class=\"input-with-unit\"><input type=\"number\" id=\"valW\" class=\"form-control\" value=\"10\" oninput=\"calculate()\"><span class=\"unit\">mm<\/span><\/div><\/div>\r\n <div class=\"form-group\"><label>Length L:<\/label><div class=\"input-with-unit\"><input type=\"number\" id=\"valL\" class=\"form-control\" value=\"20\" oninput=\"calculate()\"><span class=\"unit\">mm<\/span><\/div><\/div>\r\n <div class=\"form-group\"><label>Thickness T:<\/label><div class=\"input-with-unit\"><input type=\"number\" id=\"valT\" class=\"form-control\" value=\"5\" oninput=\"calculate()\"><span class=\"unit\">mm<\/span><\/div><\/div>`;\r\n } else if (shape === 'cylinder') {\r\n inputContainer.innerHTML = `\r\n <div class=\"form-group\"><label>Diameter D:<\/label><div class=\"input-with-unit\"><input type=\"number\" id=\"valD\" class=\"form-control\" value=\"15\" oninput=\"calculate()\"><span class=\"unit\">mm<\/span><\/div><\/div>\r\n <div class=\"form-group\"><label>Height H:<\/label><div class=\"input-with-unit\"><input type=\"number\" id=\"valH\" class=\"form-control\" value=\"5\" oninput=\"calculate()\"><span class=\"unit\">mm<\/span><\/div><\/div>`;\r\n } else if (shape === 'ring') {\r\n inputContainer.innerHTML = `\r\n <div class=\"form-group\"><label>Outer Diameter D:<\/label><div class=\"input-with-unit\"><input type=\"number\" id=\"valOD\" class=\"form-control\" value=\"19\" oninput=\"calculate()\"><span class=\"unit\">mm<\/span><\/div><\/div>\r\n <div class=\"form-group\"><label>Inner Diameter d:<\/label><div class=\"input-with-unit\"><input type=\"number\" id=\"valID\" class=\"form-control\" value=\"14\" oninput=\"calculate()\"><span class=\"unit\">mm<\/span><\/div><\/div>\r\n <div class=\"form-group\"><label>Height H:<\/label><div class=\"input-with-unit\"><input type=\"number\" id=\"valRH\" class=\"form-control\" value=\"1\" oninput=\"calculate()\"><span class=\"unit\">mm<\/span><\/div><\/div>`;\r\n } else if (shape === 'sphere') {\r\n inputContainer.innerHTML = `<div class=\"form-group\"><label>Diameter D:<\/label><div class=\"input-with-unit\"><input type=\"number\" id=\"valD\" class=\"form-control\" value=\"10\" oninput=\"calculate()\"><span class=\"unit\">mm<\/span><\/div><\/div>`;\r\n }\r\n calculate();\r\n }\r\n\r\n function calculate() {\r\n const mat = document.getElementById('materialSelect').value;\r\n const unit = document.getElementById('unitSelect').value;\r\n const density = densities[mat];\r\n const unitToCm = (unit === 'inch') ? 2.54 : 0.1;\r\n let volumeCm3 = 0;\r\n if (currentShape === 'block') {\r\n const W = parseFloat(document.getElementById('valW')?.value || 0) * unitToCm;\r\n const L = parseFloat(document.getElementById('valL')?.value || 0) * unitToCm;\r\n const T = parseFloat(document.getElementById('valT')?.value || 0) * unitToCm;\r\n if (W > 0 && L > 0 && T > 0) volumeCm3 = W * L * T;\r\n } else if (currentShape === 'cylinder') {\r\n const D = parseFloat(document.getElementById('valD')?.value || 0) * unitToCm;\r\n const H = parseFloat(document.getElementById('valH')?.value || 0) * unitToCm;\r\n if (D > 0 && H > 0) volumeCm3 = Math.PI * Math.pow(D \/ 2, 2) * H;\r\n } else if (currentShape === 'ring') {\r\n const OD = parseFloat(document.getElementById('valOD')?.value || 0) * unitToCm;\r\n const ID = parseFloat(document.getElementById('valID')?.value || 0) * unitToCm;\r\n const H = parseFloat(document.getElementById('valRH')?.value || 0) * unitToCm;\r\n if (OD > ID && H > 0) volumeCm3 = Math.PI * (Math.pow(OD \/ 2, 2) - Math.pow(ID \/ 2, 2)) * H;\r\n } else if (currentShape === 'sphere') {\r\n const D = parseFloat(document.getElementById('valD')?.value || 0) * unitToCm;\r\n if (D > 0) volumeCm3 = (4 \/ 3) * Math.PI * Math.pow(D \/ 2, 3);\r\n }\r\n const weightGrams = volumeCm3 * density;\r\n document.getElementById('resWeight').innerText = weightGrams > 0 ? weightGrams.toFixed(2) + ' g' : '0.00 g';\r\n document.getElementById('resVolume').innerText = volumeCm3 > 0 ? volumeCm3.toFixed(2) + ' cm3' : '0.00 cm3';\r\n }\r\n\r\n function resetForm() { switchShape(currentShape, document.querySelector('.tab-btn.active')); }\r\n window.onload = function () { switchShape('block', document.querySelector('.tab-btn')); };\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\r\n<style>\r\n.kndtc { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 18px 0 0; padding: 18px 22px; border-radius: 10px; background: linear-gradient(135deg, #e61373 0%, #b30e58 100%); box-sizing: border-box; }\r\n.kndtc *, .kndtc *::before, .kndtc *::after { box-sizing: border-box; }\r\n.kndtc-text { flex: 1 1 260px; min-width: 0; }\r\n.kndtc-kicker { display: block; margin: 0 0 6px; font-size: 21px; font-weight: 800; line-height: 1.25; color: #ffffff !important; }\r\n.kndtc-spec { display: block; margin: 0 0 8px; font-size: 14px; font-weight: 600; line-height: 1.35; color: #ffffff !important; opacity: 0.95; }\r\n.kndtc-spec:empty { display: none; }\r\n.kndtc-sub { display: block; font-size: 14px; line-height: 1.5; color: #ffffff !important; }\r\n.kndtc-pill { display: inline-block; margin-right: 8px; padding: 2px 10px; background: #ffffff; border-radius: 999px; color: #b30e58 !important; font-size: 12px; font-weight: 800; vertical-align: 1px; }\r\n.kndtc-btn { flex: none; display: inline-block; padding: 13px 26px; background: #ffffff !important; border-radius: 8px; color: #b30e58 !important; font-size: 15px; font-weight: 700; text-align: center; text-decoration: none !important; animation: kndtcPulse 2.2s ease-out infinite; transition: transform 0.2s; }\r\n.kndtc-btn:hover { transform: translateY(-2px); animation: none; }\r\n@keyframes kndtcPulse {\r\n 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.65); }\r\n 70% { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }\r\n}\r\n@media (prefers-reduced-motion: reduce) { .kndtc-btn { animation: none; } }\r\n@media (max-width: 600px) { .kndtc-btn { width: 100%; } }\r\n<\/style>\r\n<div class=\"kndtc\" id=\"kndtc\" style=\"margin: 18px 0 0;\">\r\n <div class=\"kndtc-text\">\r\n <span class=\"kndtc-kicker\">Want a free sample?<\/span>\r\n <span class=\"kndtc-spec\" id=\"kndtcSpec\"><\/span>\r\n <span class=\"kndtc-sub\"><b class=\"kndtc-pill\">Under 1 minute<\/b>Your shape, size and material are filled in. Just pick a coating and add your email.<\/span>\r\n <\/div>\r\n <a class=\"kndtc-btn\" id=\"kndtcBtn\" href=\"\/custom-ndfeb-magnets\/\">Get My Free Sample →<\/a>\r\n<\/div>\r\n<script>\r\n(function () {\r\n var card = document.getElementById('kndtc');\r\n var btn = document.getElementById('kndtcBtn');\r\n var specEl = document.getElementById('kndtcSpec');\r\n if (!card || !btn || !specEl) { return; }\r\n\r\n var TOOL = 'Weight Calculator';\r\n var $ = function (id) { return document.getElementById(id); };\r\n var qs1 = function (sel) { return document.querySelector(sel); };\r\n var val = function (id) { var e = $(id); return e ? parseFloat(e.value) : NaN; };\r\n\r\n \/* What this tool hands over to the custom form *\/\r\n function collect() {\r\n var tab = qs1('.shape-tabs .tab-btn.active');\r\n var label = tab ? tab.textContent.trim().toLowerCase() : 'block';\r\n var inch = $('unitSelect').value === 'inch';\r\n var f = inch ? 25.4 : 1, unit = inch ? 'inch' : 'mm';\r\n var mats = { ndfeb: 'Sintered NdFeB', ferrite: 'Sintered Ferrite', bonded_ferrite: 'Bonded Ferrite', bonded_ndfeb: 'Bonded NdFeB', smco: 'Samarium Cobalt (SmCo)' };\r\n var mat = mats[$('materialSelect').value] || '';\r\n var q = { grade: 'unsure', material: mat }, desc = '';\r\n function mm(id) { return val(id) * f; }\r\n if (label.indexOf('block') === 0) {\r\n q.shape = 'block';\r\n q.dim_length = mm('valL'); q.dim_width = mm('valW'); q.dim_thickness = mm('valT');\r\n desc = 'Block ' + val('valL') + ' \\u00d7 ' + val('valW') + ' \\u00d7 ' + val('valT') + ' ' + unit;\r\n } else if (label.indexOf('cylinder') === 0) {\r\n q.shape = 'cylinder';\r\n q.dim_diameter = mm('valD'); q.dim_height = mm('valH');\r\n desc = 'Cylinder \\u00d8' + val('valD') + ' \\u00d7 ' + val('valH') + ' ' + unit;\r\n } else if (label.indexOf('ring') === 0) {\r\n q.shape = 'ring';\r\n q.dim_od = mm('valOD'); q.dim_id = mm('valID'); q.dim_height = mm('valRH');\r\n desc = 'Ring OD ' + val('valOD') + ' \/ ID ' + val('valID') + ' \\u00d7 ' + val('valRH') + ' ' + unit;\r\n } else {\r\n q.shape = 'sphere';\r\n q.dim_diameter = mm('valD');\r\n desc = 'Sphere \\u00d8' + val('valD') + ' ' + unit;\r\n }\r\n return { spec: (mat ? mat + ' \/ ' : '') + desc, q: q };\r\n }\r\n\r\n \/* The card is moved to sit right under the results *\/\r\n function anchor() {\r\n return qs1('.calc-form .results-panel');\r\n }\r\n\r\n function place() {\r\n var t = anchor();\r\n if (t && t.parentNode && t.nextElementSibling !== card) { t.parentNode.insertBefore(card, t.nextSibling); }\r\n }\r\n\r\n function toQuery(q) {\r\n return Object.keys(q).filter(function (k) {\r\n var v = q[k];\r\n return typeof v === 'string' ? v !== '' : (typeof v === 'number' && isFinite(v) && v > 0);\r\n }).map(function (k) {\r\n var v = q[k];\r\n return k + '=' + encodeURIComponent(typeof v === 'number' ? String(parseFloat(v.toFixed(3))) : v);\r\n }).join('&');\r\n }\r\n\r\n function setHref(a, qs) {\r\n var base = (a.getAttribute('href') || '').split('?')[0];\r\n a.setAttribute('href', base + '?' + qs);\r\n }\r\n\r\n function update() {\r\n var d = null;\r\n try { d = collect(); } catch (e) { d = null; }\r\n d = d || { spec: '', q: {} };\r\n specEl.textContent = d.spec || '';\r\n var q = { from: 'tool', tool: TOOL };\r\n Object.keys(d.q).forEach(function (k) { q[k] = d.q[k]; });\r\n var qs = toQuery(q);\r\n setHref(btn, qs);\r\n\r\n }\r\n\r\n function later() { window.setTimeout(function () { place(); update(); }, 0); }\r\n ['input', 'change', 'click', 'keyup'].forEach(function (ev) { document.addEventListener(ev, later, true); });\r\n\r\n btn.addEventListener('click', function () {\r\n window.dataLayer = window.dataLayer || [];\r\n window.dataLayer.push({ event: 'tool_entry_click', tool_name: TOOL });\r\n });\r\n\r\n place();\r\n update();\r\n window.setTimeout(function () { place(); update(); }, 300);\r\n window.setTimeout(function () { place(); update(); }, 1200);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Magnet Weight Calculator | King-Nd Magnet Magnet Weight Calculator Estimate the weight of sintered NdFeB, ferrite, bonded ferrite, bonded NdFeB, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1553,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2069","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kingndmagnet.com\/de\/wp-json\/wp\/v2\/pages\/2069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kingndmagnet.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kingndmagnet.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kingndmagnet.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kingndmagnet.com\/de\/wp-json\/wp\/v2\/comments?post=2069"}],"version-history":[{"count":16,"href":"https:\/\/kingndmagnet.com\/de\/wp-json\/wp\/v2\/pages\/2069\/revisions"}],"predecessor-version":[{"id":3195,"href":"https:\/\/kingndmagnet.com\/de\/wp-json\/wp\/v2\/pages\/2069\/revisions\/3195"}],"up":[{"embeddable":true,"href":"https:\/\/kingndmagnet.com\/de\/wp-json\/wp\/v2\/pages\/1553"}],"wp:attachment":[{"href":"https:\/\/kingndmagnet.com\/de\/wp-json\/wp\/v2\/media?parent=2069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMagnet Weight Calculator | King-Nd Magnet<\/title>\r\n<style>\r\n :root {\r\n --primary-blue: #002ea7; --primary-hover: #001f7a; --bg-light: #e6e8f5;\r\n --card-bg: #ffffff; --text-dark: #172b4d; --text-muted: #5e6c84;\r\n --border-color: #dfe1e6; --accent-red: #e61373;\r\n }\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n body { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif; background-color: var(--bg-light); color: var(--text-dark); line-height: 1.6; padding: 30px 15px; }\r\n .calc-container { max-width: 960px; margin: 0 auto; }\r\n .page-header { text-align: center; margin-bottom: 30px; }\r\n .page-header h1 { font-size: 30px; font-weight: 700; color: var(--text-dark); margin-bottom: 10px; }\r\n .page-header p { font-size: 15px; color: var(--text-muted); max-width: 660px; margin: 0 auto; }\r\n .calc-card, .method-card { background: var(--card-bg); border-radius: 12px; box-shadow: 0 4px 16px rgba(9, 30, 66, 0.08); padding: 30px; margin-bottom: 30px; }\r\n .shape-tabs { display: flex; gap: 10px; border-bottom: 2px solid var(--border-color); margin-bottom: 25px; overflow-x: auto; }\r\n .tab-btn { padding: 10px 20px; font-size: 15px; font-weight: 600; background: none; border: none; border-bottom: 3px solid transparent; color: var(--text-muted) !important; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; }\r\n .tab-btn.active { color: var(--primary-blue) !important; border-bottom-color: var(--primary-blue); }\r\n .tab-btn:hover:not(.active) { color: var(--text-dark) !important; }\r\n .section-title { font-size: 17px; font-weight: 700; color: var(--text-dark); margin-bottom: 6px; }\r\n .section-intro { font-size: 13px; color: var(--text-muted); margin-bottom: 18px; max-width: 660px; }\r\n .calc-grid { display: grid; grid-template-columns: 240px 1fr; gap: 30px; align-items: start; }\r\n @media (max-width: 768px) { .calc-grid { grid-template-columns: 1fr; } }\r\n .diagram-box { background: #fafbfc; border: 1px solid var(--border-color); border-radius: 8px; padding: 20px; text-align: center; min-height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center; }\r\n .diagram-box svg { width: 100%; height: 160px; }\r\n .diagram-caption { font-size: 13px; color: var(--text-muted); margin-top: 10px; font-weight: 500; }\r\n .form-group { margin-bottom: 18px; }\r\n .form-group label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 6px; }\r\n .form-control { width: 100%; padding: 10px 12px; font-size: 14px; border: 1px solid var(--border-color); border-radius: 6px; outline: none; transition: border-color 0.2s; }\r\n .form-control:focus { border-color: var(--primary-blue); }\r\n .inputs-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 15px; }\r\n .input-with-unit { position: relative; display: flex; align-items: center; }\r\n .input-with-unit input { padding-right: 40px; }\r\n .input-with-unit .unit { position: absolute; right: 12px; font-size: 13px; color: var(--text-muted); pointer-events: none; }\r\n .btn-group { display: flex; gap: 12px; margin-top: 24px; margin-bottom: 24px; }\r\n .btn-calc { background-color: var(--primary-blue); color: #ffffff !important; border: none; padding: 10px 24px; font-size: 15px; font-weight: 600; border-radius: 6px; cursor: pointer; transition: background 0.2s; }\r\n .btn-calc:hover { background-color: var(--primary-hover); }\r\n .btn-clear { background-color: #ebecf0; color: var(--text-dark) !important; border: none; padding: 10px 20px; font-size: 15px; font-weight: 600; border-radius: 6px; cursor: pointer; }\r\n .btn-clear:hover { background-color: #dfe1e6; }\r\n .results-panel { background: var(--primary-blue); color: #ffffff; border-radius: 8px; padding: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 20px; }\r\n .result-item { display: flex; flex-direction: column; }\r\n .result-item .label { font-size: 13px; color: #ffffff !important; opacity: 0.9; margin-bottom: 4px; }\r\n .result-item .value { font-size: 22px; font-weight: 700; color: #ffffff !important; }\r\n .method-list { list-style: none; display: flex; flex-direction: column; gap: 10px; margin: 14px 0; }\r\n .method-list li { font-size: 13px; color: var(--text-dark); padding-left: 18px; position: relative; }\r\n .method-list li::before { content: \"\u2014\"; position: absolute; left: 0; color: var(--primary-blue); }\r\n .std-table { width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 14px; }\r\n .std-table th, .std-table td { padding: 8px 10px; text-align: left; border-bottom: 1px solid var(--border-color); }\r\n .std-table th { color: var(--text-muted); font-weight: 600; font-size: 12px; }\r\n .disclaimer-card { margin-top: 25px; padding-top: 20px; border-top: 1px solid var(--border-color); }\r\n .disclaimer-card h4 { color: var(--accent-red); font-size: 15px; font-weight: 700; margin-bottom: 6px; }\r\n .disclaimer-card p { font-size: 13px; color: #42526e; }\r\n .cta-box { background: linear-gradient(135deg, #002ea7 0%, #001f7a 100%); color: #ffffff; border-radius: 12px; padding: 28px 32px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; }\r\n .cta-content h3 { font-size: 20px; margin-bottom: 6px; color: #ffffff !important; }\r\n .cta-content p { font-size: 14px; color: #ffffff !important; opacity: 0.9; }\r\n .btn-cta { background-color: #ffffff; color: var(--primary-blue) !important; padding: 12px 28px; font-size: 15px; font-weight: 700; border-radius: 6px; text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s; }\r\n .btn-cta:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"calc-container\">\r\n\r\n <div class=\"page-header\">\r\n <h1>Magnet Weight Calculator<\/h1>\r\n <p>Estimate the weight of sintered NdFeB, ferrite, bonded ferrite, bonded NdFeB, and SmCo magnets by shape and nominal material density \u2014 for quoting, packing and shipping calculations.<\/p>\r\n <\/div>\r\n\r\n <div class=\"calc-card\">\r\n\r\n <div class=\"shape-tabs\">\r\n <button class=\"tab-btn active\" onclick=\"switchShape('block', this)\">Block \/ Rectangle<\/button>\r\n <button class=\"tab-btn\" onclick=\"switchShape('cylinder', this)\">Cylinder<\/button>\r\n <button class=\"tab-btn\" onclick=\"switchShape('ring', this)\">Ring<\/button>\r\n <button class=\"tab-btn\" onclick=\"switchShape('sphere', this)\">Sphere<\/button>\r\n <\/div>\r\n\r\n <p class=\"section-title\">Shape & Material Inputs<\/p>\r\n <p class=\"section-intro\">Select a shape, enter its dimensions, and choose the material class to estimate weight and volume.<\/p>\r\n\r\n <div class=\"calc-grid\">\r\n <div class=\"diagram-box\">\r\n <div id=\"svgWrapper\" style=\"width:100%;\"><\/div>\r\n <div class=\"diagram-caption\" id=\"diagramText\">Length (L) x Width (W) x Thickness (T)<\/div>\r\n <\/div>\r\n\r\n <div class=\"calc-form\">\r\n <div class=\"inputs-row\">\r\n <div class=\"form-group\">\r\n <label>Unit:<\/label>\r\n <select class=\"form-control\" id=\"unitSelect\" onchange=\"calculate()\">\r\n <option value=\"mm\">Metric (mm)<\/option>\r\n <option value=\"inch\">Imperial (inch)<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Material:<\/label>\r\n <select class=\"form-control\" id=\"materialSelect\" onchange=\"calculate()\">\r\n <option value=\"ndfeb\">Sintered NdFeB (7.6 g\/cm3)<\/option>\r\n <option value=\"ferrite\">Sintered Ferrite (4.9 g\/cm3)<\/option>\r\n <option value=\"bonded_ferrite\">Bonded Ferrite (3.8 g\/cm3)<\/option>\r\n <option value=\"bonded_ndfeb\">Bonded NdFeB (6.1 g\/cm3)<\/option>\r\n <option value=\"smco\">Samarium Cobalt - SmCo (8.3 g\/cm3)<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"inputs-row\" id=\"dynamicInputs\"><\/div>\r\n <div class=\"btn-group\">\r\n <button class=\"btn-calc\" onclick=\"calculate()\">Calculate<\/button>\r\n <button class=\"btn-clear\" onclick=\"resetForm()\">Reset<\/button>\r\n <\/div>\r\n <div class=\"results-panel\">\r\n <div class=\"result-item\"><span class=\"label\">Weight:<\/span><span class=\"value\" id=\"resWeight\">0.00 g<\/span><\/div>\r\n <div class=\"result-item\"><span class=\"label\">Volume:<\/span><span class=\"value\" id=\"resVolume\">0.00 cm3<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"method-card\">\r\n <p class=\"section-title\">How This Is Calculated<\/p>\r\n <p class=\"section-intro\">Weight is computed from exact geometric volume formulas, multiplied by a nominal density figure for each material class.<\/p>\r\n <ul class=\"method-list\">\r\n <li>Block: V = L \u00d7 W \u00d7 T. Cylinder: V = \u03c0 \u00d7 (D\/2)\u00b2 \u00d7 H. Ring: V = \u03c0 \u00d7 [(OD\/2)\u00b2 \u2212 (ID\/2)\u00b2] \u00d7 H. Sphere: V = (4\/3) \u00d7 \u03c0 \u00d7 (D\/2)\u00b3.<\/li>\r\n <li>Density figures are nominal mid-range values per material class, consistent with the density ranges given in <strong>GB\/T 13560\u20142017 \"Sintered NdFeB Permanent Magnet Materials\"<\/strong> for sintered NdFeB, and with standard reference densities for ferrite, bonded and SmCo materials used across the industry.<\/li>\r\n <li>Actual density varies by grade within each material class (e.g. higher-Hcj sintered NdFeB grades run slightly denser due to heavy rare-earth content), and by manufacturing process (sintering pressure, powder blend, resin ratio for bonded magnets).<\/li>\r\n <\/ul>\r\n <table class=\"std-table\">\r\n <thead><tr><th>Material class<\/th><th>Typical density range<\/th><th>Value used here<\/th><\/tr><\/thead>\r\n <tbody>\r\n <tr><td>Sintered NdFeB<\/td><td>7.4 \u2013 7.6 g\/cm\u00b3<\/td><td>7.6 g\/cm\u00b3<\/td><\/tr>\r\n <tr><td>Sintered Ferrite<\/td><td>4.6 \u2013 5.0 g\/cm\u00b3<\/td><td>4.9 g\/cm\u00b3<\/td><\/tr>\r\n <tr><td>Bonded Ferrite<\/td><td>3.5 \u2013 3.9 g\/cm\u00b3<\/td><td>3.8 g\/cm\u00b3<\/td><\/tr>\r\n <tr><td>Bonded NdFeB<\/td><td>5.8 \u2013 6.3 g\/cm\u00b3<\/td><td>6.1 g\/cm\u00b3<\/td><\/tr>\r\n <tr><td>Samarium Cobalt (SmCo)<\/td><td>8.2 \u2013 8.4 g\/cm\u00b3<\/td><td>8.3 g\/cm\u00b3<\/td><\/tr>\r\n <\/tbody>\r\n <\/table>\r\n\r\n <div class=\"disclaimer-card\">\r\n <h4>Accuracy Disclaimer<\/h4>\r\n <p>Results are estimates based on nominal density and ideal geometry, and are provided for reference only. Actual weight may vary due to manufacturing tolerances, chamfers\/rounded edges not modeled here, and grade-specific density. For a precise quote, please contact our engineers with the exact drawing.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cta-box\">\r\n <div class=\"cta-content\">\r\n <h3>Found your target magnet specifications?<\/h3>\r\n <p>Submit your custom dimensions and order quantity, and one of our engineers will follow up with technical guidance and a detailed quote.<\/p>\r\n <\/div>\r\n <a href=\"\/contact-us\" class=\"btn-cta\">Consult Our Engineer →<\/a>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n const densities = { ndfeb: 7.6, ferrite: 4.9, bonded_ferrite: 3.8, bonded_ndfeb: 6.1, smco: 8.3 };\r\n let currentShape = 'block';\r\n\r\n const fullSvgTemplates = {\r\n block: `<svg viewBox=\"0 0 200 160\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect x=\"40\" y=\"55\" width=\"110\" height=\"55\" fill=\"#e2e8f0\" stroke=\"#334155\" stroke-width=\"2\"\/>\r\n <polygon points=\"40,55 70,25 180,25 150,55\" fill=\"#cbd5e1\" stroke=\"#334155\" stroke-width=\"2\"\/>\r\n <polygon points=\"150,55 180,25 180,80 150,110\" fill=\"#94a3b8\" stroke=\"#334155\" stroke-width=\"2\"\/><\/svg>`,\r\n cylinder: `<svg viewBox=\"0 0 200 160\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M 50 45 L 50 105 A 50 18 0 0 0 150 105 L 150 45 Z\" fill=\"#e2e8f0\" stroke=\"#334155\" stroke-width=\"2\"\/>\r\n <ellipse cx=\"100\" cy=\"45\" rx=\"50\" ry=\"18\" fill=\"#cbd5e1\" stroke=\"#334155\" stroke-width=\"2\"\/><\/svg>`,\r\n ring: `<svg viewBox=\"0 0 200 160\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M 40 45 L 40 105 A 60 20 0 0 0 160 105 L 160 45 Z\" fill=\"#e2e8f0\" stroke=\"#334155\" stroke-width=\"2\"\/>\r\n <ellipse cx=\"100\" cy=\"45\" rx=\"60\" ry=\"20\" fill=\"#cbd5e1\" stroke=\"#334155\" stroke-width=\"2\"\/>\r\n <ellipse cx=\"100\" cy=\"45\" rx=\"25\" ry=\"8\" fill=\"#fafbfc\" stroke=\"#334155\" stroke-width=\"2\"\/>\r\n <path d=\"M 75 45 A 25 8 0 0 0 125 45\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\"\/><\/svg>`,\r\n sphere: `<svg viewBox=\"0 0 200 160\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <defs><radialGradient id=\"sphereGrad\" cx=\"35%\" cy=\"35%\" r=\"65%\">\r\n <stop offset=\"0%\" stop-color=\"#ffffff\"\/><stop offset=\"50%\" stop-color=\"#cbd5e1\"\/><stop offset=\"100%\" stop-color=\"#64748b\"\/>\r\n <\/radialGradient><\/defs>\r\n <circle cx=\"100\" cy=\"80\" r=\"50\" fill=\"url(#sphereGrad)\" stroke=\"#334155\" stroke-width=\"2\"\/>\r\n <ellipse cx=\"100\" cy=\"80\" rx=\"50\" ry=\"16\" fill=\"none\" stroke=\"#64748b\" stroke-width=\"1.5\" stroke-dasharray=\"3,3\"\/><\/svg>`\r\n };\r\n\r\n function switchShape(shape, btn) {\r\n currentShape = shape;\r\n document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\r\n if (btn) btn.classList.add('active');\r\n document.getElementById('svgWrapper').innerHTML = fullSvgTemplates[shape] || '';\r\n const captions = { block: 'Length (L) x Width (W) x Thickness (T)', cylinder: 'Diameter (D), Height (H)', ring: 'Outer diameter (D), inner diameter (d), height (H)', sphere: 'Diameter (D)' };\r\n document.getElementById('diagramText').innerText = captions[shape] || '';\r\n const inputContainer = document.getElementById('dynamicInputs');\r\n if (shape === 'block') {\r\n inputContainer.innerHTML = `\r\n <div class=\"form-group\"><label>Width W:<\/label><div class=\"input-with-unit\"><input type=\"number\" id=\"valW\" class=\"form-control\" value=\"10\" oninput=\"calculate()\"><span class=\"unit\">mm<\/span><\/div><\/div>\r\n <div class=\"form-group\"><label>Length L:<\/label><div class=\"input-with-unit\"><input type=\"number\" id=\"valL\" class=\"form-control\" value=\"20\" oninput=\"calculate()\"><span class=\"unit\">mm<\/span><\/div><\/div>\r\n <div class=\"form-group\"><label>Thickness T:<\/label><div class=\"input-with-unit\"><input type=\"number\" id=\"valT\" class=\"form-control\" value=\"5\" oninput=\"calculate()\"><span class=\"unit\">mm<\/span><\/div><\/div>`;\r\n } else if (shape === 'cylinder') {\r\n inputContainer.innerHTML = `\r\n <div class=\"form-group\"><label>Diameter D:<\/label><div class=\"input-with-unit\"><input type=\"number\" id=\"valD\" class=\"form-control\" value=\"15\" oninput=\"calculate()\"><span class=\"unit\">mm<\/span><\/div><\/div>\r\n <div class=\"form-group\"><label>Height H:<\/label><div class=\"input-with-unit\"><input type=\"number\" id=\"valH\" class=\"form-control\" value=\"5\" oninput=\"calculate()\"><span class=\"unit\">mm<\/span><\/div><\/div>`;\r\n } else if (shape === 'ring') {\r\n inputContainer.innerHTML = `\r\n <div class=\"form-group\"><label>Outer Diameter D:<\/label><div class=\"input-with-unit\"><input type=\"number\" id=\"valOD\" class=\"form-control\" value=\"19\" oninput=\"calculate()\"><span class=\"unit\">mm<\/span><\/div><\/div>\r\n <div class=\"form-group\"><label>Inner Diameter d:<\/label><div class=\"input-with-unit\"><input type=\"number\" id=\"valID\" class=\"form-control\" value=\"14\" oninput=\"calculate()\"><span class=\"unit\">mm<\/span><\/div><\/div>\r\n <div class=\"form-group\"><label>Height H:<\/label><div class=\"input-with-unit\"><input type=\"number\" id=\"valRH\" class=\"form-control\" value=\"1\" oninput=\"calculate()\"><span class=\"unit\">mm<\/span><\/div><\/div>`;\r\n } else if (shape === 'sphere') {\r\n inputContainer.innerHTML = `<div class=\"form-group\"><label>Diameter D:<\/label><div class=\"input-with-unit\"><input type=\"number\" id=\"valD\" class=\"form-control\" value=\"10\" oninput=\"calculate()\"><span class=\"unit\">mm<\/span><\/div><\/div>`;\r\n }\r\n calculate();\r\n }\r\n\r\n function calculate() {\r\n const mat = document.getElementById('materialSelect').value;\r\n const unit = document.getElementById('unitSelect').value;\r\n const density = densities[mat];\r\n const unitToCm = (unit === 'inch') ? 2.54 : 0.1;\r\n let volumeCm3 = 0;\r\n if (currentShape === 'block') {\r\n const W = parseFloat(document.getElementById('valW')?.value || 0) * unitToCm;\r\n const L = parseFloat(document.getElementById('valL')?.value || 0) * unitToCm;\r\n const T = parseFloat(document.getElementById('valT')?.value || 0) * unitToCm;\r\n if (W > 0 && L > 0 && T > 0) volumeCm3 = W * L * T;\r\n } else if (currentShape === 'cylinder') {\r\n const D = parseFloat(document.getElementById('valD')?.value || 0) * unitToCm;\r\n const H = parseFloat(document.getElementById('valH')?.value || 0) * unitToCm;\r\n if (D > 0 && H > 0) volumeCm3 = Math.PI * Math.pow(D \/ 2, 2) * H;\r\n } else if (currentShape === 'ring') {\r\n const OD = parseFloat(document.getElementById('valOD')?.value || 0) * unitToCm;\r\n const ID = parseFloat(document.getElementById('valID')?.value || 0) * unitToCm;\r\n const H = parseFloat(document.getElementById('valRH')?.value || 0) * unitToCm;\r\n if (OD > ID && H > 0) volumeCm3 = Math.PI * (Math.pow(OD \/ 2, 2) - Math.pow(ID \/ 2, 2)) * H;\r\n } else if (currentShape === 'sphere') {\r\n const D = parseFloat(document.getElementById('valD')?.value || 0) * unitToCm;\r\n if (D > 0) volumeCm3 = (4 \/ 3) * Math.PI * Math.pow(D \/ 2, 3);\r\n }\r\n const weightGrams = volumeCm3 * density;\r\n document.getElementById('resWeight').innerText = weightGrams > 0 ? weightGrams.toFixed(2) + ' g' : '0.00 g';\r\n document.getElementById('resVolume').innerText = volumeCm3 > 0 ? volumeCm3.toFixed(2) + ' cm3' : '0.00 cm3';\r\n }\r\n\r\n function resetForm() { switchShape(currentShape, document.querySelector('.tab-btn.active')); }\r\n window.onload = function () { switchShape('block', document.querySelector('.tab-btn')); };\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\r\n<style>\r\n.kndtc { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 18px 0 0; padding: 18px 22px; border-radius: 10px; background: linear-gradient(135deg, #e61373 0%, #b30e58 100%); box-sizing: border-box; }\r\n.kndtc *, .kndtc *::before, .kndtc *::after { box-sizing: border-box; }\r\n.kndtc-text { flex: 1 1 260px; min-width: 0; }\r\n.kndtc-kicker { display: block; margin: 0 0 6px; font-size: 21px; font-weight: 800; line-height: 1.25; color: #ffffff !important; }\r\n.kndtc-spec { display: block; margin: 0 0 8px; font-size: 14px; font-weight: 600; line-height: 1.35; color: #ffffff !important; opacity: 0.95; }\r\n.kndtc-spec:empty { display: none; }\r\n.kndtc-sub { display: block; font-size: 14px; line-height: 1.5; color: #ffffff !important; }\r\n.kndtc-pill { display: inline-block; margin-right: 8px; padding: 2px 10px; background: #ffffff; border-radius: 999px; color: #b30e58 !important; font-size: 12px; font-weight: 800; vertical-align: 1px; }\r\n.kndtc-btn { flex: none; display: inline-block; padding: 13px 26px; background: #ffffff !important; border-radius: 8px; color: #b30e58 !important; font-size: 15px; font-weight: 700; text-align: center; text-decoration: none !important; animation: kndtcPulse 2.2s ease-out infinite; transition: transform 0.2s; }\r\n.kndtc-btn:hover { transform: translateY(-2px); animation: none; }\r\n@keyframes kndtcPulse {\r\n 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.65); }\r\n 70% { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }\r\n}\r\n@media (prefers-reduced-motion: reduce) { .kndtc-btn { animation: none; } }\r\n@media (max-width: 600px) { .kndtc-btn { width: 100%; } }\r\n<\/style>\r\n<div class=\"kndtc\" id=\"kndtc\" style=\"margin: 18px 0 0;\">\r\n <div class=\"kndtc-text\">\r\n <span class=\"kndtc-kicker\">Want a free sample?<\/span>\r\n <span class=\"kndtc-spec\" id=\"kndtcSpec\"><\/span>\r\n <span class=\"kndtc-sub\"><b class=\"kndtc-pill\">Under 1 minute<\/b>Your shape, size and material are filled in. Just pick a coating and add your email.<\/span>\r\n <\/div>\r\n <a class=\"kndtc-btn\" id=\"kndtcBtn\" href=\"\/custom-ndfeb-magnets\/\">Get My Free Sample →<\/a>\r\n<\/div>\r\n<script>\r\n(function () {\r\n var card = document.getElementById('kndtc');\r\n var btn = document.getElementById('kndtcBtn');\r\n var specEl = document.getElementById('kndtcSpec');\r\n if (!card || !btn || !specEl) { return; }\r\n\r\n var TOOL = 'Weight Calculator';\r\n var $ = function (id) { return document.getElementById(id); };\r\n var qs1 = function (sel) { return document.querySelector(sel); };\r\n var val = function (id) { var e = $(id); return e ? parseFloat(e.value) : NaN; };\r\n\r\n \/* What this tool hands over to the custom form *\/\r\n function collect() {\r\n var tab = qs1('.shape-tabs .tab-btn.active');\r\n var label = tab ? tab.textContent.trim().toLowerCase() : 'block';\r\n var inch = $('unitSelect').value === 'inch';\r\n var f = inch ? 25.4 : 1, unit = inch ? 'inch' : 'mm';\r\n var mats = { ndfeb: 'Sintered NdFeB', ferrite: 'Sintered Ferrite', bonded_ferrite: 'Bonded Ferrite', bonded_ndfeb: 'Bonded NdFeB', smco: 'Samarium Cobalt (SmCo)' };\r\n var mat = mats[$('materialSelect').value] || '';\r\n var q = { grade: 'unsure', material: mat }, desc = '';\r\n function mm(id) { return val(id) * f; }\r\n if (label.indexOf('block') === 0) {\r\n q.shape = 'block';\r\n q.dim_length = mm('valL'); q.dim_width = mm('valW'); q.dim_thickness = mm('valT');\r\n desc = 'Block ' + val('valL') + ' \\u00d7 ' + val('valW') + ' \\u00d7 ' + val('valT') + ' ' + unit;\r\n } else if (label.indexOf('cylinder') === 0) {\r\n q.shape = 'cylinder';\r\n q.dim_diameter = mm('valD'); q.dim_height = mm('valH');\r\n desc = 'Cylinder \\u00d8' + val('valD') + ' \\u00d7 ' + val('valH') + ' ' + unit;\r\n } else if (label.indexOf('ring') === 0) {\r\n q.shape = 'ring';\r\n q.dim_od = mm('valOD'); q.dim_id = mm('valID'); q.dim_height = mm('valRH');\r\n desc = 'Ring OD ' + val('valOD') + ' \/ ID ' + val('valID') + ' \\u00d7 ' + val('valRH') + ' ' + unit;\r\n } else {\r\n q.shape = 'sphere';\r\n q.dim_diameter = mm('valD');\r\n desc = 'Sphere \\u00d8' + val('valD') + ' ' + unit;\r\n }\r\n return { spec: (mat ? mat + ' \/ ' : '') + desc, q: q };\r\n }\r\n\r\n \/* The card is moved to sit right under the results *\/\r\n function anchor() {\r\n return qs1('.calc-form .results-panel');\r\n }\r\n\r\n function place() {\r\n var t = anchor();\r\n if (t && t.parentNode && t.nextElementSibling !== card) { t.parentNode.insertBefore(card, t.nextSibling); }\r\n }\r\n\r\n function toQuery(q) {\r\n return Object.keys(q).filter(function (k) {\r\n var v = q[k];\r\n return typeof v === 'string' ? v !== '' : (typeof v === 'number' && isFinite(v) && v > 0);\r\n }).map(function (k) {\r\n var v = q[k];\r\n return k + '=' + encodeURIComponent(typeof v === 'number' ? String(parseFloat(v.toFixed(3))) : v);\r\n }).join('&');\r\n }\r\n\r\n function setHref(a, qs) {\r\n var base = (a.getAttribute('href') || '').split('?')[0];\r\n a.setAttribute('href', base + '?' + qs);\r\n }\r\n\r\n function update() {\r\n var d = null;\r\n try { d = collect(); } catch (e) { d = null; }\r\n d = d || { spec: '', q: {} };\r\n specEl.textContent = d.spec || '';\r\n var q = { from: 'tool', tool: TOOL };\r\n Object.keys(d.q).forEach(function (k) { q[k] = d.q[k]; });\r\n var qs = toQuery(q);\r\n setHref(btn, qs);\r\n\r\n }\r\n\r\n function later() { window.setTimeout(function () { place(); update(); }, 0); }\r\n ['input', 'change', 'click', 'keyup'].forEach(function (ev) { document.addEventListener(ev, later, true); });\r\n\r\n btn.addEventListener('click', function () {\r\n window.dataLayer = window.dataLayer || [];\r\n window.dataLayer.push({ event: 'tool_entry_click', tool_name: TOOL });\r\n });\r\n\r\n place();\r\n update();\r\n window.setTimeout(function () { place(); update(); }, 300);\r\n window.setTimeout(function () { place(); update(); }, 1200);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Magnet Weight Calculator | King-Nd Magnet Magnet Weight Calculator Estimate the weight of sintered NdFeB, ferrite, bonded ferrite, bonded NdFeB, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1553,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2069","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kingndmagnet.com\/de\/wp-json\/wp\/v2\/pages\/2069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kingndmagnet.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kingndmagnet.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kingndmagnet.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kingndmagnet.com\/de\/wp-json\/wp\/v2\/comments?post=2069"}],"version-history":[{"count":16,"href":"https:\/\/kingndmagnet.com\/de\/wp-json\/wp\/v2\/pages\/2069\/revisions"}],"predecessor-version":[{"id":3195,"href":"https:\/\/kingndmagnet.com\/de\/wp-json\/wp\/v2\/pages\/2069\/revisions\/3195"}],"up":[{"embeddable":true,"href":"https:\/\/kingndmagnet.com\/de\/wp-json\/wp\/v2\/pages\/1553"}],"wp:attachment":[{"href":"https:\/\/kingndmagnet.com\/de\/wp-json\/wp\/v2\/media?parent=2069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}