{"id":20916,"date":"2025-12-20T23:28:00","date_gmt":"2025-12-20T23:28:00","guid":{"rendered":"https:\/\/vibromera.eu\/?p=20916"},"modified":"2025-12-21T17:45:09","modified_gmt":"2025-12-21T17:45:09","slug":"online-vector-calculator-for-rotor-balancing","status":"publish","type":"post","link":"https:\/\/vibromera.eu\/kk\/uncategorized\/online-vector-calculator-for-rotor-balancing\/","title":{"rendered":"\u0420\u043e\u0442\u043e\u0440 \u0431\u0430\u043b\u0430\u043d\u0441\u0438\u0440\u043e\u0432\u043a\u0430\u0441\u044b\u043d\u0430 \u0430\u0440\u043d\u0430\u043b\u0493\u0430\u043d \u043e\u043d\u043b\u0430\u0439\u043d \u0432\u0435\u043a\u0442\u043e\u0440\u043b\u044b\u049b \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440"},"content":{"rendered":"<div id=\"pl-20916\"  class=\"panel-layout\" ><div id=\"pg-20916-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-20916-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-20916-0-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"0\" ><h3 class=\"widget-title\">\u0412\u0435\u043a\u0442\u043e\u0440\u043b\u044b\u049b \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440<\/h3><div class=\"textwidget custom-html-widget\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n  <style>\n    .vc-container {\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 16px;\n      background: #f8fafc;\n      box-sizing: border-box;\n    }\n    .vc-container * {\n      box-sizing: border-box;\n    }\n    .vc-title {\n      text-align: center;\n      font-size: 24px;\n      font-weight: 700;\n      color: #1e3a8a;\n      margin: 0 0 24px 0;\n    }\n    .vc-inputs {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n      margin-bottom: 20px;\n    }\n    @media (max-width: 500px) {\n      .vc-inputs { grid-template-columns: 1fr; }\n    }\n    .vc-vector-box {\n      padding: 16px;\n      border-radius: 8px;\n      border: 1px solid #bfdbfe;\n      background: #fff;\n    }\n    .vc-vector-label {\n      font-weight: 500;\n      color: #1e3a8a;\n      margin-bottom: 12px;\n    }\n    .vc-fields {\n      display: flex;\n      gap: 16px;\n    }\n    .vc-field {\n      flex: 1;\n    }\n    .vc-field-label {\n      font-size: 12px;\n      color: #2563eb;\n      font-weight: 500;\n      display: block;\n      margin-bottom: 4px;\n    }\n    .vc-field input {\n      width: 100%;\n      padding: 12px;\n      border: 1px solid #bfdbfe;\n      border-radius: 4px;\n      text-align: center;\n      font-family: monospace;\n      font-size: 18px;\n    }\n    .vc-field input:focus {\n      outline: none;\n      border-color: #3b82f6;\n      box-shadow: 0 0 0 2px rgba(59,130,246,0.3);\n    }\n    .vc-diagram {\n      display: flex;\n      justify-content: center;\n      margin-top: 12px;\n    }\n    .vc-diagram svg {\n      background: #eff6ff;\n      border-radius: 4px;\n    }\n    .vc-operations {\n      background: #fff;\n      border-radius: 8px;\n      border: 1px solid #bfdbfe;\n      padding: 16px;\n      margin-bottom: 20px;\n    }\n    .vc-operations-label {\n      font-size: 14px;\n      font-weight: 500;\n      color: #1e3a8a;\n      margin-bottom: 12px;\n    }\n    .vc-ops-grid {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap: 8px;\n    }\n    @media (max-width: 500px) {\n      .vc-ops-grid { grid-template-columns: repeat(3, 1fr); }\n    }\n    .vc-op-btn {\n      padding: 12px 8px;\n      border-radius: 4px;\n      border: 1px solid #bfdbfe;\n      background: #eff6ff;\n      color: #1d4ed8;\n      cursor: pointer;\n      text-align: center;\n      transition: all 0.2s;\n    }\n    .vc-op-btn:hover {\n      background: #dbeafe;\n    }\n    .vc-op-btn.active {\n      background: #2563eb;\n      color: #fff;\n      border-color: #2563eb;\n    }\n    .vc-op-icon {\n      font-size: 16px;\n      font-weight: 700;\n    }\n    .vc-op-name {\n      font-size: 11px;\n      margin-top: 4px;\n    }\n    .vc-scalar-row {\n      display: none;\n      margin-top: 16px;\n      justify-content: center;\n      align-items: center;\n      gap: 12px;\n    }\n    .vc-scalar-row.visible {\n      display: flex;\n    }\n    .vc-scalar-row label {\n      font-size: 14px;\n      color: #1d4ed8;\n    }\n    .vc-scalar-row input {\n      width: 80px;\n      padding: 8px;\n      border: 1px solid #bfdbfe;\n      border-radius: 4px;\n      text-align: center;\n      font-family: monospace;\n    }\n    .vc-calc-btn {\n      width: 100%;\n      padding: 14px;\n      background: #2563eb;\n      color: #fff;\n      font-size: 16px;\n      font-weight: 600;\n      border: none;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n    .vc-calc-btn:hover {\n      background: #1d4ed8;\n    }\n    .vc-result {\n      display: none;\n      margin-top: 20px;\n      padding: 20px;\n      background: #fff;\n      border-radius: 8px;\n      border: 2px solid #93c5fd;\n    }\n    .vc-result.visible {\n      display: block;\n    }\n    .vc-result-label {\n      font-size: 14px;\n      color: #2563eb;\n      font-weight: 500;\n      margin-bottom: 8px;\n    }\n    .vc-result-values {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      gap: 32px;\n    }\n    .vc-result-item {\n      text-align: center;\n    }\n    .vc-result-num {\n      font-size: 28px;\n      font-family: monospace;\n      font-weight: 700;\n      color: #1e3a8a;\n    }\n    .vc-result-unit {\n      font-size: 12px;\n      color: #3b82f6;\n      margin-top: 4px;\n    }\n    .vc-result-sep {\n      font-size: 24px;\n      color: #93c5fd;\n    }\n    .vc-result-cartesian {\n      text-align: center;\n      font-size: 14px;\n      color: #3b82f6;\n      margin-top: 12px;\n      padding-top: 12px;\n      border-top: 1px solid #eff6ff;\n    }\n    .vc-result-note {\n      text-align: center;\n      font-size: 14px;\n      color: #1d4ed8;\n      background: #eff6ff;\n      padding: 8px;\n      border-radius: 4px;\n      border: 1px solid #bfdbfe;\n      margin-top: 12px;\n    }\n    .vc-result-diagram {\n      display: flex;\n      justify-content: center;\n      margin-top: 12px;\n    }\n    .vc-help-toggle {\n      width: 100%;\n      margin-top: 24px;\n      padding: 12px;\n      background: #fff;\n      border: 1px solid #bfdbfe;\n      border-radius: 8px;\n      color: #1d4ed8;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      transition: background 0.2s;\n    }\n    .vc-help-toggle:hover {\n      background: #eff6ff;\n    }\n    .vc-help-icon {\n      color: #93c5fd;\n    }\n    .vc-help-content {\n      display: none;\n      margin-top: 8px;\n      padding: 16px;\n      background: #fff;\n      border: 1px solid #bfdbfe;\n      border-radius: 8px;\n      font-size: 14px;\n      color: #1e3a8a;\n    }\n    .vc-help-content.visible {\n      display: block;\n    }\n    .vc-help-section {\n      margin-bottom: 20px;\n    }\n    .vc-help-section:last-child {\n      margin-bottom: 0;\n    }\n    .vc-help-heading {\n      font-weight: 600;\n      margin-bottom: 8px;\n    }\n    .vc-help-text {\n      color: #1d4ed8;\n      line-height: 1.5;\n    }\n    .vc-help-list {\n      color: #1d4ed8;\n      line-height: 1.6;\n      padding-left: 0;\n      list-style: none;\n    }\n    .vc-help-list li {\n      margin-bottom: 8px;\n    }\n    .vc-help-example {\n      background: #eff6ff;\n      padding: 12px;\n      border-radius: 4px;\n      border: 1px solid #bfdbfe;\n      color: #1e40af;\n      line-height: 1.6;\n    }\n    .vc-help-formulas {\n      font-family: monospace;\n      font-size: 12px;\n      color: #1d4ed8;\n      padding-top: 12px;\n      border-top: 1px solid #eff6ff;\n    }\n  <\/style>\n<\/head>\n<body>\n\n<div class=\"vc-container\">\n  <h1 class=\"vc-title\">\u0412\u0435\u043a\u0442\u043e\u0440\u043b\u044b\u049b \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440<\/h1>\n\n  <div class=\"vc-inputs\">\n    <div class=\"vc-vector-box\">\n      <div class=\"vc-vector-label\">Vector A<\/div>\n      <div class=\"vc-fields\">\n        <div class=\"vc-field\">\n          <label class=\"vc-field-label\">Mass, g<\/label>\n          <input type=\"number\" id=\"vc-mass1\" value=\"10\" step=\"0.1\" min=\"0\">\n        <\/div>\n        <div class=\"vc-field\">\n          <label class=\"vc-field-label\">Angle, deg<\/label>\n          <input type=\"number\" id=\"vc-angle1\" value=\"45\" step=\"1\">\n        <\/div>\n      <\/div>\n      <div class=\"vc-diagram\">\n        <svg id=\"vc-svg1\" width=\"80\" height=\"80\"><\/svg>\n      <\/div>\n    <\/div>\n\n    <div class=\"vc-vector-box\">\n      <div class=\"vc-vector-label\">Vector B<\/div>\n      <div class=\"vc-fields\">\n        <div class=\"vc-field\">\n          <label class=\"vc-field-label\">Mass, g<\/label>\n          <input type=\"number\" id=\"vc-mass2\" value=\"8\" step=\"0.1\" min=\"0\">\n        <\/div>\n        <div class=\"vc-field\">\n          <label class=\"vc-field-label\">Angle, deg<\/label>\n          <input type=\"number\" id=\"vc-angle2\" value=\"180\" step=\"1\">\n        <\/div>\n      <\/div>\n      <div class=\"vc-diagram\">\n        <svg id=\"vc-svg2\" width=\"80\" height=\"80\"><\/svg>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"vc-operations\">\n    <div class=\"vc-operations-label\">Operation<\/div>\n    <div class=\"vc-ops-grid\">\n      <button class=\"vc-op-btn active\" data-op=\"add\">\n        <div class=\"vc-op-icon\">+<\/div>\n        <div class=\"vc-op-name\">Add<\/div>\n      <\/button>\n      <button class=\"vc-op-btn\" data-op=\"subtract\">\n        <div class=\"vc-op-icon\">\u2212<\/div>\n        <div class=\"vc-op-name\">Subtract<\/div>\n      <\/button>\n      <button class=\"vc-op-btn\" data-op=\"opposite\">\n        <div class=\"vc-op-icon\">\u00b1180\u00b0<\/div>\n        <div class=\"vc-op-name\">Opposite<\/div>\n      <\/button>\n      <button class=\"vc-op-btn\" data-op=\"scale\">\n        <div class=\"vc-op-icon\">k\u00d7<\/div>\n        <div class=\"vc-op-name\">\u041c\u0430\u0441\u0448\u0442\u0430\u0431<\/div>\n      <\/button>\n      <button class=\"vc-op-btn\" data-op=\"cartesian\">\n        <div class=\"vc-op-icon\">\u2192<\/div>\n        <div class=\"vc-op-name\">X, Y<\/div>\n      <\/button>\n    <\/div>\n    <div class=\"vc-scalar-row\" id=\"vc-scalar-row\">\n      <label>Multiplier k:<\/label>\n      <input type=\"number\" id=\"vc-scalar\" value=\"2\" step=\"0.1\">\n    <\/div>\n  <\/div>\n\n  <button class=\"vc-calc-btn\" id=\"vc-calc-btn\">Calculate<\/button>\n\n  <div class=\"vc-result\" id=\"vc-result\">\n    <div class=\"vc-result-label\" id=\"vc-result-label\"><\/div>\n    <div class=\"vc-result-values\" id=\"vc-result-values\"><\/div>\n    <div class=\"vc-result-cartesian\" id=\"vc-result-cartesian\"><\/div>\n    <div class=\"vc-result-note\" id=\"vc-result-note\"><\/div>\n    <div class=\"vc-result-diagram\" id=\"vc-result-diagram\"><\/div>\n  <\/div>\n\n  <button class=\"vc-help-toggle\" id=\"vc-help-toggle\">\n    <span>\u0411\u04b1\u043b \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u049b\u0430\u043b\u0430\u0439 \u0436\u04b1\u043c\u044b\u0441 \u0456\u0441\u0442\u0435\u0439\u0434\u0456<\/span>\n    <span class=\"vc-help-icon\" id=\"vc-help-icon\">+<\/span>\n  <\/button>\n\n  <div class=\"vc-help-content\" id=\"vc-help-content\">\n    <div class=\"vc-help-section\">\n      <div class=\"vc-help-heading\">\u0411\u04b1\u043b \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u043d\u0435 \u04af\u0448\u0456\u043d?<\/div>\n      <p class=\"vc-help-text\">\n        \u0411\u04b1\u043b \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u043f\u043e\u043b\u044f\u0440\u043b\u044b\u049b \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0442\u0430\u0440\u0434\u044b (\u0448\u0430\u043c\u0430 \u0436\u04d9\u043d\u0435 \u0431\u04b1\u0440\u044b\u0448) \u043f\u0430\u0439\u0434\u0430\u043b\u0430\u043d\u044b\u043f \u0432\u0435\u043a\u0442\u043e\u0440\u043b\u044b\u049b \u0430\u043c\u0430\u043b\u0434\u0430\u0440\u0434\u044b \u043e\u0440\u044b\u043d\u0434\u0430\u0439\u0434\u044b. \n        \u041e\u043b \u0431\u0435\u043b\u0433\u0456\u043b\u0456 \u0431\u0456\u0440 \u0431\u04b1\u0440\u044b\u0448\u0442\u044b\u049b \u043e\u0440\u044b\u043d\u0434\u0430 \u043c\u0430\u0441\u0441\u0430 \u0440\u0435\u0442\u0456\u043d\u0434\u0435 \u04e9\u043b\u0448\u0435\u043d\u0435\u0442\u0456\u043d \u0434\u0438\u0441\u0431\u0430\u043b\u0430\u043d\u0441\u043f\u0435\u043d \u0440\u043e\u0442\u043e\u0440 \u0431\u0430\u043b\u0430\u043d\u0441\u0438\u0440\u043e\u0432\u043a\u0430\u0441\u044b \u049b\u043e\u0441\u044b\u043c\u0448\u0430\u043b\u0430\u0440\u044b\u043d\u0430 \u0430\u0440\u043d\u0430\u043b\u0493\u0430\u043d. \u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0431\u0456\u0440\u043d\u0435\u0448\u0435 \u0434\u0438\u0441\u0431\u0430\u043b\u0430\u043d\u0441 \u04e9\u043b\u0448\u0435\u043c\u0434\u0435\u0440\u0456\u043d \u0431\u0456\u0440\u0456\u043a\u0442\u0456\u0440\u0443\u0433\u0435, \n        \u0442\u04af\u0437\u0435\u0442\u0443 \u0441\u0430\u043b\u043c\u0430\u0493\u044b\u043d\u044b\u04a3 \u043e\u0440\u043d\u044b\u043d \u0430\u043d\u044b\u049b\u0442\u0430\u0443\u0493\u0430 \u0436\u04d9\u043d\u0435 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442 \u0436\u04af\u0439\u0435\u043b\u0435\u0440\u0456 \u0430\u0440\u0430\u0441\u044b\u043d\u0434\u0430 \u0442\u04af\u0440\u043b\u0435\u043d\u0434\u0456\u0440\u0443\u0433\u0435 \u043a\u04e9\u043c\u0435\u043a\u0442\u0435\u0441\u0435\u0434\u0456.\n      <\/p>\n    <\/div>\n\n    <div class=\"vc-help-section\">\n      <div class=\"vc-help-heading\">Input format<\/div>\n      <p class=\"vc-help-text\">\n        \u04d8\u0440 \u0432\u0435\u043a\u0442\u043e\u0440 \u0435\u043a\u0456 \u043c\u04d9\u043d\u043c\u0435\u043d \u0430\u043d\u044b\u049b\u0442\u0430\u043b\u0430\u0434\u044b: \u043c\u0430\u0441\u0441\u0430 (\u0433\u0440\u0430\u043c\u0434\u0430 \u043d\u0435\u043c\u0435\u0441\u0435 \u0448\u0430\u0440\u0442\u0442\u044b \u0431\u0456\u0440\u043b\u0456\u043a\u0442\u0435) \u0436\u04d9\u043d\u0435 \u0431\u04b1\u0440\u044b\u0448 \n        (0-\u0434\u0435\u043d 360 \u0433\u0440\u0430\u0434\u0443\u0441\u049b\u0430 \u0434\u0435\u0439\u0456\u043d). 0\u00b0 \u0431\u0430\u0441\u0442\u0430\u043f\u049b\u044b \u0431\u04b1\u0440\u044b\u0448\u044b \u0436\u043e\u0493\u0430\u0440\u044b\u0493\u0430 \u0431\u0430\u0493\u044b\u0442\u0442\u0430\u043b\u0493\u0430\u043d (\u0441\u0430\u0493\u0430\u0442 12 \u043e\u0440\u043d\u044b), \n        \u0431\u04b1\u0440\u044b\u0448\u0442\u0430\u0440 \u0441\u0430\u0493\u0430\u0442 \u0442\u0456\u043b\u0456\u043c\u0435\u043d \u04e9\u0441\u0435\u0434\u0456. \u0411\u04b1\u043b \u0444\u0430\u0437\u0430\u043b\u044b\u049b \u0431\u0430\u0441\u0442\u0430\u043f\u049b\u044b \u043d\u04af\u043a\u0442\u0435\u0441\u0456 \u0440\u043e\u0442\u043e\u0440\u0434\u044b\u04a3 \u0436\u043e\u0493\u0430\u0440\u0493\u044b \u0436\u0430\u0493\u044b\u043d\u0434\u0430 \u0431\u0435\u043b\u0433\u0456\u043b\u0435\u043d\u0435\u0442\u0456\u043d \u0431\u0430\u043b\u0430\u043d\u0441\u0438\u0440\u043e\u0432\u043a\u0430 \u0430\u0441\u043f\u0430\u043f\u0442\u0430\u0440\u044b\u043d\u044b\u04a3 \u043a\u04e9\u043f\u0448\u0456\u043b\u0456\u0433\u0456\u043d\u0434\u0435 \u049b\u043e\u043b\u0434\u0430\u043d\u044b\u043b\u0430\u0442\u044b\u043d \u043a\u043e\u043d\u0432\u0435\u043d\u0446\u0438\u044f\u0493\u0430 \u0441\u04d9\u0439\u043a\u0435\u0441 \u043a\u0435\u043b\u0435\u0434\u0456.\n      <\/p>\n    <\/div>\n\n    <div class=\"vc-help-section\">\n      <div class=\"vc-help-heading\">Operations<\/div>\n      <ul class=\"vc-help-list\">\n        <li><strong>Addition (+)<\/strong> \u2014 \u0415\u043a\u0456 \u0432\u0435\u043a\u0442\u043e\u0440\u0434\u044b \u0431\u0456\u0440 \u043d\u04d9\u0442\u0438\u0436\u0435\u043b\u0456 \u0432\u0435\u043a\u0442\u043e\u0440\u0493\u0430 \u0431\u0456\u0440\u0456\u043a\u0442\u0456\u0440\u0435\u0434\u0456. \u0411\u0456\u0440\u043d\u0435\u0448\u0435 \u043a\u04e9\u0437\u0434\u0435\u043d \u0436\u0430\u043b\u043f\u044b \u0434\u0438\u0441\u0431\u0430\u043b\u0430\u043d\u0441\u0442\u044b \u0442\u0430\u0431\u0443 \u049b\u0430\u0436\u0435\u0442 \u0431\u043e\u043b\u0493\u0430\u043d\u0434\u0430 \u043d\u0435\u043c\u0435\u0441\u0435 \u0435\u043a\u0456 \u0442\u04af\u0437\u0435\u0442\u0443 \u0441\u0430\u043b\u043c\u0430\u0493\u044b\u043d \u0431\u0456\u0440\u0435\u0443\u0433\u0435 \u0431\u0456\u0440\u0456\u043a\u0442\u0456\u0440\u0443 \u04af\u0448\u0456\u043d \u043f\u0430\u0439\u0434\u0430\u043b\u0430\u043d\u044b\u04a3\u044b\u0437.<\/li>\n        <li><strong>\u0410\u0437\u0430\u0439\u0442\u0443 (\u2212)<\/strong> \u2014 \u0415\u043a\u0456 \u0432\u0435\u043a\u0442\u043e\u0440 \u0430\u0440\u0430\u0441\u044b\u043d\u0434\u0430\u0493\u044b \u0430\u0439\u044b\u0440\u044b\u043c\u0434\u044b \u0435\u0441\u0435\u043f\u0442\u0435\u0439\u0434\u0456 (A \u043c\u0438\u043d\u0443\u0441 B). \u0422\u04af\u0437\u0435\u0442\u0443\u0434\u0435\u043d \u043a\u0435\u0439\u0456\u043d\u0433\u0456 \u049b\u0430\u043b\u0434\u044b\u049b \u0434\u0438\u0441\u0431\u0430\u043b\u0430\u043d\u0441\u0442\u044b \u0430\u043d\u044b\u049b\u0442\u0430\u0443 \u04af\u0448\u0456\u043d \u043f\u0430\u0439\u0434\u0430\u043b\u044b.<\/li>\n        <li><strong>Opposite (\u00b1180\u00b0)<\/strong> \u2014 A \u0432\u0435\u043a\u0442\u043e\u0440\u044b\u043d\u044b\u04a3 \u0431\u04b1\u0440\u044b\u0448\u044b\u043d\u0430 180\u00b0 \u049b\u043e\u0441\u0430\u0434\u044b. \u0411\u04b1\u043b \u0442\u04af\u0437\u0435\u0442\u0443 \u0441\u0430\u043b\u043c\u0430\u0493\u044b\u043d \u043e\u0440\u043d\u0430\u0442\u0443 \u043a\u0435\u0440\u0435\u043a \u043e\u0440\u044b\u043d\u0434\u044b \u0431\u0435\u0440\u0435\u0434\u0456.<\/li>\n        <li><strong>Scale (k\u00d7)<\/strong> \u2014 \u041c\u0430\u0441\u0441\u0430\u043d\u044b k \u043a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442\u0456\u043d\u0435 \u043a\u04e9\u0431\u0435\u0439\u0442\u0435\u0434\u0456. \u04d8\u0440\u0442\u04af\u0440\u043b\u0456 \u043e\u0440\u043d\u0430\u0442\u0443 \u0440\u0430\u0434\u0438\u0443\u0441\u044b \u04af\u0448\u0456\u043d \u0442\u04af\u0437\u0435\u0442\u0443 \u043c\u0430\u0441\u0441\u0430\u0441\u044b\u043d \u049b\u0430\u0439\u0442\u0430 \u0435\u0441\u0435\u043f\u0442\u0435\u0443 \u043a\u0435\u0437\u0456\u043d\u0434\u0435 \u049b\u0430\u0436\u0435\u0442: m2 = m1 \u00d7 (r1 \/ r2).<\/li>\n        <li><strong>\u0414\u0435\u043a\u0430\u0440\u0442\u0442\u044b\u049b (X, Y)<\/strong> \u2014 Converts polar coordinates to Cartesian: X = m \u00d7 cos(angle), Y = m \u00d7 sin(angle).<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"vc-help-section\">\n      <div class=\"vc-help-heading\">\u0422\u0438\u043f\u0442\u0456\u043a \u049b\u043e\u043b\u0434\u0430\u043d\u044b\u0441 \u0441\u0430\u043b\u0430\u043b\u0430\u0440\u044b<\/div>\n      <ul class=\"vc-help-list\">\n        <li><strong>\u0411\u0456\u0440 \u0436\u0430\u0437\u044b\u049b\u0442\u044b\u049b\u0442\u0430 \u0442\u0435\u04a3\u0433\u0435\u0440\u0456\u043c\u0434\u0435\u0443:<\/strong> \u0414\u0438\u0441\u0431\u0430\u043b\u0430\u043d\u0441\u0442\u044b \u04e9\u043b\u0448\u0435\u04a3\u0456\u0437, \u0442\u04af\u0437\u0435\u0442\u0443 \u0431\u04b1\u0440\u044b\u0448\u044b\u043d \u0442\u0430\u0431\u0443 \u04af\u0448\u0456\u043d \u049a\u0430\u0440\u0430\u043c\u0430-\u049b\u0430\u0440\u0441\u044b \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u0441\u044b\u043d \u049b\u043e\u043b\u0434\u0430\u043d\u044b\u04a3\u044b\u0437, \u0441\u0430\u043b\u043c\u0430\u049b\u0442\u044b \u043e\u0440\u043d\u0430\u0442\u044b\u04a3\u044b\u0437 \u0436\u04d9\u043d\u0435 \u0442\u0435\u043a\u0441\u0435\u0440\u0456\u04a3\u0456\u0437.<\/li>\n        <li><strong>\u0421\u0430\u043b\u043c\u0430\u049b\u0442\u0430\u0440\u0434\u044b \u0431\u0456\u0440\u0456\u043a\u0442\u0456\u0440\u0443:<\/strong> \u041e\u0440\u043d\u0430\u0442\u044b\u043b\u0493\u0430\u043d \u0435\u043a\u0456 \u0442\u04af\u0437\u0435\u0442\u0443 \u0441\u0430\u043b\u043c\u0430\u0493\u044b\u043d \u049a\u043e\u0441\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u0441\u044b \u0430\u0440\u049b\u044b\u043b\u044b \u0431\u0456\u0440 \u0431\u0430\u043b\u0430\u043c\u0430 \u0441\u0430\u043b\u043c\u0430\u049b\u043f\u0435\u043d \u0430\u043b\u043c\u0430\u0441\u0442\u044b\u0440\u044b\u04a3\u044b\u0437.<\/li>\n        <li><strong>\u0420\u0430\u0434\u0438\u0443\u0441\u0442\u044b \u049b\u0430\u0439\u0442\u0430 \u0435\u0441\u0435\u043f\u0442\u0435\u0443:<\/strong> \u0422\u04af\u0437\u0435\u0442\u0443 \u0441\u0430\u043b\u043c\u0430\u0493\u044b\u043d \u0431\u0430\u0441\u049b\u0430 \u0440\u0430\u0434\u0438\u0443\u0441\u049b\u0430 \u0430\u0443\u044b\u0441\u0442\u044b\u0440\u0493\u0430\u043d \u043a\u0435\u0437\u0434\u0435 \u043c\u0430\u0441\u0441\u0430\u043d\u044b \u049b\u0430\u0439\u0442\u0430 \u0435\u0441\u0435\u043f\u0442\u0435\u0443 \u04af\u0448\u0456\u043d \u041c\u0430\u0441\u0448\u0442\u0430\u0431 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u0441\u044b\u043d \u043f\u0430\u0439\u0434\u0430\u043b\u0430\u043d\u044b\u04a3\u044b\u0437.<\/li>\n        <li><strong>Split weights:<\/strong> \u0414\u04d9\u043b \u0431\u04b1\u0440\u044b\u0448\u049b\u0430 \u049b\u043e\u043b \u0436\u0435\u0442\u043a\u0456\u0437\u0443 \u043c\u04af\u043c\u043a\u0456\u043d \u0431\u043e\u043b\u043c\u0430\u0441\u0430, \u0442\u04af\u0437\u0435\u0442\u0443 \u043c\u0430\u0441\u0441\u0430\u0441\u044b\u043d \u0435\u043a\u0456 \u0456\u0440\u0433\u0435\u043b\u0435\u0441 \u049b\u0430\u043b\u0430\u049b\u049b\u0430 \u0431\u04e9\u043b\u0456\u043f \u043e\u0440\u043d\u0430\u0442\u044b\u04a3\u044b\u0437.<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"vc-help-section\">\n      <div class=\"vc-help-heading\">1-\u043c\u044b\u0441\u0430\u043b: \u0422\u04af\u0437\u0435\u0442\u0443 \u0441\u0430\u043b\u043c\u0430\u0493\u044b\u043d\u044b\u04a3 \u043e\u0440\u043d\u044b\u043d \u0430\u043d\u044b\u049b\u0442\u0430\u0443<\/div>\n      <div class=\"vc-help-example\">\n        \u0411\u0430\u043b\u0430\u043d\u0441\u0438\u0440\u043e\u0432\u043a\u0430 \u0430\u0441\u043f\u0430\u0431\u044b \u043c\u044b\u043d\u0430\u0434\u0430\u0439 \u0442\u0435\u04a3\u0433\u0435\u0440\u0456\u043c\u0441\u0456\u0437\u0434\u0456\u043a\u0442\u0456 \u043a\u04e9\u0440\u0441\u0435\u0442\u0435\u0434\u0456: <strong>72\u00b0 \u0431\u04b1\u0440\u044b\u0448\u0442\u0430 15 \u0433\u0440\u0430\u043c\u043c<\/strong>.<br><br>\n        Enter Vector A: Mass = 15, Angle = 72<br>\n        Select <strong>Opposite (\u00b1180\u00b0)<\/strong> \u0436\u04d9\u043d\u0435 \u0415\u0441\u0435\u043f\u0442\u0435\u0443 \u0431\u0430\u0442\u044b\u0440\u043c\u0430\u0441\u044b\u043d \u0431\u0430\u0441\u044b\u04a3\u044b\u0437.<br><br>\n        Result: <strong>252\u00b0 \u0431\u04b1\u0440\u044b\u0448\u0442\u0430 15 \u0433\u0440\u0430\u043c\u043c<\/strong><br><br>\n        \u0422\u0435\u04a3\u0433\u0435\u0440\u0456\u043c\u0441\u0456\u0437\u0434\u0456\u043a\u0442\u0456 \u0436\u043e\u044e \u04af\u0448\u0456\u043d 252\u00b0 \u043f\u043e\u0437\u0438\u0446\u0438\u044f\u0441\u044b\u043d\u0430 15 \u0433\u0440\u0430\u043c\u043c \u0442\u04af\u0437\u0435\u0442\u0443 \u0441\u0430\u043b\u043c\u0430\u0493\u044b\u043d \u043e\u0440\u043d\u0430\u0442\u044b\u04a3\u044b\u0437.\n      <\/div>\n    <\/div>\n\n    <div class=\"vc-help-section\">\n      <div class=\"vc-help-heading\">2-\u043c\u044b\u0441\u0430\u043b: \u0415\u043a\u0456 \u0441\u0430\u043b\u043c\u0430\u049b\u0442\u044b \u0431\u0456\u0440\u0435\u0443\u0456\u043c\u0435\u043d \u0430\u043b\u043c\u0430\u0441\u0442\u044b\u0440\u0443<\/div>\n      <div class=\"vc-help-example\">\n        \u0411\u0456\u0440\u043d\u0435\u0448\u0435 \u0431\u0430\u043b\u0430\u043d\u0441\u0438\u0440\u043e\u0432\u043a\u0430 \u049b\u0430\u0439\u0442\u0430\u043b\u044b\u043c\u044b\u043d\u0430\u043d \u043a\u0435\u0439\u0456\u043d \u0440\u043e\u0442\u043e\u0440\u0434\u0430 \u0435\u043a\u0456 \u0442\u04af\u0437\u0435\u0442\u0443 \u0441\u0430\u043b\u043c\u0430\u0493\u044b \u043e\u0440\u043d\u0430\u0442\u044b\u043b\u0434\u044b: \n        <strong>5 grams at 30\u00b0<\/strong> and <strong>8 grams at 75\u00b0<\/strong>. \n        \u041e\u043b\u0430\u0440\u0434\u044b \u0431\u0456\u0440 \u0441\u0430\u043b\u043c\u0430\u049b\u043f\u0435\u043d \u0430\u043b\u043c\u0430\u0441\u0442\u044b\u0440\u0493\u044b\u04a3\u044b\u0437 \u043a\u0435\u043b\u0435\u0434\u0456.<br><br>\n        Enter Vector A: Mass = 5, Angle = 30<br>\n        Enter Vector B: Mass = 8, Angle = 75<br>\n        Select <strong>Addition (+)<\/strong> \u0436\u04d9\u043d\u0435 \u0415\u0441\u0435\u043f\u0442\u0435\u0443 \u0431\u0430\u0442\u044b\u0440\u043c\u0430\u0441\u044b\u043d \u0431\u0430\u0441\u044b\u04a3\u044b\u0437.<br><br>\n        Result: <strong>57,9\u00b0 \u0431\u04b1\u0440\u044b\u0448\u0442\u0430 12,05 \u0433\u0440\u0430\u043c\u043c<\/strong><br><br>\n        \u0415\u043a\u0456 \u0441\u0430\u043b\u043c\u0430\u049b\u0442\u044b \u0434\u0430 \u0430\u043b\u044b\u043f \u0442\u0430\u0441\u0442\u0430\u04a3\u044b\u0437 \u0436\u04d9\u043d\u0435 \u0448\u0430\u043c\u0430\u043c\u0435\u043d 58\u00b0 \u043f\u043e\u0437\u0438\u0446\u0438\u044f\u0441\u044b\u043d\u0430 12 \u0433\u0440\u0430\u043c\u043c \u0441\u0430\u043b\u043c\u0430\u049b \u043e\u0440\u043d\u0430\u0442\u044b\u04a3\u044b\u0437. \n        \u0411\u04b1\u043b \u0436\u0430\u043b\u0493\u044b\u0437 \u0441\u0430\u043b\u043c\u0430\u049b \u0431\u0430\u0441\u0442\u0430\u043f\u049b\u044b \u0435\u043a\u0456 \u0441\u0430\u043b\u043c\u0430\u049b\u0442\u044b\u04a3 \u0431\u0430\u043b\u0430\u043d\u0441\u0438\u0440\u043e\u0432\u043a\u0430\u043b\u0430\u0443\u0434\u0430\u0493\u044b \u0436\u0438\u044b\u043d\u0442\u044b\u049b \u04d9\u0441\u0435\u0440\u0456\u043d \u0431\u0435\u0440\u0435\u0434\u0456.\n      <\/div>\n    <\/div>\n\n    <div class=\"vc-help-section\">\n      <div class=\"vc-help-heading\">3-\u043c\u044b\u0441\u0430\u043b: \u0422\u04af\u0437\u0435\u0442\u0443 \u0440\u0430\u0434\u0438\u0443\u0441\u044b\u043d \u04e9\u0437\u0433\u0435\u0440\u0442\u0443<\/div>\n      <div class=\"vc-help-example\">\n        \u0411\u0430\u043b\u0430\u043d\u0441\u0438\u0440\u043e\u0432\u043a\u0430 \u0436\u04af\u0439\u0435\u0441\u0456 \u043c\u044b\u043d\u0430\u0434\u0430\u0439 \u0442\u04af\u0437\u0435\u0442\u0443\u0434\u0456 \u0435\u0441\u0435\u043f\u0442\u0435\u0434\u0456: <strong>20 grams<\/strong> \u0440\u0430\u0434\u0438\u0443\u0441\u044b \u04af\u0448\u0456\u043d <strong>100 mm<\/strong>. \n        \u0410\u043b\u0430\u0439\u0434\u0430, \u0441\u0430\u043b\u043c\u0430\u049b\u0442\u044b \u043c\u044b\u043d\u0430\u0434\u0430\u0439 \u0440\u0430\u0434\u0438\u0443\u0441\u049b\u0430 \u043e\u0440\u043d\u0430\u0442\u0443 \u049b\u0430\u0436\u0435\u0442: <strong>80 mm<\/strong> \u043e\u0440\u044b\u043d \u0442\u0430\u0440\u043b\u044b\u0493\u044b\u043d\u0430 \u0431\u0430\u0439\u043b\u0430\u043d\u044b\u0441\u0442\u044b.<br><br>\n        Since the balancing effect depends on the product of mass and radius (m \u00d7 r = const), \n        you need to recalculate: k = 100 \/ 80 = 1.25<br><br>\n        Enter Vector A: Mass = 20, Angle = (your correction angle)<br>\n        \u041a\u04e9\u0431\u0435\u0439\u0442\u043a\u0456\u0448\u0442\u0456 k = 1.25 \u0434\u0435\u043f \u043e\u0440\u043d\u0430\u0442\u044b\u04a3\u044b\u0437<br>\n        Select <strong>Scale (k\u00d7)<\/strong> \u0436\u04d9\u043d\u0435 \u0415\u0441\u0435\u043f\u0442\u0435\u0443 \u0431\u0430\u0442\u044b\u0440\u043c\u0430\u0441\u044b\u043d \u0431\u0430\u0441\u044b\u04a3\u044b\u0437.<br><br>\n        Result: <strong>25 grams<\/strong> \u0431\u0456\u0440\u0434\u0435\u0439 \u0431\u04b1\u0440\u044b\u0448\u0442\u0430<br><br>\n        80 \u043c\u043c \u043a\u0456\u0448\u0456\u0440\u0435\u043a \u0440\u0430\u0434\u0438\u0443\u0441\u0442\u0430 \u0431\u0456\u0440\u0434\u0435\u0439 \u0442\u04af\u0437\u0435\u0442\u0443\u0433\u0435 \u049b\u043e\u043b \u0436\u0435\u0442\u043a\u0456\u0437\u0443 \u04af\u0448\u0456\u043d 20 \u0433\u0440\u0430\u043c\u043d\u044b\u04a3 \u043e\u0440\u043d\u044b\u043d\u0430 25 \u0433\u0440\u0430\u043c \u0441\u0430\u043b\u043c\u0430\u049b \u049b\u0430\u0436\u0435\u0442.\n      <\/div>\n    <\/div>\n\n    <div class=\"vc-help-section\">\n      <div class=\"vc-help-heading\">4-\u043c\u044b\u0441\u0430\u043b: \u0421\u0430\u043b\u043c\u0430\u049b\u0442\u044b \u0435\u043a\u0456 \u049b\u0430\u043b\u0430\u049b\u0448\u0430 \u0430\u0440\u0430\u0441\u044b\u043d\u0434\u0430 \u0431\u04e9\u043b\u0443<\/div>\n      <div class=\"vc-help-example\">\n        \u049a\u0430\u0436\u0435\u0442\u0442\u0456 \u0442\u04af\u0437\u0435\u0442\u0443 \u043c\u044b\u043d\u0430\u0493\u0430\u043d \u0442\u0435\u04a3 <strong>110\u00b0 \u0431\u04b1\u0440\u044b\u0448\u0442\u0430 10 \u0433\u0440\u0430\u043c<\/strong>, \u0431\u0456\u0440\u0430\u049b \u0441\u0430\u043b\u043c\u0430\u049b\u0442\u0430\u0440\u0434\u044b \u0442\u0435\u043a \u043c\u044b\u043d\u0430\u0434\u0430\u0439 \u043e\u0440\u043d\u0430\u043b\u0430\u0441\u049b\u0430\u043d \u0436\u0435\u043b\u0434\u0435\u0442\u043a\u0456\u0448 \u049b\u0430\u043b\u0430\u049b\u0448\u0430\u043b\u0430\u0440\u044b\u043d\u0430 \u0431\u0435\u043a\u0456\u0442\u0443\u0433\u0435 \u0431\u043e\u043b\u0430\u0434\u044b <strong>90\u00b0<\/strong> and <strong>126\u00b0<\/strong> (5 \u049b\u0430\u043b\u0430\u049b\u0448\u0430, 36\u00b0 \u0430\u0440\u0430\u043b\u044b\u049b\u043f\u0435\u043d).<br><br>\n        The correction angle 110\u00b0 lies between these two blades. To find how much weight goes on each blade, \n        use the exact trigonometric split (a simple proportional split of the mass by angle is only an approximation and under-corrects the balance mass by several percent):<br><br>\n        Angular distance to the blade at 90\u00b0: \u03b1 = 110\u00b0 \u2212 90\u00b0 = 20\u00b0<br>\n        Angular distance to the blade at 126\u00b0: \u03b2 = 126\u00b0 \u2212 110\u00b0 = 16\u00b0<br>\n        Angle between the blades: \u03b1 + \u03b2 = 36\u00b0<br><br>\n        Weight on 90\u00b0 blade: 10 \u00d7 sin(16\u00b0) \/ sin(36\u00b0) = <strong>4.69 g<\/strong><br>\n        Weight on 126\u00b0 blade: 10 \u00d7 sin(20\u00b0) \/ sin(36\u00b0) = <strong>5.82 g<\/strong><br><br>\n        \u0422\u0435\u043a\u0441\u0435\u0440\u0443 \u04af\u0448\u0456\u043d \u049b\u043e\u0441\u044b\u043d\u0434\u044b \u0435\u0440\u0435\u0436\u0435\u0441\u0456\u043d \u049b\u043e\u043b\u0434\u0430\u043d\u044b\u04a3\u044b\u0437:<br>\n        Vector A: Mass = 4.69, Angle = 90<br>\n        Vector B: Mass = 5.82, Angle = 126<br>\n        Result: <strong>110\u00b0 \u0431\u04b1\u0440\u044b\u0448\u0442\u0430 10 \u0433\u0440\u0430\u043c<\/strong> \u2014 \u0431\u0430\u0441\u0442\u0430\u043f\u049b\u044b \u0442\u0430\u043b\u0430\u043f\u049b\u0430 \u0441\u04d9\u0439\u043a\u0435\u0441 \u043a\u0435\u043b\u0435\u0434\u0456.\n      <\/div>\n    <\/div>\n\n    <div class=\"vc-help-section\">\n      <div class=\"vc-help-formulas\">\n        <div class=\"vc-help-heading\">Formulas<\/div>\n        Polar to Cartesian: X = m \u00d7 cos(a), Y = m \u00d7 sin(a)<br>\n        Cartesian to Polar: m = sqrt(X\u00b2 + Y\u00b2), a = atan2(Y, X)<br>\n        \u0420\u0430\u0434\u0438\u0443\u0441 \u0431\u043e\u0439\u044b\u043d\u0448\u0430 \u0442\u04af\u0437\u0435\u0442\u0443: m2 = m1 \u00d7 (r1 \/ r2)<br>\n        Split weights (exact): m1 = M \u00d7 sin(\u03b2) \/ sin(\u03b1 + \u03b2), m2 = M \u00d7 sin(\u03b1) \/ sin(\u03b1 + \u03b2), where \u03b1 is the angular distance from the correction angle to blade 1 and \u03b2 is the angular distance to blade 2\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  let operation = 'add';\n\n  const mass1 = document.getElementById('vc-mass1');\n  const angle1 = document.getElementById('vc-angle1');\n  const mass2 = document.getElementById('vc-mass2');\n  const angle2 = document.getElementById('vc-angle2');\n  const scalarInput = document.getElementById('vc-scalar');\n  const scalarRow = document.getElementById('vc-scalar-row');\n  const calcBtn = document.getElementById('vc-calc-btn');\n  const resultDiv = document.getElementById('vc-result');\n  const resultLabel = document.getElementById('vc-result-label');\n  const resultValues = document.getElementById('vc-result-values');\n  const resultCartesian = document.getElementById('vc-result-cartesian');\n  const resultNote = document.getElementById('vc-result-note');\n  const resultDiagram = document.getElementById('vc-result-diagram');\n  const helpToggle = document.getElementById('vc-help-toggle');\n  const helpContent = document.getElementById('vc-help-content');\n  const helpIcon = document.getElementById('vc-help-icon');\n  const opBtns = document.querySelectorAll('.vc-op-btn');\n\n  function toCartesian(m, angleDeg) {\n    const rad = angleDeg * Math.PI \/ 180;\n    return { x: m * Math.cos(rad), y: m * Math.sin(rad) };\n  }\n\n  function toPolar(x, y) {\n    const m = Math.sqrt(x * x + y * y);\n    let a = Math.atan2(y, x) * 180 \/ Math.PI;\n    if (a < 0) a += 360;\n    return { mass: m, angle: a };\n  }\n\n  function formatNum(n, dec) {\n    dec = dec || 2;\n    if (Math.abs(n) < 0.0001) return '0';\n    return parseFloat(n.toFixed(dec)).toString();\n  }\n\n  function normalizeAngle(a) {\n    while (a < 0) a += 360;\n    while (a >= 360) a -= 360;\n    return a;\n  }\n\n  function drawVector(svgId, m, a, color) {\n    const svg = document.getElementById(svgId);\n    const cx = 40, cy = 40, r = 25;\n    const rad = (a - 90) * Math.PI \/ 180;\n    const ex = cx + r * Math.cos(rad);\n    const ey = cy + r * Math.sin(rad);\n    \n    svg.innerHTML = `\n      <circle cx=\"${cx}\" cy=\"${cy}\" r=\"30\" fill=\"none\" stroke=\"#bfdbfe\" stroke-width=\"1\"\/>\n      <line x1=\"${cx}\" y1=\"${cy}\" x2=\"${cx}\" y2=\"10\" stroke=\"#93c5fd\" stroke-width=\"1\"\/>\n      <text x=\"43\" y=\"9\" font-size=\"8\" fill=\"#3b82f6\">0<\/text>\n      ${m > 0 ? `<line x1=\"${cx}\" y1=\"${cy}\" x2=\"${ex}\" y2=\"${ey}\" stroke=\"${color}\" stroke-width=\"2\"\/>\n      <circle cx=\"${ex}\" cy=\"${ey}\" r=\"3\" fill=\"${color}\"\/>` : ''}\n      <circle cx=\"${cx}\" cy=\"${cy}\" r=\"2\" fill=\"#1e3a8a\"\/>\n    `;\n  }\n\n  function drawResultVector(m, a) {\n    const cx = 50, cy = 50, r = 35;\n    const rad = (a - 90) * Math.PI \/ 180;\n    const ex = cx + r * Math.cos(rad);\n    const ey = cy + r * Math.sin(rad);\n    \n    resultDiagram.innerHTML = `\n      <svg width=\"100\" height=\"100\" style=\"background:#eff6ff;border-radius:4px;\">\n        <circle cx=\"${cx}\" cy=\"${cy}\" r=\"40\" fill=\"none\" stroke=\"#bfdbfe\" stroke-width=\"1\"\/>\n        <line x1=\"${cx}\" y1=\"${cy}\" x2=\"${cx}\" y2=\"10\" stroke=\"#93c5fd\" stroke-width=\"1\"\/>\n        <line x1=\"${cx}\" y1=\"${cy}\" x2=\"90\" y2=\"${cy}\" stroke=\"#93c5fd\" stroke-width=\"1\"\/>\n        <text x=\"52\" y=\"8\" font-size=\"8\" fill=\"#3b82f6\">0<\/text>\n        <text x=\"92\" y=\"53\" font-size=\"8\" fill=\"#3b82f6\">90<\/text>\n        ${m > 0 ? `<line x1=\"${cx}\" y1=\"${cy}\" x2=\"${ex}\" y2=\"${ey}\" stroke=\"#1d4ed8\" stroke-width=\"2\"\/>\n        <circle cx=\"${ex}\" cy=\"${ey}\" r=\"4\" fill=\"#1d4ed8\"\/>` : ''}\n        <circle cx=\"${cx}\" cy=\"${cy}\" r=\"2\" fill=\"#1e3a8a\"\/>\n      <\/svg>\n    `;\n  }\n\n  function updateDiagrams() {\n    const m1 = parseFloat(mass1.value) || 0;\n    const a1 = normalizeAngle(parseFloat(angle1.value) || 0);\n    const m2 = parseFloat(mass2.value) || 0;\n    const a2 = normalizeAngle(parseFloat(angle2.value) || 0);\n    drawVector('vc-svg1', m1, a1, '#1d4ed8');\n    drawVector('vc-svg2', m2, a2, '#1d4ed8');\n  }\n\n  function calculate() {\n    const m1 = parseFloat(mass1.value) || 0;\n    const a1 = normalizeAngle(parseFloat(angle1.value) || 0);\n    const m2 = parseFloat(mass2.value) || 0;\n    const a2 = normalizeAngle(parseFloat(angle2.value) || 0);\n    const k = parseFloat(scalarInput.value) || 1;\n\n    const c1 = toCartesian(m1, a1);\n    const c2 = toCartesian(m2, a2);\n\n    let label = '', mass = 0, angle = 0, cart = null, note = '', isCartesian = false;\n\n    switch (operation) {\n      case 'add':\n        const sumX = c1.x + c2.x;\n        const sumY = c1.y + c2.y;\n        const sumP = toPolar(sumX, sumY);\n        label = 'Sum of vectors A + B';\n        mass = sumP.mass;\n        angle = sumP.angle;\n        cart = { x: sumX, y: sumY };\n        break;\n      case 'subtract':\n        const diffX = c1.x - c2.x;\n        const diffY = c1.y - c2.y;\n        const diffP = toPolar(diffX, diffY);\n        label = 'Difference A \u2212 B';\n        mass = diffP.mass;\n        angle = diffP.angle;\n        cart = { x: diffX, y: diffY };\n        break;\n      case 'opposite':\n        label = 'Correction weight position for vector A';\n        mass = m1;\n        angle = normalizeAngle(a1 + 180);\n        note = 'Place the correction mass at this angle to compensate for imbalance';\n        break;\n      case 'scale':\n        label = 'Vector A \u00d7 ' + k;\n        mass = m1 * k;\n        angle = a1;\n        break;\n      case 'cartesian':\n        label = 'Cartesian coordinates of vector A';\n        isCartesian = true;\n        cart = c1;\n        break;\n    }\n\n    resultDiv.classList.add('visible');\n    resultLabel.textContent = label;\n\n    if (isCartesian) {\n      resultValues.innerHTML = `\n        <div class=\"vc-result-item\">\n          <div class=\"vc-result-num\">X = ${formatNum(cart.x)}<\/div>\n        <\/div>\n        <div class=\"vc-result-item\">\n          <div class=\"vc-result-num\">Y = ${formatNum(cart.y)}<\/div>\n        <\/div>\n      `;\n      resultCartesian.style.display = 'none';\n      resultNote.style.display = 'none';\n      resultDiagram.innerHTML = '';\n    } else {\n      resultValues.innerHTML = `\n        <div class=\"vc-result-item\">\n          <div class=\"vc-result-num\">${formatNum(mass)}<\/div>\n          <div class=\"vc-result-unit\">grams<\/div>\n        <\/div>\n        <div class=\"vc-result-sep\">\/<\/div>\n        <div class=\"vc-result-item\">\n          <div class=\"vc-result-num\">${formatNum(angle, 1)}\u00b0<\/div>\n          <div class=\"vc-result-unit\">angle<\/div>\n        <\/div>\n      `;\n\n      if (cart) {\n        resultCartesian.textContent = 'X = ' + formatNum(cart.x) + ', Y = ' + formatNum(cart.y);\n        resultCartesian.style.display = 'block';\n      } else {\n        resultCartesian.style.display = 'none';\n      }\n\n      if (note) {\n        resultNote.textContent = note;\n        resultNote.style.display = 'block';\n      } else {\n        resultNote.style.display = 'none';\n      }\n\n      drawResultVector(mass, angle);\n    }\n  }\n\n  opBtns.forEach(function(btn) {\n    btn.addEventListener('click', function() {\n      opBtns.forEach(function(b) { b.classList.remove('active'); });\n      btn.classList.add('active');\n      operation = btn.getAttribute('data-op');\n      if (operation === 'scale') {\n        scalarRow.classList.add('visible');\n      } else {\n        scalarRow.classList.remove('visible');\n      }\n    });\n  });\n\n  calcBtn.addEventListener('click', calculate);\n\n  helpToggle.addEventListener('click', function() {\n    if (helpContent.classList.contains('visible')) {\n      helpContent.classList.remove('visible');\n      helpIcon.textContent = '+';\n    } else {\n      helpContent.classList.add('visible');\n      helpIcon.textContent = '\u2212';\n    }\n  });\n\n  mass1.addEventListener('input', updateDiagrams);\n  angle1.addEventListener('input', updateDiagrams);\n  mass2.addEventListener('input', updateDiagrams);\n  angle2.addEventListener('input', updateDiagrams);\n\n  updateDiagrams();\n})();\n<\/script>\n\n<\/body>\n<\/html><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Vector Calculator Vector Calculator Vector A Mass, g Angle, deg Vector B Mass, g Angle, deg Operation + Add \u2212 Subtract \u00b1180\u00b0 Opposite k\u00d7 Scale \u2192 X, Y Multiplier k: Calculate How this calculator works + What is this calculator for? This calculator performs vector operations using polar coordinates (magnitude [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":20918,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ai_generated_summary":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-20916","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/vibromera.eu\/kk\/wp-json\/wp\/v2\/posts\/20916","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vibromera.eu\/kk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vibromera.eu\/kk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vibromera.eu\/kk\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vibromera.eu\/kk\/wp-json\/wp\/v2\/comments?post=20916"}],"version-history":[{"count":5,"href":"https:\/\/vibromera.eu\/kk\/wp-json\/wp\/v2\/posts\/20916\/revisions"}],"predecessor-version":[{"id":20927,"href":"https:\/\/vibromera.eu\/kk\/wp-json\/wp\/v2\/posts\/20916\/revisions\/20927"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vibromera.eu\/kk\/wp-json\/wp\/v2\/media\/20918"}],"wp:attachment":[{"href":"https:\/\/vibromera.eu\/kk\/wp-json\/wp\/v2\/media?parent=20916"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vibromera.eu\/kk\/wp-json\/wp\/v2\/categories?post=20916"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vibromera.eu\/kk\/wp-json\/wp\/v2\/tags?post=20916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}