{"id":53,"date":"2026-11-10T22:05:18","date_gmt":"2026-11-10T22:05:18","guid":{"rendered":"https:\/\/dataonesix.com\/?page_id=53"},"modified":"2026-11-12T13:30:50","modified_gmt":"2026-11-12T13:30:50","slug":"company-coparison","status":"publish","type":"page","link":"https:\/\/dataonesix.com\/hi\/company-coparison\/","title":{"rendered":"\u0915\u0902\u092a\u0928\u093f\u092f\u094b\u0902 \u0915\u0940 \u0924\u0941\u0932\u0928\u093e"},"content":{"rendered":"\n<div id=\"dos-company-comparison\">\n<style>\n#dos-company-comparison{\n --bg:#D8D6D2;\n --card:#F5F4F1;\n --card2:#E7E5E1;\n --white:#FFFFFF;\n --text:#171717;\n --muted:#686660;\n --blue:#287BFF;\n --blue2:#175AC5;\n --blue-light:#DCE9FF;\n --red:#7A1F2B;\n --green:#247A50;\n --border:#FFFFFFA8;\n background:var(--bg);\n color:var(--text);\n padding:22px;\n border-radius:14px;\n font-family:Arial,sans-serif;\n min-height:700px;\n box-sizing:border-box;\n}\n#dos-company-comparison *{box-sizing:border-box}\n#dos-company-comparison button,\n#dos-company-comparison input,\n#dos-company-comparison select{font:inherit}\n#dos-company-comparison button{cursor:pointer}\n#dos-company-comparison h1{font-size:28px;margin:0 0 7px}\n#dos-company-comparison h2{font-size:19px;margin:0}\n#dos-company-comparison h3{font-size:15px;margin:0 0 12px}\n#dos-company-comparison p{margin:5px 0;color:var(--muted)}\n#dos-company-comparison .dos-sub{font-size:12px;color:var(--muted)}\n#dos-company-comparison .dos-header{\n display:flex;justify-content:space-between;\n align-items:center;gap:15px;flex-wrap:wrap;\n margin-bottom:22px;\n}\n#dos-company-comparison .dos-tag{\n background:var(--blue-light);color:var(--blue2);\n padding:7px 11px;border-radius:20px;\n font-size:11px;font-weight:700;\n}\n#dos-company-comparison .dos-card{\n background:rgba(255,255,255,.56);\n border:1px solid var(--border);\n border-radius:13px;\n padding:18px;margin-bottom:16px;\n box-shadow:0 3px 12px rgba(30,30,30,.045);\n backdrop-filter:blur(9px);\n min-width:0;\n}\n#dos-company-comparison .dos-card-inner{\n background:var(--card);\n border:1px solid #FFFFFF;\n border-radius:10px;padding:14px;\n}\n#dos-company-comparison .dos-btn{\n border:1px solid #B9CBE8;\n background:#EAF1FC;color:var(--blue2);\n border-radius:8px;padding:10px 14px;\n font-weight:700;font-size:13px;\n}\n#dos-company-comparison .dos-btn:hover{\n background:#DCE9FF;\n}\n#dos-company-comparison .dos-primary{\n background:var(--blue);border-color:var(--blue);\n color:#fff;\n}\n#dos-company-comparison .dos-primary:hover{\n background:var(--blue2);\n}\n#dos-company-comparison .dos-small{\n padding:7px 10px;font-size:12px;\n}\n#dos-company-comparison .dos-input{\n width:100%;min-width:0;\n border:1px solid #C6C4BF;\n border-radius:8px;padding:11px 12px;\n background:#FFFFFFD9;color:var(--text);\n outline:none;\n}\n#dos-company-comparison .dos-input:focus{\n border-color:var(--blue);\n box-shadow:0 0 0 2px #287BFF20;\n}\n#dos-company-comparison .dos-row{\n display:flex;align-items:center;\n gap:10px;flex-wrap:wrap;\n}\n#dos-company-comparison .dos-search{\n flex:1;min-width:190px;position:relative;\n}\n#dos-company-comparison .dos-suggestions{\n position:absolute;z-index:20;top:100%;\n left:0;right:0;background:#fff;\n border:1px solid #ccc;border-radius:9px;\n max-height:230px;overflow:auto;\n box-shadow:0 8px 20px #0002;\n}\n#dos-company-comparison .dos-suggest{\n display:block;width:100%;text-align:left;\n padding:11px;background:#fff;border:0;\n border-bottom:1px solid #eee;color:#171717;\n}\n#dos-company-comparison .dos-suggest:hover{background:#EAF1FC}\n#dos-company-comparison .dos-selected{\n display:grid;grid-template-columns:repeat(5,minmax(0,1fr));\n gap:10px;margin-top:15px;\n}\n#dos-company-comparison .dos-company-card{\n background:var(--card);\n border:1px solid #FFFFFF;\n border-radius:10px;padding:12px;\n min-width:0;\n}\n#dos-company-comparison .dos-company-card strong{\n display:block;font-size:13px;margin:7px 0 4px;\n}\n#dos-company-comparison .dos-company-card small{\n color:var(--muted);font-size:11px;\n}\n#dos-company-comparison .dos-remove{\n border:0;background:transparent;color:var(--blue2);\n font-size:12px;font-weight:700;padding:5px 0;\n}\n#dos-company-comparison .dos-section-head{\n display:flex;align-items:center;\n justify-content:space-between;\n gap:12px;flex-wrap:wrap;margin-bottom:15px;\n}\n#dos-company-comparison .dos-table-wrap{overflow-x:auto}\n#dos-company-comparison table{\n width:100%;border-collapse:collapse;\n min-width:560px;\n}\n#dos-company-comparison th,\n#dos-company-comparison td{\n padding:13px 12px;\n border-bottom:1px solid #D5D2CC;\n text-align:left;font-size:13px;\n white-space:nowrap;\n}\n#dos-company-comparison th{\n color:#55534F;font-weight:700;\n background:#EAE8E4;\n}\n#dos-company-comparison td:first-child{\n font-weight:700;color:#44423E;\n}\n#dos-company-comparison .dos-company-heading{\n color:var(--blue2);font-weight:700;\n}\n#dos-company-comparison .dos-positive{\n color:var(--green);font-weight:700;\n}\n#dos-company-comparison .dos-negative{\n color:var(--red);font-weight:700;\n}\n#dos-company-comparison .dos-metric-group{\n background:#E7E5E1;\n color:#171717;font-weight:700;\n}\n#dos-company-comparison .dos-highlight{\n background:#EAF1FC;\n}\n#dos-company-comparison .dos-chart-box{\n background:var(--card);\n border:1px solid #FFFFFF;\n border-radius:11px;padding:15px;\n}\n#dos-company-comparison .dos-periods{\n display:flex;gap:7px;flex-wrap:wrap;\n}\n#dos-company-comparison .dos-period{\n background:#E7E5E1;border:1px solid #D0CEC9;\n color:#444;border-radius:7px;\n padding:7px 11px;font-size:12px;\n}\n#dos-company-comparison .dos-period.active{\n background:var(--blue);border-color:var(--blue);\n color:white;font-weight:700;\n}\n#dos-company-comparison .dos-chart{\n width:100%;height:auto;display:block;\n overflow:visible;\n}\n#dos-company-comparison .dos-legend{\n display:flex;gap:15px;flex-wrap:wrap;\n margin-top:12px;\n}\n#dos-company-comparison .dos-legend-item{\n display:flex;align-items:center;gap:6px;\n font-size:12px;color:var(--muted);\n}\n#dos-company-comparison .dos-dot{\n width:9px;height:9px;border-radius:50%;\n display:inline-block;\n}\n#dos-company-comparison .dos-bars{\n display:flex;flex-direction:column;gap:15px;\n}\n#dos-company-comparison .dos-bar-row{\n display:grid;grid-template-columns:110px 1fr 48px;\n gap:10px;align-items:center;font-size:12px;\n}\n#dos-company-comparison .dos-bar-bg{\n height:12px;background:#DAD8D3;\n border-radius:10px;overflow:hidden;\n}\n#dos-company-comparison .dos-bar-fill{\n height:100%;border-radius:10px;\n}\n#dos-company-comparison .dos-note{\n font-size:11px;line-height:1.6;\n color:var(--muted);margin-top:12px;\n}\n#dos-company-comparison .dos-actions{\n display:flex;gap:9px;flex-wrap:wrap;\n}\n#dos-company-comparison .dos-empty{\n padding:30px 12px;text-align:center;\n color:var(--muted);\n}\n#dos-company-comparison .dos-footer{\n display:flex;justify-content:space-between;\n gap:12px;flex-wrap:wrap;align-items:center;\n}\n#dos-company-comparison .dos-stat-grid{\n display:grid;grid-template-columns:repeat(3,minmax(0,1fr));\n gap:12px;margin-bottom:16px;\n}\n#dos-company-comparison .dos-stat{\n background:rgba(255,255,255,.58);\n border:1px solid #FFFFFFA8;\n padding:14px;border-radius:10px;\n}\n#dos-company-comparison .dos-stat strong{\n display:block;font-size:18px;margin-top:6px;\n}\n@media(max-width:850px){\n #dos-company-comparison .dos-selected{\n  grid-template-columns:repeat(3,minmax(0,1fr));\n }\n}\n@media(max-width:600px){\n #dos-company-comparison{padding:13px}\n #dos-company-comparison h1{font-size:23px}\n #dos-company-comparison .dos-selected{\n  grid-template-columns:repeat(2,minmax(0,1fr));\n }\n #dos-company-comparison .dos-stat-grid{\n  grid-template-columns:1fr 1fr;\n }\n #dos-company-comparison .dos-card{padding:13px}\n #dos-company-comparison .dos-bar-row{\n  grid-template-columns:85px 1fr 40px;\n }\n}\n@media print{\n body:has(#dos-company-comparison) #masthead,\n body:has(#dos-company-comparison) .site-header{display:none!important}\n #dos-company-comparison{background:white!important;padding:0}\n #dos-company-comparison .dos-btn,\n #dos-company-comparison .dos-periods,\n #dos-company-comparison .dos-search{display:none!important}\n #dos-company-comparison .dos-card{break-inside:avoid}\n}\n<\/style>\n\n<div class=\"dos-header\">\n <div>\n  <h1>Company Comparison<\/h1>\n  <p>Compare financial fundamentals and company performance.<\/p>\n <\/div>\n <span class=\"dos-tag\">DEMO DATA<\/span>\n<\/div>\n\n<div class=\"dos-stat-grid\">\n <div class=\"dos-stat\">\n  <span class=\"dos-sub\">Selected Companies<\/span>\n  <strong id=\"dos-cc-count\">2<\/strong>\n <\/div>\n <div class=\"dos-stat\">\n  <span class=\"dos-sub\">Comparison Metrics<\/span>\n  <strong>15+<\/strong>\n <\/div>\n <div class=\"dos-stat\">\n  <span class=\"dos-sub\">Data Status<\/span>\n  <strong style=\"font-size:14px;color:#287BFF\">Demo Mode<\/strong>\n <\/div>\n<\/div>\n\n<!-- COMPANY SELECTION -->\n<section class=\"dos-card\">\n <div class=\"dos-section-head\">\n  <div>\n   <h2>Select Companies<\/h2>\n   <p class=\"dos-sub\">Choose 2 to 5 companies for comparison.<\/p>\n  <\/div>\n  <span class=\"dos-tag\" id=\"dos-cc-limit\">2 \/ 5 Selected<\/span>\n <\/div>\n <div class=\"dos-row\">\n  <div class=\"dos-search\">\n   <input class=\"dos-input\" id=\"dos-cc-search\"\n    placeholder=\"Search company name or symbol...\"\n    autocomplete=\"off\">\n   <div class=\"dos-suggestions\" id=\"dos-cc-suggestions\" style=\"display:none\"><\/div>\n  <\/div>\n  <button class=\"dos-btn dos-primary\" id=\"dos-cc-add\">+ Add Company<\/button>\n  <button class=\"dos-btn\" id=\"dos-cc-clear\">Clear All<\/button>\n <\/div>\n <div class=\"dos-selected\" id=\"dos-cc-selected\"><\/div>\n <p class=\"dos-note\">\n  You can select companies from the demo database. The same company cannot be selected twice.\n <\/p>\n<\/section>\n\n<!-- OVERVIEW -->\n<section class=\"dos-card\">\n <div class=\"dos-section-head\">\n  <div>\n   <h2>1. Company Overview<\/h2>\n   <p class=\"dos-sub\">Basic company and market information.<\/p>\n  <\/div>\n <\/div>\n <div class=\"dos-table-wrap\" id=\"dos-cc-overview\"><\/div>\n<\/section>\n\n<!-- FUNDAMENTALS -->\n<section class=\"dos-card\">\n <div class=\"dos-section-head\">\n  <div>\n   <h2>2. Financial Comparison<\/h2>\n   <p class=\"dos-sub\">Compare key financial and valuation metrics.<\/p>\n  <\/div>\n  <span class=\"dos-tag\">FUNDAMENTALS<\/span>\n <\/div>\n <div class=\"dos-table-wrap\" id=\"dos-cc-fundamentals\"><\/div>\n <p class=\"dos-note\">\n  P\/E and P\/B are valuation ratios. ROE and ROCE are profitability measures.\n  Debt\/Equity and growth metrics should be interpreted in the context of each company&#8217;s industry.\n <\/p>\n<\/section>\n\n<!-- PERFORMANCE -->\n<section class=\"dos-card\">\n <div class=\"dos-section-head\">\n  <div>\n   <h2>3. Performance Comparison<\/h2>\n   <p class=\"dos-sub\">Illustrative indexed performance chart.<\/p>\n  <\/div>\n <\/div>\n <div class=\"dos-chart-box\">\n  <div class=\"dos-section-head\">\n   <strong>Relative Performance<\/strong>\n   <div class=\"dos-periods\" id=\"dos-cc-periods\">\n    <button class=\"dos-period active\" data-period=\"1M\">1M<\/button>\n    <button class=\"dos-period\" data-period=\"3M\">3M<\/button>\n    <button class=\"dos-period\" data-period=\"6M\">6M<\/button>\n    <button class=\"dos-period\" data-period=\"1Y\">1Y<\/button>\n    <button class=\"dos-period\" data-period=\"3Y\">3Y<\/button>\n    <button class=\"dos-period\" data-period=\"5Y\">5Y<\/button>\n   <\/div>\n  <\/div>\n  <div id=\"dos-cc-chart\"><\/div>\n  <div class=\"dos-legend\" id=\"dos-cc-legend\"><\/div>\n  <p class=\"dos-note\">\n   Chart values are illustrative, indexed to a starting value of 100.\n   They do not represent actual historical returns.\n  <\/p>\n <\/div>\n<\/section>\n\n<!-- SHAREHOLDING -->\n<section class=\"dos-card\">\n <div class=\"dos-section-head\">\n  <div>\n   <h2>4. Shareholding Pattern<\/h2>\n   <p class=\"dos-sub\">Illustrative ownership distribution.<\/p>\n  <\/div>\n <\/div>\n <div class=\"dos-table-wrap\" id=\"dos-cc-share-table\"><\/div>\n <div class=\"dos-chart-box\" style=\"margin-top:15px\">\n  <h3>Shareholding Distribution<\/h3>\n  <div class=\"dos-bars\" id=\"dos-cc-share-bars\"><\/div>\n <\/div>\n<\/section>\n\n<!-- EXPORT -->\n<section class=\"dos-card\">\n <div class=\"dos-section-head\">\n  <div>\n   <h2>5. Export &#038; Download<\/h2>\n   <p class=\"dos-sub\">Save your comparison for later reference.<\/p>\n  <\/div>\n <\/div>\n <div class=\"dos-actions\">\n  <button class=\"dos-btn dos-primary\" id=\"dos-cc-csv\">Download CSV<\/button>\n  <button class=\"dos-btn\" id=\"dos-cc-print\">Print \/ Save PDF<\/button>\n  <button class=\"dos-btn\" id=\"dos-cc-reset\">Reset Comparison<\/button>\n <\/div>\n <p class=\"dos-note\">\n  PDF download uses your browser&#8217;s Print option. Select &#8220;Save as PDF&#8221; when the print window opens.\n <\/p>\n<\/section>\n\n<div class=\"dos-footer\">\n <span class=\"dos-sub\" id=\"dos-cc-updated\">Demo data \u00b7 Not connected to a live market API.<\/span>\n <span class=\"dos-sub\">DataOneSix Financial Analytics<\/span>\n<\/div>\n\n<script>\n(function(){\n const root=document.getElementById('dos-company-comparison');\n if(!root || root.dataset.ready==='yes')return;\n root.dataset.ready='yes';\n\n const $=id=>root.querySelector('#'+id);\n const colors=['#287BFF','#7A1F2B','#287A65','#7655C5','#D28B28'];\n\n const companies=[\n  {\n   id:'TCS',name:'Tata Consultancy Services',symbol:'TCS',\n   exchange:'NSE',sector:'Information Technology',\n   price:3800,change:0.45,cap:1380000,\n   pe:28.1,pb:14.2,eps:135.2,roe:51,roce:64,\n   debt:0.08,revenue:8.5,profit:9.2,dividend:1.2,\n   margin:24.5,\n   high:4200,low:3400,\n   share:[71.7,12.4,9.8,6.1],\n   performance:{\n    '1M':[100,102,101,104,103,106,108],\n    '3M':[100,103,101,106,108,107,112],\n    '6M':[100,105,103,110,112,116,119],\n    '1Y':[100,108,105,115,118,123,130],\n    '3Y':[100,112,125,119,140,153,165],\n    '5Y':[100,115,130,145,155,175,195]\n   }\n  },\n  {\n   id:'INFY',name:'Infosys',symbol:'INFY',\n   exchange:'NSE',sector:'Information Technology',\n   price:1550,change:0.60,cap:640000,\n   pe:23.4,pb:7.2,eps:66.2,roe:30,roce:38,\n   debt:0.05,revenue:7.8,profit:8.1,dividend:2.1,\n   margin:21.0,\n   high:1800,low:1300,\n   share:[14.7,34.2,38.1,13.8],\n   performance:{\n    '1M':[100,101,103,102,105,106,109],\n    '3M':[100,102,105,107,106,110,114],\n    '6M':[100,104,108,110,115,117,121],\n    '1Y':[100,105,112,115,121,125,133],\n    '3Y':[100,115,127,138,150,160,172],\n    '5Y':[100,120,135,150,168,180,205]\n   }\n  },\n  {\n   id:'HDFCBANK',name:'HDFC Bank',symbol:'HDFCBANK',\n   exchange:'NSE',sector:'Banking',\n   price:1700,change:0.80,cap:1290000,\n   pe:19.2,pb:2.8,eps:88.5,roe:14,roce:null,\n   debt:null,revenue:12.5,profit:10.5,dividend:1.1,\n   margin:null,\n   high:1900,low:1400,\n   share:[25.5,47.2,18.4,9.0],\n   performance:{\n    '1M':[100,101,102,104,103,105,107],\n    '3M':[100,102,104,105,107,109,111],\n    '6M':[100,103,106,108,111,113,116],\n    '1Y':[100,104,109,113,117,120,124],\n    '3Y':[100,110,119,128,137,145,154],\n    '5Y':[100,112,125,140,150,165,180]\n   }\n  },\n  {\n   id:'RELIANCE',name:'Reliance Industries',symbol:'RELIANCE',\n   exchange:'NSE',sector:'Energy',\n   price:1450,change:1.25,cap:1950000,\n   pe:24.5,pb:2.1,eps:59.2,roe:9.5,roce:10.2,\n   debt:0.42,revenue:7.5,profit:6.4,dividend:0.4,\n   margin:16.2,\n   high:1600,low:1200,\n   share:[50.3,21.8,17.5,10.4],\n   performance:{\n    '1M':[100,103,102,105,106,108,111],\n    '3M':[100,104,106,105,110,113,117],\n    '6M':[100,106,110,112,116,119,123],\n    '1Y':[100,107,113,117,121,127,132],\n    '3Y':[100,115,125,135,145,155,168],\n    '5Y':[100,118,135,148,160,178,192]\n   }\n  },\n  {\n   id:'ICICIBANK',name:'ICICI Bank',symbol:'ICICIBANK',\n   exchange:'NSE',sector:'Banking',\n   price:1250,change:-0.70,cap:880000,\n   pe:18.5,pb:3.0,eps:67.5,roe:17,roce:null,\n   debt:null,revenue:13.2,profit:12.1,dividend:0.8,\n   margin:null,\n   high:1400,low:1000,\n   share:[0,44.2,40.1,15.7],\n   performance:{\n    '1M':[100,102,101,103,104,106,108],\n    '3M':[100,103,105,107,108,111,113],\n    '6M':[100,104,108,111,115,118,120],\n    '1Y':[100,106,112,117,122,126,131],\n    '3Y':[100,114,128,139,151,163,176],\n    '5Y':[100,117,133,150,168,187,208]\n   }\n  }\n ];\n\n let selected=['TCS','INFY'];\n let period='1M';\n\n function esc(s){\n  return String(s).replace(\/[&<>\"']\/g,c=>({\n   '&':'&amp;','<':'&lt;','>':'&gt;',\n   '\"':'&quot;',\"'\":'&#39;'\n  }[c]));\n }\n function getSelected(){\n  return selected.map(id=>companies.find(c=>c.id===id)).filter(Boolean);\n }\n function fmt(n){\n  if(n===null||n===undefined)return 'N\/A';\n  return Number(n).toLocaleString('en-IN',{maximumFractionDigits:2});\n }\n function money(n){return '\u20b9'+fmt(n);}\n function percent(n){return n===null?'N\/A':fmt(n)+'%';}\n function value(n){return n===null?'N\/A':fmt(n);}\n function table(headers,rows){\n  return '<table><thead><tr>'+headers.map(h=>'<th>'+h+'<\/th>').join('')+\n   '<\/tr><\/thead><tbody>'+rows.join('')+'<\/tbody><\/table>';\n }\n function metricRow(label,values,highlight){\n  return '<tr><td>'+label+'<\/td>'+values.map(v=>\n   '<td class=\"'+(highlight?'dos-highlight':'')+'\">'+v+'<\/td>'\n  ).join('')+'<\/tr>';\n }\n function renderSelected(){\n  const arr=getSelected();\n  $('dos-cc-count').textContent=arr.length;\n  $('dos-cc-limit').textContent=arr.length+' \/ 5 Selected';\n  $('dos-cc-selected').innerHTML=arr.map((c,i)=>\n   '<div class=\"dos-company-card\">'+\n   '<span class=\"dos-sub\">Company '+(i+1)+'<\/span>'+\n   '<strong>'+esc(c.name)+'<\/strong>'+\n   '<small>'+esc(c.symbol)+' \u00b7 '+esc(c.exchange)+'<\/small><br>'+\n   '<button class=\"dos-remove\" data-unselect=\"'+c.id+'\">Remove \u00d7<\/button>'+\n   '<\/div>'\n  ).join('');\n  $('dos-cc-selected').querySelectorAll('[data-unselect]').forEach(b=>\n   b.addEventListener('click',()=>removeCompany(b.dataset.unselect))\n  );\n }\n function renderOverview(){\n  const arr=getSelected();\n  const rows=[\n   metricRow('Company Name',arr.map(c=>'<span class=\"dos-company-heading\">'+esc(c.name)+'<\/span>'),true),\n   metricRow('Symbol',arr.map(c=>esc(c.symbol))),\n   metricRow('Exchange',arr.map(c=>c.exchange)),\n   metricRow('Sector',arr.map(c=>esc(c.sector))),\n   metricRow('Demo Price',arr.map(c=>money(c.price))),\n   metricRow('Daily Change',arr.map(c=>\n    '<span class=\"'+(c.change>=0?'dos-positive':'dos-negative')+'\">'+\n    (c.change>0?'+':'')+fmt(c.change)+'%<\/span>'\n   )),\n   metricRow('Market Cap (\u20b9 Cr)',arr.map(c=>fmt(c.cap))),\n   metricRow('52 Week High',arr.map(c=>money(c.high))),\n   metricRow('52 Week Low',arr.map(c=>money(c.low)))\n  ];\n  $('dos-cc-overview').innerHTML=arr.length?\n   table(['Company Details',...arr.map(c=>esc(c.symbol))],rows):\n   '<div class=\"dos-empty\">Select companies to see their overview.<\/div>';\n }\n function renderFundamentals(){\n  const arr=getSelected();\n  const groups=[\n   {name:'VALUATION',metrics:[\n    ['P\/E Ratio',c=>value(c.pe)],\n    ['P\/B Ratio',c=>value(c.pb)],\n    ['EPS (\u20b9)',c=>value(c.eps)],\n    ['Dividend Yield',c=>percent(c.dividend)]\n   ]},\n   {name:'PROFITABILITY',metrics:[\n    ['ROE',c=>percent(c.roe)],\n    ['ROCE',c=>percent(c.roce)],\n    ['Operating Margin',c=>percent(c.margin)]\n   ]},\n   {name:'FINANCIAL HEALTH',metrics:[\n    ['Debt \/ Equity',c=>value(c.debt)]\n   ]},\n   {name:'GROWTH',metrics:[\n    ['Revenue Growth',c=>percent(c.revenue)],\n    ['Profit Growth',c=>percent(c.profit)]\n   ]}\n  ];\n  if(!arr.length){\n   $('dos-cc-fundamentals').innerHTML='<div class=\"dos-empty\">Select companies to compare financial metrics.<\/div>';\n   return;\n  }\n  let html='<table><thead><tr><th>Financial Metric<\/th>'+\n   arr.map(c=>'<th>'+esc(c.symbol)+'<\/th>').join('')+\n   '<\/tr><\/thead><tbody>';\n  groups.forEach(g=>{\n   html+='<tr><td class=\"dos-metric-group\" colspan=\"'+(arr.length+1)+'\">'+g.name+'<\/td><\/tr>';\n   g.metrics.forEach(m=>{\n    html+=metricRow(m[0],arr.map(c=>m[1](c)));\n   });\n  });\n  html+='<\/tbody><\/table>';\n  $('dos-cc-fundamentals').innerHTML=html;\n }\n function renderChart(){\n  const arr=getSelected();\n  if(!arr.length){\n   $('dos-cc-chart').innerHTML='<div class=\"dos-empty\">Select companies to view the chart.<\/div>';\n   $('dos-cc-legend').innerHTML='';return;\n  }\n  const W=720,H=280,left=48,right=16,top=18,bottom=35;\n  const vals=arr.flatMap(c=>c.performance[period]);\n  const min=Math.min(80,...vals),max=Math.max(120,...vals);\n  const x=i=>left+i*((W-left-right)\/6);\n  const y=v=>top+(max-v)*(H-top-bottom)\/(max-min);\n  let svg='<svg class=\"dos-chart\" viewBox=\"0 0 '+W+' '+H+'\" role=\"img\" aria-label=\"Illustrative company performance comparison\">';\n  for(let j=0;j<5;j++){\n   const v=min+(max-min)*j\/4;\n   const yy=y(v);\n   svg+='<line x1=\"'+left+'\" y1=\"'+yy+'\" x2=\"'+(W-right)+'\" y2=\"'+yy+'\" stroke=\"#D5D2CC\" stroke-dasharray=\"4 4\"\/>';\n   svg+='<text x=\"5\" y=\"'+(yy+4)+'\" fill=\"#777\" font-size=\"11\">'+Math.round(v)+'<\/text>';\n  }\n  const labels=['Start','1','2','3','4','5','Now'];\n  labels.forEach((t,i)=>{\n   svg+='<text x=\"'+x(i)+'\" y=\"'+(H-9)+'\" fill=\"#777\" font-size=\"10\" text-anchor=\"middle\">'+t+'<\/text>';\n  });\n  arr.forEach((c,i)=>{\n   const pts=c.performance[period].map((v,j)=>x(j)+','+y(v)).join(' ');\n   svg+='<polyline points=\"'+pts+'\" fill=\"none\" stroke=\"'+colors[i]+'\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>';\n   const last=c.performance[period][6];\n   svg+='<circle cx=\"'+x(6)+'\" cy=\"'+y(last)+'\" r=\"4\" fill=\"'+colors[i]+'\"\/>';\n  });\n  svg+='<\/svg>';\n  $('dos-cc-chart').innerHTML=svg;\n  $('dos-cc-legend').innerHTML=arr.map((c,i)=>\n   '<span class=\"dos-legend-item\"><i class=\"dos-dot\" style=\"background:'+colors[i]+'\"><\/i>'+\n   esc(c.symbol)+'<\/span>'\n  ).join('');\n }\n function renderShareholding(){\n  const arr=getSelected();\n  const names=['Promoters','FIIs','DIIs','Public'];\n  const rows=names.map((n,i)=>metricRow(n,arr.map(c=>percent(c.share[i]))));\n  $('dos-cc-share-table').innerHTML=arr.length?\n   table(['Shareholding',...arr.map(c=>esc(c.symbol))],rows):\n   '<div class=\"dos-empty\">Select companies to see shareholding.<\/div>';\n  const bars=arr.map((c,i)=>{\n   return '<div class=\"dos-card-inner\">'+\n    '<strong>'+esc(c.name)+'<\/strong>'+\n    c.share.map((v,j)=>\n     '<div class=\"dos-bar-row\">'+\n     '<span>'+names[j]+'<\/span>'+\n     '<div class=\"dos-bar-bg\"><div class=\"dos-bar-fill\" style=\"width:'+v+'%;background:'+colors[j]+'\"><\/div><\/div>'+\n     '<strong>'+fmt(v)+'%<\/strong><\/div>'\n    ).join('')+'<\/div>';\n  }).join('');\n  $('dos-cc-share-bars').innerHTML=bars||'<div class=\"dos-empty\">No companies selected.<\/div>';\n }\n function render(){\n  renderSelected();\n  renderOverview();\n  renderFundamentals();\n  renderChart();\n  renderShareholding();\n }\n function removeCompany(id){\n  if(selected.length<=2){\n   alert('At least two companies are needed for comparison.');return;\n  }\n  selected=selected.filter(x=>x!==id);\n  render();\n }\n function addCompany(id){\n  if(selected.includes(id)){\n   alert('This company is already selected.');return;\n  }\n  if(selected.length>=5){\n   alert('You can compare a maximum of five companies at a time.');return;\n  }\n  selected.push(id);\n  $('dos-cc-search').value='';\n  $('dos-cc-suggestions').style.display='none';\n  render();\n }\n function suggestions(){\n  const q=$('dos-cc-search').value.trim().toLowerCase();\n  const box=$('dos-cc-suggestions');\n  if(!q){box.style.display='none';return;}\n  const results=companies.filter(c=>\n   c.name.toLowerCase().includes(q)||c.symbol.toLowerCase().includes(q)\n  );\n  box.innerHTML=results.length?results.map(c=>\n   '<button class=\"dos-suggest\" data-add=\"'+c.id+'\"><strong>'+\n   esc(c.name)+'<\/strong><br><small>'+esc(c.symbol)+' \u00b7 '+\n   esc(c.sector)+'<\/small><\/button>'\n  ).join(''):'<div class=\"dos-suggest\">No matching demo company found.<\/div>';\n  box.style.display='block';\n  box.querySelectorAll('[data-add]').forEach(b=>\n   b.addEventListener('click',()=>addCompany(b.dataset.add))\n  );\n }\n function exportCSV(){\n  const arr=getSelected();\n  if(arr.length<2){alert('Select at least two companies.');return;}\n  const rows=[\n   ['Metric',...arr.map(c=>c.name)],\n   ['Symbol',...arr.map(c=>c.symbol)],\n   ['Sector',...arr.map(c=>c.sector)],\n   ['Demo Price (INR)',...arr.map(c=>c.price)],\n   ['Daily Change (%)',...arr.map(c=>c.change)],\n   ['Market Cap (INR Cr)',...arr.map(c=>c.cap)],\n   ['P\/E',...arr.map(c=>c.pe)],\n   ['P\/B',...arr.map(c=>c.pb)],\n   ['EPS',...arr.map(c=>c.eps)],\n   ['ROE (%)',...arr.map(c=>c.roe)],\n   ['ROCE (%)',...arr.map(c=>c.roce??'N\/A')],\n   ['Debt\/Equity',...arr.map(c=>c.debt??'N\/A')],\n   ['Revenue Growth (%)',...arr.map(c=>c.revenue)],\n   ['Profit Growth (%)',...arr.map(c=>c.profit)],\n   ['Dividend Yield (%)',...arr.map(c=>c.dividend)]\n  ];\n  const csv=rows.map(row=>row.map(v=>\n   '\"'+String(v).replace(\/\"\/g,'\"\"')+'\"'\n  ).join(',')).join('\\n');\n  const blob=new Blob(['\\uFEFF'+csv],{type:'text\/csv;charset=utf-8'});\n  const url=URL.createObjectURL(blob);\n  const a=document.createElement('a');\n  a.href=url;a.download='DataOneSix-Company-Comparison-Demo.csv';\n  document.body.appendChild(a);a.click();a.remove();\n  URL.revokeObjectURL(url);\n }\n\n $('dos-cc-search').addEventListener('input',suggestions);\n $('dos-cc-add').addEventListener('click',()=>{\n  const q=$('dos-cc-search').value.trim().toLowerCase();\n  const match=companies.find(c=>c.symbol.toLowerCase()===q||\n   c.name.toLowerCase()===q);\n  if(match)addCompany(match.id);\n  else suggestions();\n });\n $('dos-cc-clear').addEventListener('click',()=>{\n  selected=[];render();\n });\n $('dos-cc-periods').querySelectorAll('[data-period]').forEach(b=>{\n  b.addEventListener('click',()=>{\n   period=b.dataset.period;\n   $('dos-cc-periods').querySelectorAll('.dos-period').forEach(x=>\n    x.classList.toggle('active',x===b)\n   );\n   renderChart();\n  });\n });\n $('dos-cc-csv').addEventListener('click',exportCSV);\n $('dos-cc-print').addEventListener('click',()=>window.print());\n $('dos-cc-reset').addEventListener('click',()=>{\n  selected=['TCS','INFY'];period='1M';\n  $('dos-cc-periods').querySelectorAll('.dos-period').forEach(b=>\n   b.classList.toggle('active',b.dataset.period==='1M')\n  );\n  render();\n });\n document.addEventListener('click',e=>{\n  if(!root.contains(e.target))return;\n  if(!e.target.closest('.dos-search')){\n   $('dos-cc-suggestions').style.display='none';\n  }\n });\n render();\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Company Comparison Compare financial fundamentals and company performance. DEMO DATA Selected Companies 2 Comparison Metrics 15+ Data Status Demo Mode [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","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-53","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/dataonesix.com\/hi\/wp-json\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dataonesix.com\/hi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dataonesix.com\/hi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dataonesix.com\/hi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dataonesix.com\/hi\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":3,"href":"https:\/\/dataonesix.com\/hi\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":206,"href":"https:\/\/dataonesix.com\/hi\/wp-json\/wp\/v2\/pages\/53\/revisions\/206"}],"wp:attachment":[{"href":"https:\/\/dataonesix.com\/hi\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}