Spaces:

Hypergenius
/

electronics-refrence

Running

App Files Files Community

Hypergenius commited on May 1, 2025

Commit

e1ed10f

verified ·

1 Parent(s): a77cb31

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +864 -19
prompts.txt +1 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Electronics Refrence
-emoji: 🐨
-colorFrom: indigo
-colorTo: green
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: electronics-refrence
+emoji: 🐳
+colorFrom: pink
+colorTo: pink
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,864 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Electronic Components Reference Guide</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <script>
+        tailwind.config = {
+            theme: {
+                extend: {
+                    colors: {
+                        resistor: '#FF6B6B',
+                        capacitor: '#4ECDC4',
+                        inductor: '#45B7D1',
+                        diode: '#FFA07A',
+                        transistor: '#98D8C8',
+                        ic: '#F06292',
+                        connector: '#FFD166',
+                        crystal: '#A78BFA',
+                        sensor: '#7FB800'
+                    }
+                }
+            }
+        }
+    </script>
+    <style>
+        .component-card {
+            transition: all 0.3s ease;
+            transform-style: preserve-3d;
+        }
+        .component-card:hover {
+            transform: translateY(-5px) scale(1.02);
+            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+        }
+        .category-tag {
+            transition: all 0.2s ease;
+        }
+        .category-tag:hover {
+            transform: scale(1.05);
+        }
+        .chart-container {
+            perspective: 1000px;
+        }
+        .chart-bar {
+            transition: all 0.5s ease;
+            transform-origin: bottom;
+        }
+        .chart-bar:hover {
+            transform: scaleY(1.1);
+        }
+    </style>
+</head>
+<body class="bg-gray-50 min-h-screen">
+    <div class="container mx-auto px-4 py-8">
+        <!-- Header -->
+        <header class="mb-12 text-center">
+            <h1 class="text-4xl font-bold text-gray-800 mb-2">Electronic Components Reference Guide</h1>
+            <p class="text-xl text-gray-600 max-w-3xl mx-auto">
+                A comprehensive visual guide to common electronic components with specifications, applications, and interactive features.
+            </p>
+            <div class="mt-6 flex justify-center space-x-4">
+                <span class="px-4 py-2 bg-blue-100 text-blue-800 rounded-full text-sm font-medium">
+                    <i class="fas fa-microchip mr-2"></i> 32 Components
+                </span>
+                <span class="px-4 py-2 bg-green-100 text-green-800 rounded-full text-sm font-medium">
+                    <i class="fas fa-layer-group mr-2"></i> 8 Categories
+                </span>
+                <span class="px-4 py-2 bg-purple-100 text-purple-800 rounded-full text-sm font-medium">
+                    <i class="fas fa-tags mr-2"></i> 18 Subcategories
+                </span>
+            </div>
+        </header>
+        <!-- Category Navigation -->
+        <div class="mb-10">
+            <h2 class="text-2xl font-semibold text-gray-800 mb-4">Browse by Category</h2>
+            <div class="grid grid-cols-2 sm:grid-cols-4 md:grid-cols-8 gap-3">
+                <button onclick="filterComponents('Resistor')" class="category-tag bg-resistor hover:bg-red-500 text-white px-3 py-2 rounded-lg flex items-center justify-center">
+                    <i class="fas fa-bolt mr-2"></i> Resistor
+                </button>
+                <button onclick="filterComponents('Capacitor')" class="category-tag bg-capacitor hover:bg-teal-500 text-white px-3 py-2 rounded-lg flex items-center justify-center">
+                    <i class="fas fa-bolt mr-2"></i> Capacitor
+                </button>
+                <button onclick="filterComponents('Inductor')" class="category-tag bg-inductor hover:bg-blue-500 text-white px-3 py-2 rounded-lg flex items-center justify-center">
+                    <i class="fas fa-circle-notch mr-2"></i> Inductor
+                </button>
+                <button onclick="filterComponents('Diode')" class="category-tag bg-diode hover:bg-orange-500 text-white px-3 py-2 rounded-lg flex items-center justify-center">
+                    <i class="fas fa-arrow-right mr-2"></i> Diode
+                </button>
+                <button onclick="filterComponents('Transistor')" class="category-tag bg-transistor hover:bg-emerald-500 text-white px-3 py-2 rounded-lg flex items-center justify-center">
+                    <i class="fas fa-exchange-alt mr-2"></i> Transistor
+                </button>
+                <button onclick="filterComponents('Integrated Circuit')" class="category-tag bg-ic hover:bg-pink-500 text-white px-3 py-2 rounded-lg flex items-center justify-center">
+                    <i class="fas fa-microchip mr-2"></i> IC
+                </button>
+                <button onclick="filterComponents('Connector')" class="category-tag bg-connector hover:bg-yellow-500 text-white px-3 py-2 rounded-lg flex items-center justify-center">
+                    <i class="fas fa-plug mr-2"></i> Connector
+                </button>
+                <button onclick="filterComponents('Sensor')" class="category-tag bg-sensor hover:bg-lime-600 text-white px-3 py-2 rounded-lg flex items-center justify-center">
+                    <i class="fas fa-thermometer-half mr-2"></i> Sensor
+                </button>
+            </div>
+        </div>
+        <!-- Stats and Charts -->
+        <div class="mb-12 grid grid-cols-1 md:grid-cols-2 gap-8">
+            <!-- Component Distribution Chart -->
+            <div class="bg-white p-6 rounded-xl shadow-md">
+                <h3 class="text-xl font-semibold text-gray-800 mb-4">Component Distribution by Category</h3>
+                <div class="chart-container h-64 flex items-end justify-between mt-8">
+                    <div class="flex flex-col items-center">
+                        <div class="chart-bar bg-resistor w-8 h-16 rounded-t" title="Resistors: 5"></div>
+                        <span class="text-xs mt-2">Resistor</span>
+                    </div>
+                    <div class="flex flex-col items-center">
+                        <div class="chart-bar bg-capacitor w-8 h-24 rounded-t" title="Capacitors: 5"></div>
+                        <span class="text-xs mt-2">Capacitor</span>
+                    </div>
+                    <div class="flex flex-col items-center">
+                        <div class="chart-bar bg-inductor w-8 h-12 rounded-t" title="Inductors: 2"></div>
+                        <span class="text-xs mt-2">Inductor</span>
+                    </div>
+                    <div class="flex flex-col items-center">
+                        <div class="chart-bar bg-diode w-8 h-20 rounded-t" title="Diodes: 4"></div>
+                        <span class="text-xs mt-2">Diode</span>
+                    </div>
+                    <div class="flex flex-col items-center">
+                        <div class="chart-bar bg-transistor w-8 h-20 rounded-t" title="Transistors: 4"></div>
+                        <span class="text-xs mt-2">Transistor</span>
+                    </div>
+                    <div class="flex flex-col items-center">
+                        <div class="chart-bar bg-ic w-8 h-28 rounded-t" title="ICs: 5"></div>
+                        <span class="text-xs mt-2">IC</span>
+                    </div>
+                    <div class="flex flex-col items-center">
+                        <div class="chart-bar bg-connector w-8 h-16 rounded-t" title="Connectors: 3"></div>
+                        <span class="text-xs mt-2">Connector</span>
+                    </div>
+                    <div class="flex flex-col items-center">
+                        <div class="chart-bar bg-sensor w-8 h-12 rounded-t" title="Sensors: 2"></div>
+                        <span class="text-xs mt-2">Sensor</span>
+                    </div>
+                </div>
+            </div>
+            <!-- Popular Components -->
+            <div class="bg-white p-6 rounded-xl shadow-md">
+                <h3 class="text-xl font-semibold text-gray-800 mb-4">Most Common Components</h3>
+                <div class="space-y-4">
+                    <div class="flex items-center">
+                        <div class="w-8 h-8 rounded-full bg-resistor flex items-center justify-center text-white">
+                            <i class="fas fa-bolt text-xs"></i>
+                        </div>
+                        <div class="ml-3">
+                            <h4 class="text-sm font-medium text-gray-800">Metal Film Resistor</h4>
+                            <p class="text-xs text-gray-500">General purpose, low noise</p>
+                        </div>
+                        <div class="ml-auto text-xs bg-gray-100 px-2 py-1 rounded">0805, 0603</div>
+                    </div>
+                    <div class="flex items-center">
+                        <div class="w-8 h-8 rounded-full bg-capacitor flex items-center justify-center text-white">
+                            <i class="fas fa-bolt text-xs"></i>
+                        </div>
+                        <div class="ml-3">
+                            <h4 class="text-sm font-medium text-gray-800">MLCC Capacitor</h4>
+                            <p class="text-xs text-gray-500">Decoupling, filtering</p>
+                        </div>
+                        <div class="ml-auto text-xs bg-gray-100 px-2 py-1 rounded">0402, 0603</div>
+                    </div>
+                    <div class="flex items-center">
+                        <div class="w-8 h-8 rounded-full bg-diode flex items-center justify-center text-white">
+                            <i class="fas fa-arrow-right text-xs"></i>
+                        </div>
+                        <div class="ml-3">
+                            <h4 class="text-sm font-medium text-gray-800">1N400x Diode</h4>
+                            <p class="text-xs text-gray-500">Power rectification</p>
+                        </div>
+                        <div class="ml-auto text-xs bg-gray-100 px-2 py-1 rounded">DO-41</div>
+                    </div>
+                    <div class="flex items-center">
+                        <div class="w-8 h-8 rounded-full bg-transistor flex items-center justify-center text-white">
+                            <i class="fas fa-exchange-alt text-xs"></i>
+                        </div>
+                        <div class="ml-3">
+                            <h4 class="text-sm font-medium text-gray-800">2N3904 Transistor</h4>
+                            <p class="text-xs text-gray-500">General switching</p>
+                        </div>
+                        <div class="ml-auto text-xs bg-gray-100 px-2 py-1 rounded">TO-92</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Search and Filter -->
+        <div class="mb-8 bg-white p-4 rounded-xl shadow-md">
+            <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
+                <div class="relative flex-1">
+                    <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                        <i class="fas fa-search text-gray-400"></i>
+                    </div>
+                    <input type="text" id="searchInput" placeholder="Search components..." class="pl-10 pr-4 py-2 w-full border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
+                </div>
+                <div class="flex space-x-2">
+                    <select id="categoryFilter" class="px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
+                        <option value="">All Categories</option>
+                        <option value="Resistor">Resistor</option>
+                        <option value="Capacitor">Capacitor</option>
+                        <option value="Inductor">Inductor</option>
+                        <option value="Diode">Diode</option>
+                        <option value="Transistor">Transistor</option>
+                        <option value="Integrated Circuit">IC</option>
+                        <option value="Connector">Connector</option>
+                        <option value="Sensor">Sensor</option>
+                    </select>
+                    <select id="subcategoryFilter" class="px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
+                        <option value="">All Subcategories</option>
+                        <option value="Fixed">Fixed</option>
+                        <option value="Variable">Variable</option>
+                        <option value="Sensor">Sensor</option>
+                        <option value="Ceramic">Ceramic</option>
+                        <option value="Electrolytic">Electrolytic</option>
+                        <option value="Film">Film</option>
+                        <option value="Power">Power</option>
+                        <option value="RF">RF</option>
+                        <option value="Rectifier">Rectifier</option>
+                        <option value="Zener">Zener</option>
+                        <option value="Schottky">Schottky</option>
+                        <option value="Opto">Opto</option>
+                        <option value="BJT">BJT</option>
+                        <option value="MOSFET">MOSFET</option>
+                        <option value="Microcontroller">Microcontroller</option>
+                        <option value="Op Amp">Op Amp</option>
+                        <option value="Voltage Regulator">Voltage Regulator</option>
+                        <option value="USB">USB</option>
+                        <option value="Header">Header</option>
+                        <option value="Crystal">Crystal</option>
+                        <option value="Oscillator">Oscillator</option>
+                        <option value="Temperature">Temperature</option>
+                        <option value="Motion">Motion</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+        <!-- Components Grid -->
+        <div id="componentsGrid" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+            <!-- Components will be inserted here by JavaScript -->
+        </div>
+        <!-- Additional Resources -->
+        <div class="mt-16 bg-blue-50 p-6 rounded-xl">
+            <h2 class="text-2xl font-semibold text-blue-800 mb-4">Additional Resources</h2>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+                <div class="bg-white p-4 rounded-lg shadow-sm">
+                    <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 mb-3">
+                        <i class="fas fa-book-open text-xl"></i>
+                    </div>
+                    <h3 class="font-medium text-lg text-gray-800 mb-2">Component Selection Guide</h3>
+                    <p class="text-gray-600 text-sm">Learn how to choose the right components for your circuit design based on specifications and applications.</p>
+                </div>
+                <div class="bg-white p-4 rounded-lg shadow-sm">
+                    <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center text-green-600 mb-3">
+                        <i class="fas fa-ruler-combined text-xl"></i>
+                    </div>
+                    <h3 class="font-medium text-lg text-gray-800 mb-2">Footprint Reference</h3>
+                    <p class="text-gray-600 text-sm">Detailed information about component packages and footprints for PCB design.</p>
+                </div>
+                <div class="bg-white p-4 rounded-lg shadow-sm">
+                    <div class="w-12 h-12 bg-purple-100 rounded-full flex items-center justify-center text-purple-600 mb-3">
+                        <i class="fas fa-project-diagram text-xl"></i>
+                    </div>
+                    <h3 class="font-medium text-lg text-gray-800 mb-2">Circuit Design Patterns</h3>
+                    <p class="text-gray-600 text-sm">Common circuit configurations using these components with example schematics.</p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        // Component data
+        const components = [
+            {
+                "Category": "Resistor",
+                "Subcategory": "Fixed",
+                "Part Type": "Metal Film",
+                "Value/Rating": "1Ω - 10MΩ",
+                "Tolerance": "±1%, ±5%",
+                "Package/Footprint": "0805, 0603, 1206",
+                "Technology": "Thin Film",
+                "Applications/Notes": "General purpose, low noise",
+                "Popularity": "High",
+                "Temperature Coefficient": "±50ppm/°C",
+                "Power Rating": "0.125W - 1W",
+                "Color Code": "4 or 5 bands"
+            },
+            {
+                "Category": "Resistor",
+                "Subcategory": "Fixed",
+                "Part Type": "Carbon Film",
+                "Value/Rating": "1Ω - 10MΩ",
+                "Tolerance": "±5%, ±10%",
+                "Package/Footprint": "Through-hole, 1206",
+                "Technology": "Thick Film",
+                "Applications/Notes": "Cost-sensitive applications",
+                "Popularity": "Medium",
+                "Temperature Coefficient": "±250ppm/°C",
+                "Power Rating": "0.25W - 2W",
+                "Color Code": "4 bands"
+            },
+            {
+                "Category": "Resistor",
+                "Subcategory": "Variable",
+                "Part Type": "Potentiometer",
+                "Value/Rating": "1kΩ - 1MΩ",
+                "Tolerance": "±20%",
+                "Package/Footprint": "Through-hole",
+                "Technology": "Cermet",
+                "Applications/Notes": "User-adjustable",
+                "Popularity": "High",
+                "Temperature Coefficient": "±100ppm/°C",
+                "Power Rating": "0.1W - 2W",
+                "Rotation": "Single or multi-turn"
+            },
+            {
+                "Category": "Resistor",
+                "Subcategory": "Sensor",
+                "Part Type": "Thermistor (NTC)",
+                "Value/Rating": "10kΩ @ 25°C",
+                "Tolerance": "±1%",
+                "Package/Footprint": "Through-hole, SMD",
+                "Technology": "Ceramic",
+                "Applications/Notes": "Temperature sensing",
+                "Popularity": "Medium",
+                "Beta Value": "3950K",
+                "Operating Range": "-40°C to +125°C",
+                "Response Time": "Fast"
+            },
+            {
+                "Category": "Resistor",
+                "Subcategory": "Sensor",
+                "Part Type": "LDR",
+                "Value/Rating": "10kΩ @ dark",
+                "Tolerance": "±30%",
+                "Package/Footprint": "Through-hole",
+                "Technology": "Photoresistive",
+                "Applications/Notes": "Light sensing",
+                "Popularity": "Medium",
+                "Response Time": "Slow (tens of ms)",
+                "Spectral Range": "400-700nm",
+                "Dark Resistance": "1MΩ typical"
+            },
+            {
+                "Category": "Capacitor",
+                "Subcategory": "Ceramic",
+                "Part Type": "MLCC",
+                "Value/Rating": "1pF - 1µF",
+                "Tolerance": "±5%, ±10%",
+                "Package/Footprint": "0402, 0603, 0805",
+                "Technology": "Class II/III",
+                "Applications/Notes": "Decoupling, filtering",
+                "Popularity": "Very High",
+                "Voltage Rating": "6.3V - 50V",
+                "Temperature Stability": "X7R, X5R common",
+                "ESR": "Very low"
+            },
+            {
+                "Category": "Capacitor",
+                "Subcategory": "Electrolytic",
+                "Part Type": "Aluminum",
+                "Value/Rating": "1µF - 10000µF, 6V-63V",
+                "Tolerance": "±20%",
+                "Package/Footprint": "Radial, SMD can",
+                "Technology": "Wet electrolyte",
+                "Applications/Notes": "Bulk storage, smoothing",
+                "Popularity": "High",
+                "Lifetime": "1000-5000 hours",
+                "Leakage Current": "High",
+                "ESR": "Medium"
+            },
+            {
+                "Category": "Capacitor",
+                "Subcategory": "Electrolytic",
+                "Part Type": "Tantalum",
+                "Value/Rating": "0.1µF - 100µF, 4V-50V",
+                "Tolerance": "±10%, ±20%",
+                "Package/Footprint": "SMD (A, B)",
+                "Technology": "Solid electrolyte",
+                "Applications/Notes": "Stable, small size",
+                "Popularity": "Medium",
+                "Lifetime": "Long",
+                "Leakage Current": "Low",
+                "ESR": "Low"
+            },
+            {
+                "Category": "Capacitor",
+                "Subcategory": "Film",
+                "Part Type": "Polyester",
+                "Value/Rating": "10pF - 10µF",
+                "Tolerance": "±5%, ±10%",
+                "Package/Footprint": "Box",
+                "Technology": "Plastic film",
+                "Applications/Notes": "Signal coupling, timing",
+                "Popularity": "Low",
+                "Voltage Rating": "50V - 630V",
+                "Temperature Stability": "Good",
+                "ESR": "Very low"
+            },
+            {
+                "Category": "Inductor",
+                "Subcategory": "Power",
+                "Part Type": "Shielded Choke",
+                "Value/Rating": "1µH - 1000µH",
+                "Tolerance": "±10%",
+                "Package/Footprint": "Through-hole, SMD",
+                "Technology": "Ferrite core",
+                "Applications/Notes": "DC-DC converters",
+                "Popularity": "High",
+                "Current Rating": "100mA - 5A",
+                "Saturation Current": "Specified",
+                "Core Losses": "Low"
+            },
+            {
+                "Category": "Inductor",
+                "Subcategory": "RF",
+                "Part Type": "Ferrite Bead",
+                "Value/Rating": "100Ω @ 100MHz",
+                "Tolerance": "N/A",
+                "Package/Footprint": "0805, 1206",
+                "Technology": "Ferrite",
+                "Applications/Notes": "EMI suppression",
+                "Popularity": "Medium",
+                "Impedance Curve": "Frequency dependent",
+                "Current Rating": "100mA - 3A",
+                "DC Resistance": "Low"
+            },
+            {
+                "Category": "Diode",
+                "Subcategory": "Rectifier",
+                "Part Type": "1N400x",
+                "Value/Rating": "50V-1000V, 1A",
+                "Tolerance": "N/A",
+                "Package/Footprint": "DO-41",
+                "Technology": "PN junction",
+                "Applications/Notes": "Power rectification",
+                "Popularity": "Very High",
+                "Forward Voltage": "0.7V",
+                "Reverse Recovery Time": "Slow (μs range)",
+                "Peak Current": "30A"
+            },
+            {
+                "Category": "Diode",
+                "Subcategory": "Zener",
+                "Part Type": "BZX55",
+                "Value/Rating": "3.3V-75V",
+                "Tolerance": "±5%",
+                "Package/Footprint": "SMD, Through-hole",
+                "Technology": "Zener",
+                "Applications/Notes": "Voltage regulation",
+                "Popularity": "High",
+                "Power Rating": "0.5W - 1W",
+                "Zener Impedance": "Varies with voltage",
+                "Temperature Coefficient": "Positive or negative"
+            },
+            {
+                "Category": "Diode",
+                "Subcategory": "Schottky",
+                "Part Type": "SS14",
+                "Value/Rating": "40V, 1A",
+                "Tolerance": "N/A",
+                "Package/Footprint": "SMA",
+                "Technology": "Metal-Semiconductor",
+                "Applications/Notes": "Fast switching",
+                "Popularity": "High",
+                "Forward Voltage": "0.3V-0.5V",
+                "Reverse Recovery Time": "Very fast (ns range)",
+                "Leakage Current": "Higher than PN"
+            },
+            {
+                "Category": "Diode",
+                "Subcategory": "Opto",
+                "Part Type": "LED",
+                "Value/Rating": "2V-3.6V",
+                "Tolerance": "N/A",
+                "Package/Footprint": "Through-hole, SMD",
+                "Technology": "GaAsP, InGaN",
+                "Applications/Notes": "Indicator, optocoupler",
+                "Popularity": "Very High",
+                "Forward Current": "5mA-30mA",
+                "Wavelength": "Varies by color",
+                "Viewing Angle": "30°-120°"
+            },
+            {
+                "Category": "Transistor",
+                "Subcategory": "BJT",
+                "Part Type": "2N3904 (NPN)",
+                "Value/Rating": "40V, 200mA",
+                "Tolerance": "N/A",
+                "Package/Footprint": "TO-92",
+                "Technology": "Silicon",
+                "Applications/Notes": "General switching",
+                "Popularity": "Very High",
+                "Current Gain (hFE)": "100-300",
+                "Transition Frequency": "300MHz",
+                "Power Dissipation": "625mW"
+            },
+            {
+                "Category": "Transistor",
+                "Subcategory": "BJT",
+                "Part Type": "2N3906 (PNP)",
+                "Value/Rating": "40V, 200mA",
+                "Tolerance": "N/A",
+                "Package/Footprint": "TO-92",
+                "Technology": "Silicon",
+                "Applications/Notes": "General switching",
+                "Popularity": "High",
+                "Current Gain (hFE)": "100-300",
+                "Transition Frequency": "250MHz",
+                "Power Dissipation": "625mW"
+            },
+            {
+                "Category": "Transistor",
+                "Subcategory": "MOSFET",
+                "Part Type": "IRLZ44N (N-Channel)",
+                "Value/Rating": "55V, 47A",
+                "Tolerance": "N/A",
+                "Package/Footprint": "TO-220",
+                "Technology": "Power MOSFET",
+                "Applications/Notes": "High-power switching",
+                "Popularity": "High",
+                "Gate Threshold": "1-2V",
+                "RDS(on)": "0.022Ω",
+                "Power Dissipation": "94W"
+            },
+            {
+                "Category": "Transistor",
+                "Subcategory": "MOSFET",
+                "Part Type": "SI2301 (P-Channel)",
+                "Value/Rating": "20V, 3.6A",
+                "Tolerance": "N/A",
+                "Package/Footprint": "SOT-23",
+                "Technology": "Power MOSFET",
+                "Applications/Notes": "Low-side/high-side switching",
+                "Popularity": "Medium",
+                "Gate Threshold": "0.4-1V",
+                "RDS(on)": "0.1Ω",
+                "Power Dissipation": "1.25W"
+            },
+            {
+                "Category": "Integrated Circuit",
+                "Subcategory": "Microcontroller",
+                "Part Type": "ATmega328P",
+                "Value/Rating": "20MHz, 32KB Flash",
+                "Tolerance": "N/A",
+                "Package/Footprint": "TQFP, DIP",
+                "Technology": "8-bit AVR",
+                "Applications/Notes": "Arduino boards",
+                "Popularity": "Very High",
+                "I/O Pins": "23",
+                "ADC Resolution": "10-bit",
+                "Communication": "UART, SPI, I2C"
+            },
+            {
+                "Category": "Integrated Circuit",
+                "Subcategory": "Microcontroller",
+                "Part Type": "PIC16F877A",
+                "Value/Rating": "20MHz, 8KB Flash",
+                "Tolerance": "N/A",
+                "Package/Footprint": "PDIP, QFN",
+                "Technology": "8-bit PIC",
+                "Applications/Notes": "Embedded control",
+                "Popularity": "High",
+                "I/O Pins": "33",
+                "ADC Resolution": "10-bit",
+                "Communication": "UART, SPI, I2C"
+            },
+            {
+                "Category": "Integrated Circuit",
+                "Subcategory": "Op Amp",
+                "Part Type": "LM358",
+                "Value/Rating": "±3V to ±32V",
+                "Tolerance": "N/A",
+                "Package/Footprint": "SOIC-8, DIP-8",
+                "Technology": "Dual Op Amp",
+                "Applications/Notes": "Signal conditioning",
+                "Popularity": "Very High",
+                "Gain Bandwidth": "1MHz",
+                "Slew Rate": "0.3V/μs",
+                "Input Offset": "2mV"
+            },
+            {
+                "Category": "Integrated Circuit",
+                "Subcategory": "Voltage Regulator",
+                "Part Type": "7805",
+                "Value/Rating": "5V, 1A",
+                "Tolerance": "±4%",
+                "Package/Footprint": "TO-220",
+                "Technology": "Linear",
+                "Applications/Notes": "Fixed regulator",
+                "Popularity": "Very High",
+                "Dropout Voltage": "2V",
+                "Input Voltage": "7-35V",
+                "Thermal Protection": "Yes"
+            },
+            {
+                "Category": "Integrated Circuit",
+                "Subcategory": "Voltage Regulator",
+                "Part Type": "LM1117",
+                "Value/Rating": "3.3V, 800mA",
+                "Tolerance": "±1%",
+                "Package/Footprint": "TO-220, SOT-223",
+                "Technology": "LDO",
+                "Applications/Notes": "Low dropout",
+                "Popularity": "High",
+                "Dropout Voltage": "1.2V",
+                "Input Voltage": "4.75-15V",
+                "Thermal Protection": "Yes"
+            },
+            {
+                "Category": "Connector",
+                "Subcategory": "USB",
+                "Part Type": "USB Type-A",
+                "Value/Rating": "5V, 500mA",
+                "Tolerance": "N/A",
+                "Package/Footprint": "Through-hole",
+                "Technology": "USB 2.0",
+                "Applications/Notes": "Host interface",
+                "Popularity": "Very High",
+                "Pins": "4",
+                "Current Rating": "1.8A (USB 3.0)",
+                "Mating Cycles": "1500"
+            },
+            {
+                "Category": "Connector",
+                "Subcategory": "USB",
+                "Part Type": "Micro USB B",
+                "Value/Rating": "5V, 1A",
+                "Tolerance": "N/A",
+                "Package/Footprint": "SMD",
+                "Technology": "USB 2.0",
+                "Applications/Notes": "Power/data",
+                "Popularity": "Very High",
+                "Pins": "5",
+                "Current Rating": "1.8A",
+                "Mating Cycles": "10000"
+            },
+            {
+                "Category": "Connector",
+                "Subcategory": "Header",
+                "Part Type": "2x5 Pin Header",
+                "Value/Rating": "N/A",
+                "Tolerance": "N/A",
+                "Package/Footprint": "Through-hole",
+                "Technology": "Gold plating",
+                "Applications/Notes": "Programming",
+                "Popularity": "High",
+                "Pitch": "2.54mm",
+                "Current Rating": "3A per pin",
+                "Mating Cycles": "50"
+            },
+            {
+                "Category": "Crystal/Oscillator",
+                "Subcategory": "Crystal",
+                "Part Type": "16 MHz HC-49/U",
+                "Value/Rating": "16 MHz ±20ppm",
+                "Tolerance": "±20ppm",
+                "Package/Footprint": "Through-hole",
+                "Technology": "Quartz",
+                "Applications/Notes": "Microcontroller clock",
+                "Popularity": "High",
+                "Load Capacitance": "18pF or 20pF",
+                "ESR": "30Ω",
+                "Aging": "±5ppm/year"
+            },
+            {
+                "Category": "Crystal/Oscillator",
+                "Subcategory": "Oscillator",
+                "Part Type": "32.768 kHz SMD",
+                "Value/Rating": "32.768 kHz",
+                "Tolerance": "±20ppm",
+                "Package/Footprint": "SMD",
+                "Technology": "Quartz",
+                "Applications/Notes": "RTC clock",
+                "Popularity": "Medium",
+                "Load Capacitance": "12.5pF",
+                "ESR": "35kΩ",
+                "Drive Level": "1μW"
+            },
+            {
+                "Category": "Sensor",
+                "Subcategory": "Temperature",
+                "Part Type": "LM35",
+                "Value/Rating": "-55°C to 150°C",
+                "Tolerance": "±0.5°C",
+                "Package/Footprint": "TO-92, SOIC-8",
+                "Technology": "Analog IC",
+                "Applications/Notes": "Precise temp sensing",
+                "Popularity": "High",
+                "Output": "10mV/°C",
+                "Supply Voltage": "4V-30V",
+                "Current Draw": "60μA"
+            },
+            {
+                "Category": "Sensor",
+                "Subcategory": "Motion",
+                "Part Type": "ADXL345",
+                "Value/Rating": "±2g/±4g/±8g/±16g",
+                "Tolerance": "N/A",
+                "Package/Footprint": "LGA",
+                "Technology": "MEMS",
+                "Applications/Notes": "3-axis accelerometer",
+                "Popularity": "Medium",
+                "Interface": "I2C/SPI",
+                "Resolution": "13-bit",
+                "Current Draw": "25-140μA"
+            }
+        ];
+        // Get category color
+        function getCategoryColor(category) {
+            const colors = {
+                "Resistor": "resistor",
+                "Capacitor": "capacitor",
+                "Inductor": "inductor",
+                "Diode": "diode",
+                "Transistor": "transistor",
+                "Integrated Circuit": "ic",
+                "Connector": "connector",
+                "Sensor": "sensor"
+            };
+            return colors[category] || "gray";
+        }
+        // Get category icon
+        function getCategoryIcon(category) {
+            const icons = {
+                "Resistor": "fa-bolt",
+                "Capacitor": "fa-bolt",
+                "Inductor": "fa-circle-notch",
+                "Diode": "fa-arrow-right",
+                "Transistor": "fa-exchange-alt",
+                "Integrated Circuit": "fa-microchip",
+                "Connector": "fa-plug",
+                "Sensor": "fa-thermometer-half"
+            };
+            return icons[category] || "fa-question";
+        }
+        // Render components
+        function renderComponents(filteredComponents = components) {
+            const grid = document.getElementById('componentsGrid');
+            grid.innerHTML = '';
+            filteredComponents.forEach(component => {
+                const color = getCategoryColor(component.Category);
+                const icon = getCategoryIcon(component.Category);
+                const card = document.createElement('div');
+                card.className = `component-card bg-white rounded-xl shadow-md overflow-hidden border-t-4 border-${color}`;
+                card.innerHTML = `
+                    <div class="p-5">
+                        <div class="flex justify-between items-start mb-3">
+                            <div>
+                                <span class="inline-block px-3 py-1 text-xs font-semibold rounded-full bg-${color}-100 text-${color}-800 mb-2">
+                                    ${component.Subcategory}
+                                </span>
+                                <h3 class="text-xl font-semibold text-gray-800">${component["Part Type"]}</h3>
+                                <p class="text-sm text-gray-600">${component.Category}</p>
+                            </div>
+                            <div class="w-10 h-10 rounded-full bg-${color}-100 flex items-center justify-center text-${color}-600">
+                                <i class="fas ${icon}"></i>
+                            </div>
+                        </div>
+                        <div class="mt-4 space-y-3">
+                            <div class="flex items-start">
+                                <span class="text-gray-500 w-24 flex-shrink-0">Value/Rating:</span>
+                                <span class="text-gray-800 font-medium">${component["Value/Rating"]}</span>
+                            </div>
+                            <div class="flex items-start">
+                                <span class="text-gray-500 w-24 flex-shrink-0">Tolerance:</span>
+                                <span class="text-gray-800">${component.Tolerance}</span>
+                            </div>
+                            <div class="flex items-start">
+                                <span class="text-gray-500 w-24 flex-shrink-0">Package:</span>
+                                <span class="text-gray-800">${component["Package/Footprint"]}</span>
+                            </div>
+                            <div class="flex items-start">
+                                <span class="text-gray-500 w-24 flex-shrink-0">Technology:</span>
+                                <span class="text-gray-800">${component.Technology}</span>
+                            </div>
+                        </div>
+                        <div class="mt-4 pt-4 border-t border-gray-100">
+                            <h4 class="text-sm font-medium text-gray-500 mb-1">Applications:</h4>
+                            <p class="text-gray-700">${component["Applications/Notes"]}</p>
+                        </div>
+                        ${component.Popularity ? `
+                        <div class="mt-3 flex items-center">
+                            <span class="text-gray-500 text-sm mr-2">Popularity:</span>
+                            ${getPopularityStars(component.Popularity)}
+                        </div>
+                        ` : ''}
+                    </div>
+                `;
+                grid.appendChild(card);
+            });
+        }
+        // Get popularity stars
+        function getPopularityStars(popularity) {
+            const levels = {
+                "Very High": 3,
+                "High": 2,
+                "Medium": 1,
+                "Low": 0
+            };
+            const stars = [];
+            for (let i = 0; i < 3; i++) {
+                stars.push(
+                    `<i class="fas fa-star ${i < levels[popularity] ? 'text-yellow-400' : 'text-gray-300'}"></i>`
+                );
+            }
+            return stars.join('');
+        }
+        // Filter components
+        function filterComponents(category = '') {
+            const searchTerm = document.getElementById('searchInput').value.toLowerCase();
+            const categoryFilter = document.getElementById('categoryFilter').value || category;
+            const subcategoryFilter = document.getElementById('subcategoryFilter').value;
+            const filtered = components.filter(component => {
+                const matchesCategory = !categoryFilter || component.Category === categoryFilter;
+                const matchesSubcategory = !subcategoryFilter || component.Subcategory === subcategoryFilter;
+                const matchesSearch = !searchTerm ||
+                    component["Part Type"].toLowerCase().includes(searchTerm) ||
+                    component.Category.toLowerCase().includes(searchTerm) ||
+                    component.Subcategory.toLowerCase().includes(searchTerm) ||
+                    component["Applications/Notes"].toLowerCase().includes(searchTerm);
+                return matchesCategory && matchesSubcategory && matchesSearch;
+            });
+            renderComponents(filtered);
+        }
+        // Initialize
+        document.addEventListener('DOMContentLoaded', () => {
+            renderComponents();
+            // Set up event listeners
+            document.getElementById('searchInput').addEventListener('input', filterComponents);
+            document.getElementById('categoryFilter').addEventListener('change', filterComponents);
+            document.getElementById('subcategoryFilter').addEventListener('change', filterComponents);
+        });
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Hypergenius/electronics-refrence" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@

