#CodePenChallange: Colorful Way of Data Presentation Using Data Viz Library

Just realized it had been a long time since I'd posted any interesting demos. So, I checked this month’s #CodePenChallenge , and that’s where I’ve found my inspiration. I decided to create something bright and vivid, a small experiment where color isn’t just a decoration, but the data itself. Sounds interesting? Then I’m sure you’re gonna like what comes next. So, I’m happy to present you Colors Cheatsheet, powered by WebDataRocks pivot table library , featuring dynamic styling, custom cell rendering, and a rainbow-glass UI effect. For better experience I recommend opening it in a new tab . Step 1: Connecting WebDataRocks 📦 Firstly, include WebDataRocks library: <link href="https://cdn.webdatarocks.com/latest/webdatarocks.min.css" rel="stylesheet" /> <script src="https://cdn.webdatarocks.com/latest/webdatarocks.toolbar.min.js"></script> <script src="https://cdn.webdatarocks.com/latest/webdatarocks.js"></script> Then create its container with a heading which we’ll style in the future: <