| My Favorite Web Performance Graphs of the Year (fab/per) | | 35 |
| performance, metrics |
| Create Stunning Dashboards With ReactJS: Step-By-Step Guide (fro) | | 34 |
| guides, react |
| Adding Interactive Charts in Astro | | 33 |
| astro, functionality |
| The Best Examples of Data Visualization in 11 Leading Design Systems (sup) | | 32 |
| design-systems, information-design, examples |
| Using JavaScript Generators to Visualize Algorithms (ale) | | 31 |
| javascript, algorithms |
| The First Framework That Lets You Visualize Your React/Node.js App (hot/was) | | 30 |
| frameworks, react, nodejs, wasp |
| JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue (lyd) | | 29 |
| videos, javascript, event-loop, events, apis |
| JavaScript Visualized: Promise Execution (lyd) | | 28 |
| javascript, promises |
| “random()” Distribution Visualizer (alt) | | 27 |
| javascript, randomness |
| “Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t) | | 26 |
| content, design, design-debt, technical-debt, maintenance, processes |
| The Best React Chart Libraries for Data Visualization in 2024 (sit) | | 25 |
| react, libraries, comparisons, link-lists |
| Visualizing Recursion With the Sierpinski Triangle (kir) | | 24 |
| algorithms, javascript |
| DevTools: A Better Way to Visualize Your JavaScript (uma) | | 23 |
| dev-tools, browsers, performance, lighthouse, google, chrome, microsoft, edge |
| React, Visualized (uid) | | 22 |
| introductions, react |
| Prioritizing Technical Debt With Hotspots (cod) | | 21 |
| videos, technical-debt, prioritization |
| 5 Ways to Use Data Visualization in Your Content to Increase Traffic (uxm) | | 20 |
| content, traffic, optimization |
| Using Grid Named Areas to Visualize (and Reference) Your Layout (pre/css) | | 19 |
| css, grids, layout |
| It’s Time for a More Sophisticated Color Contrast Check for Data Visualizations (lis/dat) | | 18 |
| accessibility, contrast, colors, apca, information-design |
| Chrome DevTools: Visualise Your JavaScript Bundles (uma) | | 17 |
| dev-tools, javascript, bundling, browsers, google, chrome, lighthouse |
| Visualizing a Codebase (wat/git) | | 16 |
| tooling, developer-experience |
| A Complete Guide to Accessible Front-End Components (vit/sma) | | 15 |
| guides, components, accessibility, focus, buttons, carousels, color-palettes, testing |
| Writing Alt Text for Data Visualization (amy/dat) | | 14 |
| accessibility, images, alt-text, writing, information-design |
| An Intro to Designing Accessible Data Visualizations (fos) | | 13 |
| introductions, design, accessibility, information-design |
| Specificity Graphs (jus) | | 12 |
| css, selectors, cascade |
| The Specificity Graph (css) | | 11 |
| css, selectors, cascade |
| Visualizing Data With D3 (sit) | | 10 |
| javascript |
| The Internet Map (sin) | | 9 |
| websites, web, network, domains |
| Madge (pah) | | 8 |
| packages, npm, dependencies |
| Data Visualization and Infographics Resources (cam/sma) | | 7 |
| information-design, link-lists |
| npm Dependency Visualizer (fre) | | 6 |
| tools, exploration, auditing, debugging, npm, dependencies |
| HAR Analyzer and Visualizer (goo) | | 5 |
| tools, exploration, network, performance |
| Regex Visualizer (deb) | | 4 |
| tools, exploration, auditing, debugging, regex |
| PostgreSQL Query Plan Analyzer and Visualizer (dal) | | 3 |
| tools, exploration, auditing, debugging, databases, postgresql |
| JavaScript Call Stack Visualizer (phi) | | 2 |
| tools, exploration, auditing, debugging, javascript |
| CSS Specificity Visualizer (ise) | | 1 |
| tools, exploration, auditing, debugging, css, selectors, cascade |
