Black History Facts API

// Fetch open data records
const headers = { 'X-Api-Key': 'YOUR_API_KEY' };
const response = await fetch(`https://www.blackhistoryapi.io/docs`, { headers });
const data = await response.json();
const records = data.results || data.data || data.records || [];
const items = Array.isArray(records) ? records : [records];
items.slice(0, 5).forEach(item => {
  console.log('Record:', item.title || item.name || JSON.stringify(item));
});

// Fetch data for visualization
const headers = { 'X-Api-Key': 'YOUR_API_KEY' };
const response = await fetch(`https://www.blackhistoryapi.io/docs`, { headers });
const data = await response.json();
const dataset = data.data || data.results || data;
console.log('Dataset loaded:', Array.isArray(dataset) ? dataset.length : 1, 'records');
document.getElementById('viz').innerHTML =
  `<pre>${JSON.stringify(dataset, null, 2)}</pre>`;

// Search and filter open data
const headers = { 'X-Api-Key': 'YOUR_API_KEY' };
const response = await fetch(`https://www.blackhistoryapi.io/docs`, { headers });
const data = await response.json();
const results = data.results || data.data || [];
const filtered = Array.isArray(results) 
  ? results.filter(r => r.name || r.title)
  : [results];
console.log(`Found ${filtered.length} matching records`);