D3.js Data Visualization
Veriİleri resmi değil · topluluk1 gün önce
─── Açıklama
Verinizden etkileşimli, üretime hazır d3.js görselleştirmeleri (zaman serisi, network, hiyerarşi) üretir; eksen, ölçek ve tooltip dahil.
> ⚠️ Bu skill resmi değildir — topluluk kaynaklıdır (forum/awesome listeleri). Kendi sorumluluğunuzda kullanın.
Kullanım Senaryoları
- Etkileşimli grafik
- Veri hikayeleştirme
- Dashboard bileşeni
─── Claude Code'da Kullan
mkdir -p ~/.claude/skills/community-d3js-viz && cat > ~/.claude/skills/community-d3js-viz/SKILL.md << 'SKILL_EOF'
---
name: community-d3js-viz
description: "Verinizden etkileşimli, üretime hazır d3.js görselleştirmeleri (zaman serisi, network, hiyerarşi) üretir; eksen, ölçek ve tooltip dahil."
# tags: topluluk, resmi-degil, d3js, visualization, data, frontend
---
# D3.js Data Visualization
Verinizden etkileşimli, üretime hazır d3.js görselleştirmeleri (zaman serisi, network, hiyerarşi) üretir; eksen, ölçek ve tooltip dahil.
> ⚠️ Bu skill **resmi değildir** — topluluk kaynaklıdır (forum/awesome listeleri). Kendi sorumluluğunuzda kullanın.
## Kullanım Senaryoları
- Etkileşimli grafik
- Veri hikayeleştirme
- Dashboard bileşeni
## Talimatlar
Aşağıdaki veri için etkileşimli bir d3.js görselleştirmesi üret. Uygun grafik tipini seç, ölçek/eksen, renk skalası, tooltip ve responsive davranış ekle. Tek dosyalık çalışır bir HTML çıktısı ver.
Veri şeması: {data_schema}
Amaç: {goal}
## Kullanım Senaryoları
- Etkileşimli grafik
- Veri hikayeleştirme
- Dashboard bileşeni
> Not: Bu skill resmi değildir; topluluk kaynaklıdır. Kendi sorumluluğunuzda kullanın.
## Kaynak
https://github.com/chrisvoncsefalvay/claude-d3js-skill (github)
<!-- Skilless üzerinden alındı · skill: community-d3js-viz -->
SKILL_EOFKomutu terminale yapıştır → Claude Code'da /community-d3js-viz ile çağır veya bağlam uyduğunda otomatik etkinleşir.
ya da tüm registry'yi bağla: claude mcp add --transport http skilless <host>/api/mcp
─── Kullanım Senaryoları
- Etkileşimli grafik
- Veri hikayeleştirme
- Dashboard bileşeni
─── İstatistikler
577
oy
72/100
popülarite
2
API özelliği
774
görüntüleme
─── Etiketler
─── API Özellikleri
texttool_use
─── Örnek Prompt
~/community-d3js-viz.prompt
Aşağıdaki veri için etkileşimli bir d3.js görselleştirmesi üret. Uygun grafik tipini seç, ölçek/eksen, renk skalası, tooltip ve responsive davranış ekle. Tek dosyalık çalışır bir HTML çıktısı ver.
Veri şeması: {data_schema}
Amaç: {goal}