Eugene-Studio/creativeai-dataviz-skill

Was macht creativeai-dataviz-skill?

Ein Claude-Skill, der CreativeAI.fr-Artikel in Chart.js-Datenvisualisierungen umwandelt, die als WordPress-HTML-Blöcke eingebettet werden können.

Beschreibung

Dieser Skill extrahiert Daten aus CreativeAI.fr-Artikeln und generiert interaktive Diagramme mit Chart.js. Das Ergebnis wird als HTML-Block geliefert, der direkt in WordPress-Seiten oder -Beiträge eingefügt werden kann.

Verwendung

1. Wähle einen CreativeAI.fr-Artikel aus.
2. Führe den Skill aus, um die Daten zu extrahieren und eine Chart.js-Datenvisualisierung zu generieren.
3. Kopiere den generierten HTML-Code und füge ihn in den WordPress-Editor (als benutzerdefinierter HTML-Block) ein.

Anforderungen

• Claude-Fähigkeit (oder ein anderes KI-Assistententool).
• WordPress-Installation mit einem Editor, der benutzerdefinierte HTML-Blöcke unterstützt.

Unterstützte Plattformen

• Claude
• WordPress

Beispielausgabe

<canvas id="myChart" width="400" height="400"></canvas>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
const ctx = document.getElementById('myChart').getContext('2d');
new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ['Januar', 'Februar', 'März', 'April'],
        datasets: [{
            label: 'Beispieldaten',
            data: [12, 19, 3, 5],
            backgroundColor: 'rgba(54, 162, 235, 0.2)',
            borderColor: 'rgba(54, 162, 235, 1)',
            borderWidth: 1
        }]
    },
    options: {
        scales: {
            y: {
                beginAtZero: true
            }
        }
    }
});
</script>