Periodic Table of the HTML Elements

Please, don&#x27;t use periodic table to visualize anything by elements. For elements it works great and is one of the most beautiful and useful visualization ever created (as it&#x27;s form is related to fundamental relation between elements).<p>For everything else (unless having a similar structure to elements), it&#x27;s awful, misleading and pointless. If I see such I am always wondering, is it: a tasteless designer, wannabe data scientist who know no other visualizations, or a science ignorant having no clue why Mendeleev&#x27;s table is structured in that particular way, or a salesman wanting to give it extra legit and make it sound more fundamental.<p>Just please, don&#x27;t.<p>Hint: just group things, in their own structure.

The author put some thought into arranging elements according to their relationships, something too often overlooked in &#x27;periodic table of $x$&#x27; mash-ups.<p>The more I look, the more I find. I am impressed.

I&#x27;ve seen periodic tables like this in the past that were just, blah...But I still reluctantly clicked through and was amazed. This is beautiful and organized very well. I find myself clicking through various newer HTML5 elements I&#x27;ve never used.

I can&#x27;t figure out what relationships this is supposed to be showing me, other than the color labeling a particular type of element according to the key on the bottom.<p>Why is it 18 columns wide? Why the asymmetry? What does it mean for an element to be on top of another?<p>I&#x27;m clicking around and I&#x27;m not seeing it.

It gives you something like a heat map of any web page. Cool! I keep finding little surprises hidden here.

That&#x27;s pretty cute. I was kind of hoping that singletons would be over on the far right in the &quot;noble gases&quot; column, as an analogy to reactivity, or perhaps some other analogy about nesting relationships.

As a biology and genetics grad, I can safely say that I never memorized the periodic table, but this looks like something I can commit to memory! Awesome, awesome work!

The arrangement could be improved in a few places,<p>1. i and em, and b and strong, should be related. They should appear in two column? e.g., i over em, b over strong<p>2. The most common form elements (input, select, textarea, button) should be near the top. select should be directly over option.

what&#x27;s periodic about it? Isn&#x27;t it just a table?

I get &quot;Error establishing a database connection&quot; in big letters when I try to visit your blog