Skill UI

This skill provides comprehensive guidance on leveraging d3.js (Data-Driven Documents) to create sophisticated, interactive, and publication-quality data visualizations. It covers core concepts like data binding, implementing various chart types (network graphs, geo-maps, etc.), handling complex transitions, and ensuring responsiveness across modern JavaScript frameworks (React, Vue, Vanilla JS). Learn the standard workflow for scale definition, axis creation, and drawing custom visual elements with fine-grained control.

Transforms raw datasets into charts, plots, and graphs by analyzing structure, picking suitable visualization types, and rendering them clearly so users can request visualizations or explore patterns and relationships.

TensorBoard delivers a unified interface to track training metrics, debug network behavior, compare experiments, inspect model graphs, and profile performance for PyTorch or TensorFlow workflows.

Seaborn is a powerful Python library for creating publication-quality statistical graphics. It is designed for dataset-oriented plotting, making it ideal for exploratory data analysis, multivariate analysis, and visualizing complex relationships, distributions, and comparisons with minimal code. It builds upon Matplotlib, offering high-level interfaces for functions like scatterplots, heatmaps, and pair plots.

A comprehensive toolkit for navigating, optimizing, and managing large monorepos built with JavaScript/TypeScript. It supports industry-leading tools like Turborepo, Nx, pnpm, and Lerna. Key features include cross-package impact analysis, selective builds, remote caching, dependency graph visualization, and structured migrations, ensuring fast, reliable CI/CD pipelines for complex codebases.

PyGraphistry is a Python interface to the Graphistry platform for GPU-accelerated graph visualization, letting analysts render millions of nodes/edges in interactive dashboards to surface anomalies and relationships quickly.

Plotly is a powerful Python graphing library designed to create highly interactive, publication-quality visualizations. It supports over 40 chart types, including scatter plots, heatmaps, candlestick charts, and geographical maps. Ideal for building sophisticated dashboards, conducting deep exploratory data analysis, and creating rich, web-embeddable presentations with features like zooming, panning, and hover tooltips.

Extracts business domain knowledge from a codebase, optionally reusing an existing knowledge graph, and generates an interactive horizontal flow graph for dashboard visualization, with lightweight scanning and validation steps.

Guides Power BI visualization and UX decisions—capturing business context, selecting optimal charts, specifying layouts, color, typography, and interaction patterns to create accessible, insight-driven dashboards across audiences.

Matplotlib is a foundational Python library for creating static, animated, and interactive plots with full customization. It supports various plot types like line, scatter, bar, and heatmaps, suitable for scientific and statistical visualizations. Users can customize appearance, create multi-panel figures, and export to PNG, PDF, or SVG. Ideal for publication-quality graphics and integrating with Jupyter notebooks.

Seaborn is a Python visualization library built on matplotlib for creating statistical graphics. It integrates with pandas for dataset-oriented plotting, offering publication-quality defaults for distributions, relationships, and categorical comparisons. Ideal for exploratory data analysis, multivariate analysis, and complex multi-panel figures. Supports various plot types like box plots, violin plots, and heatmaps.

This guide addresses critical LangGraph streaming pitfalls, including state overdraw, proxy buffering issues (Nginx, Cloud Run), and excessive event noise. It provides a production-grade pattern for implementing robust SSE/WebSocket endpoints using FastAPI. Learn how to correctly select the `stream_mode` (messages, updates, values) and implement server-side event filtering to reliably build live-token chat UIs and perform comprehensive state visualization.