<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Nodes on AI VOID</title><link>https://ai-blog.noorshomelab.dev/tags/nodes/</link><description>Recent content in Nodes on AI VOID</description><generator>Hugo</generator><language>en</language><lastBuildDate>Thu, 04 Dec 2025 00:00:00 +0000</lastBuildDate><atom:link href="https://ai-blog.noorshomelab.dev/tags/nodes/index.xml" rel="self" type="application/rss+xml"/><item><title>Chapter 4: Introducing Graph Data - Nodes and Links</title><link>https://ai-blog.noorshomelab.dev/d3js-canvas-graphs-2025/chapter-4-graph-data-structures/</link><pubDate>Thu, 04 Dec 2025 00:00:00 +0000</pubDate><guid>https://ai-blog.noorshomelab.dev/d3js-canvas-graphs-2025/chapter-4-graph-data-structures/</guid><description>&lt;h2 id="chapter-4-introducing-graph-data---nodes-and-links"&gt;Chapter 4: Introducing Graph Data - Nodes and Links&lt;/h2&gt;
&lt;p&gt;Welcome back, intrepid data explorer! In our previous chapters, we laid the groundwork for D3.js and got our hands dirty with drawing basic shapes on the HTML5 Canvas. We learned how D3 helps us bind data to visual elements and manipulate them programmatically. Now, it&amp;rsquo;s time to dive into one of the most powerful and visually captivating data structures: &lt;strong&gt;graphs&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;In this chapter, we&amp;rsquo;ll unravel the mystery of graph data. You&amp;rsquo;ll learn what nodes and links are, how to represent them in a way D3.js loves, and how to draw these fundamental components onto our Canvas. This is a crucial step towards creating dynamic, interactive network visualizations and understanding complex relationships in your data. Get ready to connect the dots – literally!&lt;/p&gt;</description></item></channel></rss>