Skip to main content
100%

Pseudo Charts 3

✓ Published1🌍 Public
Kkhaledakanan@gmail.com
Last edited Jun 1, 2024
Created on May 30, 2024
Forked from Puedo Charts 2

This example presents a set of seven horizontal bars drawn as plain black rectangles, each labeled with a letter from A to G on the left. The chart demonstrates fundamental SVG shapes and styling, with hover effects that slowly transition the fill and stroke of both rectangles and text. The code uses raw SVG elements like `rect` and `text` within an inline `<svg>` tag, alongside CSS transitions triggered by the `:hover` pseudo-class. No external charting library is employed, only the browser’s native vector rendering capabilities.

AI-generated description

Psuedo Bar Charts

<iframe width="560" height="315" src="https://www.youtube.com/watch?v=xkBheRZTkaw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
MIT Licensed

Similar vizzes