3 ms·

Hi, I made this map/visual diagram of the web's APIs. One of the interesting things you can see is the emerging technologies, like CSS Houdini (https://develope

Hi, I made this map/visual diagram of the web's APIs. One of the interesting things you can see is the emerging technologies, like CSS Houdini (https://developer.mozilla.org/en-US/docs/Web/Houdini https://developer.mozilla.org/en-US/docs/Web/Houdini). Another is alternative and less popular technologies, like XSLT for styling (https://developer.mozilla.org/en-US/docs/Web/XSLT https://developer.mozilla.org/en-US/docs/Web/XSLT) or SVG as a markup language. (https://www.w3.org/TR/SVG11/ https://www.w3.org/TR/SVG11/) It helps people understand the capabilities of a modern web browser easier. The color-coding is intended to help web developers think on if they can use as a feature on their site. If your audience is on a modern web browser (not IE 11), the medium shade of green is enough. If you only need some users to have the feature, then dark green is enough. If you only care about Chrome, you can use the APIs in blue.

ZeroClickOk 6y ago
Nice. Some suggestions: 1) Show some expanded information on hover; 2) Put (more) links to Wikipedia/CanIUse; 3) Allow some kind of resize. Even if I zoom out in Chrome I cannot see all the periodic table at once; 4) Maybe the rows must be organized by "relevant" ratio. So currently used will be on top and obsolete/deprecated in bottom; 5) Yet on 4, maybe we can customize the order? 6) Missing a "Server side" column for ASP.Net, Php, etc... 7) Allow hide/show columns
pwdisswordfish4 6y ago
I considered, especially since this is a Show HN, to not say anything and let it slide, but considering the potential long tail for negative effects, where web dev circles are already filled with mildly annoying falsehoods and crazy beliefs, it seems kind of irresponsible to opt for letting it slide out of some (possibly mistaken) notion of politeness. There are some bad conclusions that can be drawn from this chart, if not just downright bad info contained in it, at least in its current form. For example, if the date labels are going to be this arbitrary, it would probably be better to just omit them altogether.
serial_dev 6y ago
It would be also great to have at least one link for all API, so that I can easily learn more about a particular API.
graderjs 6y ago
This is very useful, thank you. I had to zoom out to get an overview and the legend overlapped with the top left of the table. If it could scale to different sizes more clearly and smoothly that would be an improvement I think. But I understand if you don't intend to make changes, and it's also great as it is, thanks very much for releasing!
airstrike 6y ago
I think this is a worthwhile exercise but the years make no sense at all. CSS was proposed in 1994, not 2015. It's off by literally 2 decades. Also XHTML was released in 2000... By 2010 it was almost obsolete with HTML5 coming out 4 years later I stopped reading there
WhyNotHugo 6y ago
The colour coding doesn't really have good-enough contrast. I can't personally distinguish the three first colours. I can tell they're somehow different, but can't tell which is which. All three are some kinda of "olive-like greenish". Maybe try going with better contrasting colours? Here's a useful tool to better test this: https://contrast-ratio.com/#darkolivegreen-on-olive https://contrast-ratio.com/#darkolivegreen-on-olive It's funny, I've always read a lot about these accessibility issues, but this is the first time I find myself affected by one to the point where I can't interpret something.
- crazypython 6y ago
  I might or might not be able to look at improving the colors, but feel free to send a pull request. https://github.com/CrazyPython/wwwperiodictable https://github.com/CrazyPython/wwwperiodictable

ZeroClickOk 6y ago

Nice. Some suggestions: 1) Show some expanded information on hover; 2) Put (more) links to Wikipedia/CanIUse; 3) Allow some kind of resize. Even if I zoom out in Chrome I cannot see all the periodic table at once; 4) Maybe the rows must be organized by "relevant" ratio. So currently used will be on top and obsolete/deprecated in bottom; 5) Yet on 4, maybe we can customize the order? 6) Missing a "Server side" column for ASP.Net, Php, etc... 7) Allow hide/show columns

pwdisswordfish4 6y ago

I considered, especially since this is a Show HN, to not say anything and let it slide, but considering the potential long tail for negative effects, where web dev circles are already filled with mildly annoying falsehoods and crazy beliefs, it seems kind of irresponsible to opt for letting it slide out of some (possibly mistaken) notion of politeness. There are some bad conclusions that can be drawn from this chart, if not just downright bad info contained in it, at least in its current form. For example, if the date labels are going to be this arbitrary, it would probably be better to just omit them altogether.

serial_dev 6y ago

It would be also great to have at least one link for all API, so that I can easily learn more about a particular API.

graderjs 6y ago

This is very useful, thank you. I had to zoom out to get an overview and the legend overlapped with the top left of the table. If it could scale to different sizes more clearly and smoothly that would be an improvement I think. But I understand if you don't intend to make changes, and it's also great as it is, thanks very much for releasing!

airstrike 6y ago

I think this is a worthwhile exercise but the years make no sense at all. CSS was proposed in 1994, not 2015. It's off by literally 2 decades. Also XHTML was released in 2000... By 2010 it was almost obsolete with HTML5 coming out 4 years later I stopped reading there

WhyNotHugo 6y ago

The colour coding doesn't really have good-enough contrast. I can't personally distinguish the three first colours. I can tell they're somehow different, but can't tell which is which. All three are some kinda of "olive-like greenish". Maybe try going with better contrasting colours? Here's a useful tool to better test this: https://contrast-ratio.com/#darkolivegreen-on-olive https://contrast-ratio.com/#darkolivegreen-on-olive It's funny, I've always read a lot about these accessibility issues, but this is the first time I find myself affected by one to the point where I can't interpret something.

crazypython 6y ago
I might or might not be able to look at improving the colors, but feel free to send a pull request. https://github.com/CrazyPython/wwwperiodictable https://github.com/CrazyPython/wwwperiodictable