+ create a visual representation and add more commentary to this data, you can add more data if you want: ata = [ {"Category": "Resistor", "Subcategory": "Fixed", "Part Type": "Metal Film", "Value/Rating": "1Ω - 10MΩ", "Tolerance": "±1%, ±5%", "Package/Footprint": "0805, 0603, 1206", "Technology": "Thin Film", "Applications/Notes": "General purpose, low noise"}, {"Category": "Resistor", "Subcategory": "Fixed", "Part Type": "Carbon Film", "Value/Rating": "1Ω - 10MΩ", "Tolerance": "±5%, ±10%", "Package/Footprint": "Through-hole, 1206", "Technology": "Thick Film", "Applications/Notes": "Cost-sensitive applications"}, {"Category": "Resistor", "Subcategory": "Variable", "Part Type": "Potentiometer", "Value/Rating": "1kΩ - 1MΩ", "Tolerance": "±20%", "Package/Footprint": "Through-hole", "Technology": "Cermet", "Applications/Notes": "User-adjustable"}, {"Category": "Resistor", "Subcategory": "Sensor", "Part Type": "Thermistor (NTC)", "Value/Rating": "10kΩ @ 25°C", "Tolerance": "±1%", "Package/Footprint": "Through-hole, SMD", "Technology": "Ceramic", "Applications/Notes": "Temperature sensing"}, {"Category": "Resistor", "Subcategory": "Sensor", "Part Type": "LDR", "Value/Rating": "10kΩ @ dark", "Tolerance": "±30%", "Package/Footprint": "Through-hole", "Technology": "Photoresistive", "Applications/Notes": "Light sensing"}, {"Category": "Capacitor", "Subcategory": "Ceramic", "Part Type": "MLCC", "Value/Rating": "1pF - 1µF", "Tolerance": "±5%, ±10%", "Package/Footprint": "0402, 0603, 0805", "Technology": "Class II/III", "Applications/Notes": "Decoupling, filtering"}, {"Category": "Capacitor", "Subcategory": "Electrolytic", "Part Type": "Aluminum", "Value/Rating": "1µF - 10000µF, 6V-63V", "Tolerance": "±20%", "Package/Footprint": "Radial, SMD can", "Technology": "Wet electrolyte", "Applications/Notes": "Bulk storage, smoothing"}, {"Category": "Capacitor", "Subcategory": "Electrolytic", "Part Type": "Tantalum", "Value/Rating": "0.1µF - 100µF, 4V-50V", "Tolerance": "±10%, ±20%", "Package/Footprint": "SMD (A, B)", "Technology": "Solid electrolyte", "Applications/Notes": "Stable, small size"}, {"Category": "Capacitor", "Subcategory": "Film", "Part Type": "Polyester", "Value/Rating": "10pF - 10µF", "Tolerance": "±5%, ±10%", "Package/Footprint": "Box", "Technology": "Plastic film", "Applications/Notes": "Signal coupling, timing"}, {"Category": "Inductor", "Subcategory": "Power", "Part Type": "Shielded Choke", "Value/Rating": "1µH - 1000µH", "Tolerance": "±10%", "Package/Footprint": "Through-hole, SMD", "Technology": "Ferrite core", "Applications/Notes": "DC-DC converters"}, {"Category": "Inductor", "Subcategory": "RF", "Part Type": "Ferrite Bead", "Value/Rating": "100Ω @ 100MHz", "Tolerance": "N/A", "Package/Footprint": "0805, 1206", "Technology": "Ferrite", "Applications/Notes": "EMI suppression"}, {"Category": "Diode", "Subcategory": "Rectifier", "Part Type": "1N400x", "Value/Rating": "50V-1000V, 1A", "Tolerance": "N/A", "Package/Footprint": "DO-41", "Technology": "PN junction", "Applications/Notes": "Power rectification"}, {"Category": "Diode", "Subcategory": "Zener", "Part Type": "BZX55", "Value/Rating": "3.3V-75V", "Tolerance": "±5%", "Package/Footprint": "SMD, Through-hole", "Technology": "Zener", "Applications/Notes": "Voltage regulation"}, {"Category": "Diode", "Subcategory": "Schottky", "Part Type": "SS14", "Value/Rating": "40V, 1A", "Tolerance": "N/A", "Package/Footprint": "SMA", "Technology": "Metal-Semiconductor", "Applications/Notes": "Fast switching"}, {"Category": "Diode", "Subcategory": "Opto", "Part Type": "LED", "Value/Rating": "2V-3.6V", "Tolerance": "N/A", "Package/Footprint": "Through-hole, SMD", "Technology": "GaAsP, InGaN", "Applications/Notes": "Indicator, optocoupler"}, {"Category": "Transistor", "Subcategory": "BJT", "Part Type": "2N3904 (NPN)", "Value/Rating": "40V, 200mA", "Tolerance": "N/A", "Package/Footprint": "TO-92", "Technology": "Silicon", "Applications/Notes": "General switching"}, {"Category": "Transistor", "Subcategory": "BJT", "Part Type": "2N3906 (PNP)", "Value/Rating": "40V, 200mA", "Tolerance": "N/A", "Package/Footprint": "TO-92", "Technology": "Silicon", "Applications/Notes": "General switching"}, {"Category": "Transistor", "Subcategory": "MOSFET", "Part Type": "IRLZ44N (N-Channel)", "Value/Rating": "55V, 47A", "Tolerance": "N/A", "Package/Footprint": "TO-220", "Technology": "Power MOSFET", "Applications/Notes": "High-power switching"}, {"Category": "Transistor", "Subcategory": "MOSFET", "Part Type": "SI2301 (P-Channel)", "Value/Rating": "20V, 3.6A", "Tolerance": "N/A", "Package/Footprint": "SOT-23", "Technology": "Power MOSFET", "Applications/Notes": "Low-side/high-side switching"}, {"Category": "Integrated Circuit", "Subcategory": "Microcontroller", "Part Type": "ATmega328P", "Value/Rating": "20MHz, 32KB Flash", "Tolerance": "N/A", "Package/Footprint": "TQFP, DIP", "Technology": "8-bit AVR", "Applications/Notes": "Arduino boards"}, {"Category": "Integrated Circuit", "Subcategory": "Microcontroller", "Part Type": "PIC16F877A", "Value/Rating": "20MHz, 8KB Flash", "Tolerance": "N/A", "Package/Footprint": "PDIP, QFN", "Technology": "8-bit PIC", "Applications/Notes": "Embedded control"}, {"Category": "Integrated Circuit", "Subcategory": "Op Amp", "Part Type": "LM358", "Value/Rating": "±3V to ±32V", "Tolerance": "N/A", "Package/Footprint": "SOIC-8, DIP-8", "Technology": "Dual Op Amp", "Applications/Notes": "Signal conditioning"}, {"Category": "Integrated Circuit", "Subcategory": "Voltage Regulator", "Part Type": "7805", "Value/Rating": "5V, 1A", "Tolerance": "±4%", "Package/Footprint": "TO-220", "Technology": "Linear", "Applications/Notes": "Fixed regulator"}, {"Category": "Integrated Circuit", "Subcategory": "Voltage Regulator", "Part Type": "LM1117", "Value/Rating": "3.3V, 800mA", "Tolerance": "±1%", "Package/Footprint": "TO-220, SOT-223", "Technology": "LDO", "Applications/Notes": "Low dropout"}, {"Category": "Connector", "Subcategory": "USB", "Part Type": "USB Type-A", "Value/Rating": "5V, 500mA", "Tolerance": "N/A", "Package/Footprint": "Through-hole", "Technology": "USB 2.0", "Applications/Notes": "Host interface"}, {"Category": "Connector", "Subcategory": "USB", "Part Type": "Micro USB B", "Value/Rating": "5V, 1A", "Tolerance": "N/A", "Package/Footprint": "SMD", "Technology": "USB 2.0", "Applications/Notes": "Power/data"}, {"Category": "Connector", "Subcategory": "Header", "Part Type": "2x5 Pin Header", "Value/Rating": "N/A", "Tolerance": "N/A", "Package/Footprint": "Through-hole", "Technology": "Gold plating", "Applications/Notes": "Programming"}, {"Category": "Crystal/Oscillator", "Subcategory": "Crystal", "Part Type": "16 MHz HC-49/U", "Value/Rating": "16 MHz ±20ppm", "Tolerance": "±20ppm", "Package/Footprint": "Through-hole", "Technology": "Quartz", "Applications/Notes": "Microcontroller clock"}, {"Category": "Crystal/Oscillator", "Subcategory": "Oscillator", "Part Type": "32.768 kHz SMD", "Value/Rating": "32.768 kHz", "Tolerance": "±20ppm", "Package/Footprint": "SMD", "Technology": "Quartz", "Applications/Notes": "RTC clock"}, {"Category": "Sensor", "Subcategory": "Temperature", "Part Type": "LM35", "Value/Rating": "-55°C to 150°C", "Tolerance": "±0.5°C", "Package/Footprint": "TO-92, SOIC-8", "Technology": "Analog IC", "Applications/Notes": "Precise temp sensing"}, {"Category": "Sensor", "Subcategory": "Motion", "Part Type": "ADXL345", "Value/Rating": "±2g/±4g/±8g/±16g", "Tolerance": "N/A", "Package/Footprint": "LGA", "Technology": "MEMS", "Applications/Notes": "3-axis accelerometer"}, ] df = pd.DataFrame(data) import ace_tools as tools; tools.display_dataframe_to_user(name="Circuit Board Parts Reference", dataframe=df) Result Category Subcategory Part Type Value/Rating Tolerance \ 0 Resistor Fixed Metal Film 1Ω - 10MΩ ±1%, ±5% 1 Resistor Fixed Carbon Film 1Ω - 10MΩ ±5%, ±10% 2 Resistor Variable Potentiometer 1kΩ - 1MΩ ±20% 3 Resistor Sensor Thermistor (NTC) 10kΩ @ 25°C ±1% 4 Resistor Sensor LDR 10kΩ @ dark ±30% Package/Footprint Technology Applications/Notes 0 0805, 0603, 1206 Thin Film General purpose, low noise 1 Through-hole, 1206 Thick Film Cost-sensitive applications 2 Through-hole Cermet User-adjustable 3 Through-hole, SMD Ceramic Temperature sensing 4 Through-hole Photoresistive Light sensing