Learning Graph Viewer

An interactive visualization tool for exploring the AI Based Data Science with Python learning graph.

Run Graph Viewer MicroSim

Features

Search Functionality

• Type-ahead search with dropdown results
• Shows category information for each concept
• Click a result to focus and highlight the node in the graph

Category Filtering

• Color-coded categories in the sidebar legend
• Checkboxes to show/hide specific taxonomy groups
• "Check All" and "Uncheck All" buttons for quick filtering
• Collapsible sidebar for expanded graph viewing

Real-time Statistics

• Visible Nodes: Count of currently displayed concepts
• Visible Edges: Count of currently displayed dependencies
• Orphan Nodes: Count of concepts with no connections (when filters applied)

Interactive Visualization

• Powered by vis.js network visualization
• Color-coded nodes by taxonomy category
• Directed arrows showing concept dependencies
• Zoomable and draggable interface
• Physics-based layout with stabilization

Categories

Category	Color	Description
Foundational Concepts	Red	Core definitions and introduction
Python Programming	Gold	Python language fundamentals
Python Libraries	Green	NumPy, Pandas, and other libraries
Data Manipulation	Blue	Data cleaning and transformation
Statistical Analysis	Purple	Statistical methods and analysis
Machine Learning	Pink	ML algorithms and techniques
Data Visualization	Gray	Plotting and visualization tools
Natural Language Processing	Brown	NLP concepts and methods
Generative AI	Teal	GenAI and advanced topics
Projects	Cyan	Hands-on project concepts
Soft Skills	Light Green	Communication and teamwork
Learning Goals	Gold Star	Course objectives

Usage Tips

1. Explore by Category: Use the checkboxes to focus on specific topic areas
2. Search for Concepts: Start typing to find specific concepts quickly
3. Navigate the Graph: Drag to pan, scroll to zoom, click nodes to select
4. Toggle Sidebar: Click the hamburger menu to collapse the sidebar for more graph space