to your HTML Add class="sortable" to any table you'd like to make sortable Click on the headers to sort Thanks to many, many people for contributions and suggestions. Licenced as X11: http://www.kryogenix.org/code/browser/licence.html This basically means: do what you want with it. */ var stIsIE = /*@cc_on!@*/false; sorttable = { init: function() { // quit if this function has already been called if (arguments.callee.done) return; // flag this function so we don't do the same thing twice arguments.callee.done = true; // kill the timer if (_timer) clearInterval(_timer); if (!document.createElement || !document.getElementsByTagName) return; sorttable.DATE_RE = /^(\d\d?)[\/\.-](\d\d?)[\/\.-]((\d\d)?\d\d)$/; forEach(document.getElementsByTagName('table'), function(table) { if (table.className.search(/\bsortable\b/) != -1) { sorttable.makeSortable(table); } }); }, makeSortable: function(table) { if (table.getElementsByTagName('thead').length == 0) { // table doesn't have a tHead. Since it should have, create one and // put the first table row in it. the = document.createElement('thead'); the.appendChild(table.rows[0]); table.insertBefore(the,table.firstChild); } // Safari doesn't support table.tHead, sigh if (table.tHead == null) table.tHead = table.getElementsByTagName('thead')[0]; if (table.tHead.rows.length != 1) return; // can't cope with two header rows // Sorttable v1 put rows with a class of "sortbottom" at the bottom (as // "total" rows, for example). This is B&R, since what you're supposed // to do is put them in a tfoot. So, if there are sortbottom rows, // for backwards compatibility, move them to tfoot (creating it if needed). sortbottomrows = []; for (var i=0; i
Several weeks ago, we presented our visualization of the market capitalization of the S&P 500 and its ten biggest components at the end of the first quarter of 2026. Visual Capitalist offers an expanded view of all the companies of the U.S. stock market's benchmark index, grouping them in their industrial sectors:
Here is Dorothy Neufield's commentary about the information the image conveys:
This visualization brings all 500 companies into a single view, with each sized by its share of the index and grouped by sector. It is based on data from Slickcharts as of March 30, 2026.
Each circle represents a company, making it easy to compare how market value is distributed across sectors—and to see which firms dominate the index.
One immediate takeaway is how much space is occupied by just a handful of companies. Just 10 firms now make up over 36% of the S&P 500, up from 23% in 2000.
She offers this observation about what the concentration of market cap within such a small fraction of firms, mainly in the technology sector, represents:
... the market is behaving less like a 500-company index, and more like a concentrated bet on a few dominant firms. At the center of this shift is the AI boom, illustrating how a single technological wave is reshaping the market’s hierarchy.
Regardless of anyone's opinions of today's Artificial Intelligence (AI) technology and its potential, it is having a profound effect on the U.S. stock market and how Americans invest.
Dorothy Neufield and Amy Kuo. Every S&P 500 Company in One Giant Chart. Visual Capitalist. [Online article]. 14 April 2026.
Labels: data visualization, SP 500
Welcome to the blogosphere's toolchest! Here, unlike other blogs dedicated to analyzing current events, we create easy-to-use, simple tools to do the math related to them so you can get in on the action too! If you would like to learn more about these tools, or if you would like to contribute ideas to develop for this blog, please e-mail us at:
ironman at politicalcalculations
Thanks in advance!
Closing values for previous trading day.
This site is primarily powered by:
The tools on this site are built using JavaScript. If you would like to learn more, one of the best free resources on the web is available at W3Schools.com.