D3 Visualization of Browser Feature Statistics
Python JavaScript CSS HTML
Fetching latest commit…
Cannot retrieve the latest commit at this time.


D3 Browser Feature Stats Visualization

This app is hosted here.

This application takes data from caniuse and presents it in a pack chart powered by D3. The innermost circles represent specific versions of web browsers. The next level of circles represent families of web browsers (Eg. Chrome, FireFox, IE). The color of the circles represents how well that browser supports the feature selected using the dropdown menu. Red means that the feature isn't supported. Green means that it is. These statistics bubble up from the specific browser version, to the browser-family, to the outermost circle -- the universe of web browsers. As this value bubbles up, it is weighted by the percentage of people using that given browser version.