d3-js-visualisation

id	claude-d3js-skill
slug	claude-d3js-skill
name	D3.js Visualisation
description	To use these resources, read the relevant files when detailed guidance is needed for specific visualisation types or patterns.
prompt_preview	--- name: d3-viz description: Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment. --- # D3.js Visualisation...
full_prompt_length	21764
tools_mentioned	["React","Vue","javascript","JavaScript"]
category	community
category_display	Community
source_repo	chrisvoncsefalvay/claude-d3js-skill
source_path	SKILL.md
source_url	https://github.com/chrisvoncsefalvay/claude-d3js-skill/blob/main/SKILL.md
fetched_at	2026-01-19T00:20:00.606507+00:00
evaluation	{"model":"xiaomi/mimo-v2-flash:free","evaluated_at":"2026-01-19T01:16:19.092018Z","prompt_quality":{"score":4.5,"reasoning":"The prompt is exceptionally clear and well-structured, with excellent specificity on when to use d3.js versus alternatives. It provides concrete code patterns and workflow guidance, though it could benefit from more explicit edge case handling (e.g., responsive design, performance optimization for large datasets)."},"usefulness":{"score":5,"reasoning":"This is highly practical for real-world development, offering immediate value through actionable code patterns for both vanilla JS and framework integration. It comprehensively covers the core workflow from setup to implementation, making it immediately beneficial for developers creating custom visualizations."},"overall_rating":4.75,"summary":"An excellent, production-ready skill prompt that provides comprehensive guidance for d3.js visualization development with clear patterns, practical examples, and appropriate framework-agnostic advice.","tags_suggested":["data-visualization","d3.js","svg","interactive-charts","web-development"]}
github_metrics	{"stars":0,"forks":0,"open_issues":0,"last_commit":null,"fetched_at":"2026-01-19T01:30:36.636178Z"}
indexed_at	2026-01-19T01:30:36.636183Z