WB-HTMLTable-Dynamic-2

Loading... (function() { // Use hash parameters instead of query parameters const hash = window.location.hash.substring(1); const hashParams = new URLSearchParams(hash); const indicator = hashParams.get('indicator') || 'NY.GDP.MKTP.CD'; const year = hashParams.get('year') || '2023'; const limit = hashParams.get('limit') || '20'; const webhookUrl = 'https://emergingtextiles.app.n8n.cloud/webhook/worldbank-data';… Read more...

WB-HTMLTable-Dynamic

.wb-container { font-family: Arial, sans-serif; max-width: 100%; margin: 20px 0; } .wb-controls { display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; align-items: center; } .wb-select, .wb-button { padding: 8px 15px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; } .wb-button { background: #0050AA; color: white; border: none; cursor: pointer; transition: background 0.3s; } .wb-button:hover… Read more...

WB-HTMLTable

All Countries Bangladesh India Pakistan Country Year GDP (Current US$) Loading GDP data // Store the fetched data globally let gdpData = []; let currentFilter = 'all'; // Fetch data from your n8n webhook async function fetchGDPData() { try { const response = await fetch('https://emergingtextiles.app.n8n.cloud/webhook/gdp-table');… Read more...

dynamic URL API csv html page

/* Container Styling */ .spreadsheet-widget { max-width: 100%; margin: 0 auto; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); overflow: hidden; } /* Header Section */ .widget-header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 25px 30px; text-align: center; } .widget-header… Read more...

dynamic URL API Integration

/* Container Styling */ .spreadsheet-widget { max-width: 100%; margin: 0 auto; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); overflow: hidden; } /* Header Section */ .widget-header { background: linear-gradient(135deg, #667eea 0%, #0050AA 100%); color: white; padding: 25px 30px; text-align: center; } .widget-header… Read more...