<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Bar Chart on AI VOID</title><link>https://ai-blog.noorshomelab.dev/tags/bar-chart/</link><description>Recent content in Bar Chart on AI VOID</description><generator>Hugo</generator><language>en</language><lastBuildDate>Sun, 02 Nov 2025 18:00:00 +0530</lastBuildDate><atom:link href="https://ai-blog.noorshomelab.dev/tags/bar-chart/index.xml" rel="self" type="application/rss+xml"/><item><title>Guided Project 2: Building an Interactive Data Visualization Element</title><link>https://ai-blog.noorshomelab.dev/svg-guide/project-interactive-data-viz/</link><pubDate>Sun, 02 Nov 2025 18:00:00 +0530</pubDate><guid>https://ai-blog.noorshomelab.dev/svg-guide/project-interactive-data-viz/</guid><description>&lt;h1 id="12-guided-project-2-building-an-interactive-data-visualization-element"&gt;12. Guided Project 2: Building an Interactive Data Visualization Element&lt;/h1&gt;
&lt;p&gt;Data visualization is a prime use case for SVG due to its scalability and manipulability. In this project, we&amp;rsquo;ll build a simple interactive bar chart using SVG, HTML, and CSS. This will solidify your understanding of basic shapes, grouping, transformations, and CSS interactions.&lt;/p&gt;
&lt;h2 id="project-objective"&gt;Project Objective&lt;/h2&gt;
&lt;p&gt;To create a responsive and interactive bar chart SVG that visually represents data, includes labels, and provides feedback on hover.&lt;/p&gt;</description></item></channel></rss>