Ferdigheter for diagramvisualiseringsagent

Ferdigheter for diagramvisualisering

Gjør data til et visuelt språk for bedre tenkning.

Oversikt

I en tid med datadrevne beslutninger er effektiv og nøyaktig datavisualisering og -analyse avgjørende. AntV tilbyr en profesjonell pakke med visualiseringsløsninger, med et robust verktøysett og et omfattende sett med ferdigheter for hele arbeidsflyten – fra diagramdesign og interaktiv utforskning til dybdeanalyse av data. Det gjør det mulig for brukere å raskt transformere komplekse datasett til intuitive visuelle diagrammer, og senker terskelen for å skape betydelig gjennom intelligente designspesifikasjoner og et rikt bibliotek av komponenter. Enten det gjelder daglig rapportering, dynamiske dashbord eller avansert interaktiv analyse, leverer AntV pålitelig støtte. Ved å integrere AI-funksjoner strømlinjeformer og automatiserer disse verktøyene ytterligere generering og optimalisering av visualiseringer. Dette gjør at analytikere kan fokusere mer på å avdekke innsikt og drive forretningsbeslutninger, og virkelig gjøre data synlige og forståelige.

[!WARNING] Dette prosjektet slår bare sammen AI-generert kode.

Slik bidrar du:

1. Send inn en issue som tydelig beskriver problemet
2. Tildel den til @copilot med dine krav

Bruk

Legg til denne markedsplassen i Claude Code:

/plugin marketplace add antvis/chart-visualization-skills

Eller du kan installere ferdighetene direkte for dine flere agenter:

npx skills add antvis/chart-visualization-skills

Tilgjengelige ferdigheter

• 📊 chart-visualization: En omfattende ferdighet for diagramgenerering drevet av AntV som tilbyr 26+ diagramtyper for intelligent datavisualisering.

Chart Visualization velger intelligent den mest passende diagramtypen fra 26+ tilgjengelige alternativer, trekker ut parametere basert på detaljerte spesifikasjoner og genererer diagrambilder av høy kvalitet. Den dekker tidsserier, sammenligninger, del-av-helhet, relasjoner, geografiske, hierarkiske, statistiske og spesialiserte visualiseringer.

• 🎨 infographic-creator: Lag vakre infografikker basert på gitt tekstinnhold. Bruk når brukere ber om å lage infografikker.

Infographic Creator bruker AntV Infographic til å transformere data, informasjon og kunnskap til et sansbart visuelt språk. Den kombinerer visuell design med datavisualisering, og tilbyr 50+ maler inkludert lister, sekvenser, hierarkier, sammenligninger, relasjoner og diagrammer. Den komprimerer kompleks informasjon med intuitive symboler for å hjelpe publikum raskt å forstå og huske nøkkelpunkter.

• 🖼️ icon-retrieval: Søk og hent SVG-strenger for ikoner fra ikonbiblioteket. Returnerer opptil 5 matchende ikoner som standard (kan tilpasses).

Icon Search hjelper brukere med å finne passende ikoner for ulike bruksområder, inkludert infografikk, webutvikling, design og mer. Søk på nøkkelord for å oppdage tilgjengelige ikoner og hente deres SVG-strenger direkte. Hvert søk returnerer opptil 5 matchende ikoner som standard (kan tilpasses via topK-parameteren) med URL-ene deres og fullstendig SVG-innhold.

• 📝 narrative-text-visualization: Generer strukturerte narrative tekstvisualiseringer fra data ved hjelp av T8 Syntax.

Narrative Text Visualization (T8) transformerer ustrukturerte data til semantisk rike narrative rapporter ved hjelp av T8 Syntax – et deklarativt, Markdown-lignende språk for å lage datanarrativer med entitetsannoteringer. Det er LLM-vennlig og rammeverk-agnostisk, og fungerer sømløst med HTML, React og Vue. Perfekt for å lage dataanalyserapporter, sammendrag og innsiktsdokumenter med entiteter som metrikker, verdier, trender og dimensjoner korrekt merket. Funksjoner inkluderer innebygde minidiagrammer, standardisert styling og profesjonell formatering. Støtter autentiske datakilder og tilbyr lettvekts, teknologinøytral rendering.

• 📋 antv-s2-expert: Utviklingsassistent for S2 flerdimensjonale kryss-analysetabeller. Bruk når brukere trenger hjelp med S2-pivottabeller, tabellark eller annen utvikling relatert til @antv/s2.

AntV S2 Expert hjelper brukere med å utvikle med S2-motoren for flerdimensjonale kryss-analysetabeller. Den gir omfattende veiledning om @antv/s2 kjernemotor, @antv/s2-react- og @antv/s2-vue-rammeverksbindinger, @antv/s2-react-components avanserte analysekomponenter og @antv/s2-ssr server-side rendering. Dekker pivottabeller, tabellark, tilpassede celler, tematisering, hendelser, interaksjoner, sortering, totaler, verktøytips, frosne rader/kolonner, ikoner, paginering og mer.

• 🕸️ antv-g6-graph: G6 v5 grafvisualiseringskodegenerator. Bruk når brukere trenger å generere G6-grafer – nettverksgrafer, tregrafer, flytdiagrammer, tankekart og enhver relasjons- eller grafstrukturert datavisualisering med G6-biblioteket.

AntV G6 Graph genererer nøyaktig, kjørbar G6 v5-kode som følger beste praksis. Den dekker kjerneinitialisering av graf, datastrukturer (noder, kanter, kombinasjoner), 10+ layoutalgoritmer (force, dagre, circular, grid, mindmap, fishbone, etc.), alle innebygde node-/kant-/kombinasjonstyper, tilstandsstyring, 15+ atferder (drag-canvas, zoom-canvas, click-select, lasso, etc.), 10+ plugins (minimap, tooltip, toolbar, legend, timebar, etc.), utvikling av tilpassede elementer, transformasjoner og animasjon. Innebygde sikkerhetsmekanismer forhindrer vanlige migrasjonsfeller fra v4→v5, som å bruke utdaterte G6.Graph()-konstruktører, graph.data()-API-er eller modusbasert atferdskonfigurasjon.

• 📈 antv-g2-chart: G2 v5 diagramkodegenerator. Bruk når brukere trenger å generere G2-diagrammer – stolpediagrammer, linjediagrammer, sektordiagrammer, spredningsplott, arealdiagrammer, varmekart og enhver statistisk datavisualisering med G2-biblioteket.

AntV G2 Chart genererer nøyaktig, kjørbar G2 v5-kode som følger beste praksis for Spec Mode. Den dekker 30+ diagramtyper (intervall, linje, område, punkt, rektangel, celle, treemap, sankey, chord, wordCloud, gauge og mer), datatransformasjoner (stackY, dodgeX, binX, fold, etc.), koordinatsystemer (kartesisk, polart, theta, radialt), skalaer, interaksjoner (brush, slider, legend filter), komponenter (akse, legend, tooltip, annotasjon) og multivis-komposisjoner. Innebygde sikkerhetsmekanismer forhindrer vanlige migrasjonsfeller fra v4→v5, som å bruke utdaterte kjede-API-er, ugyldige palettnavn eller referanser til d3 i brukerkode.

Evalueringsresultater

Harness Engineering-tilnærmingen er grundig testet mot 174 testtilfeller for diagramgenerering, og viser betydelige forbedringer i forhold til grunnlinjemetoder:

Resultatene viser at Harness Engineering gjør det mulig for LLM-er å oppnå nær produksjonsklar nøyaktighet (opptil 98,2 %), og overgår betydelig Context7-grunnlinjetilnærmingen.

[!TIP] Flere ferdigheter kommer snart.

Biblioteksbruk

Det kan brukes som et bibliotek i Node.js-prosjektene dine med CLI og API.

CLI-bruk

Vi tilbyr også et CLI-verktøy kalt antv for enkel bruk i terminalen din, installer globalt:

npm install -g @antv/chart-visualization-skills

Hent eller list ferdigheter etter søk:

# Hent ferdigheter etter søk (kun metadata)
antv retrieve "bar chart" --library g2 --topk 10

# Hent ferdigheter med fullt markdown-innhold (kjernebegrensninger forhåndsvedlagt)
antv retrieve "bar chart" --library g2 --content

# Hent ferdigheter og skriv ut som JSON
antv retrieve "bar chart" --library g2 --output json

# Få en ferdighet etter dens nøyaktige ID
antv get g2-mark-interval-basic --library g2

# List alle tilgjengelige ferdigheter
antv list --library g2 --category core

# List ferdigheter og skriv ut som JSON
antv list --output json

# Vis ferdighetsinfo (kjernebegrensninger fra SKILL.md)
antv info --library g2

# Vis ferdighetsinfo som JSON
antv info --library g2 --output json

Bruk av kommandoen:

Bruk: antv [alternativer] [kommando]

CLI-verktøy for å hente ferdigheter for AntV-diagramvisualisering

Alternativer:
  -V, --version               skriv ut versjonsnummeret
  -h, --help                  vis hjelp for kommando

Kommandoer:
  retrieve [alternativer] <søk>  Søk etter ferdigheter som samsvarer med et søk
  get [alternativer] <id>        Hent en ferdighet etter dens nøyaktige ID
  list [alternativer]            List alle tilgjengelige ferdigheter
  info [alternativer]            Vis ferdighetsinfo fra SKILL.md
  help [kommando]                vis hjelp for kommando

Alternativer for retrieve:
  --library <lib>             Filtrer etter bibliotek (f.eks. g2, g6)
  --topk <n>                  Antall resultater som skal returneres (standard: 7)
  --content                   Inkluder markdown-innhold i resultatene; kjernebegrensninger (SKILL.md Seksjon 1-2) forhåndsvedlegges alltid som det første resultatet
  --output <format>           Utdataformat: json | text (standard: "text")

Merk: --content forhåndsvedlegger alltid bibliotekets kjernebegrensninger (Seksjon 1 og 2 i SKILL.md, opp til <!-- CONSTRAINTS:END -->-markøren) som det første resultatet, og sikrer at modellen mottar essensielle regler sammen med referansedokumentene.

API-bruk

import { retrieve } from '@antv/chart-visualization-skills';

// Kun metadata (uten innhold)
const skills = retrieve('bar chart', { library: 'g2', topK: 5 });

// Med fullt markdown-innhold (kjernebegrensninger forhåndsvedlagt som første resultat)
const skills = retrieve('bar chart', { library: 'g2', topK: 5, content: true });

// Med innhold men uten kjernebegrensninger
const skills = retrieve('bar chart', { library: 'g2', topK: 5, content: true, includeInfo: false });

retrieve(query: string, options?: RetrieveOptions): Skill[]

interface RetrieveOptions {
  library?: string;   // Biblioteksfilter, f.eks. 'g2' eller 'g6'
  topK?: number;      // Antall resultater (standard: 7)
  content?: boolean;  // Inkluder markdown-innhold (standard: false)
  includeInfo?: boolean; // Forhåndsvedlegg SKILL.md kjernebegrensninger (standard: samme som content)
}

Merknader:

• Standard henting returnerer lette resultatobjekter uten content-feltet.
• content: true returnerer markdown-innhold (frontmatter-metadata er ekskludert).
• Når includeInfo er true (standard når content: true), injiseres blokken med kjernebegrensninger – SKILL.md opp til <!-- CONSTRAINTS:END --> – som det første elementet (id med prefikset __info__), og sikrer at modellen alltid ser de essensielle reglene.

import { info } from '@antv/chart-visualization-skills';

const skillInfo = info('g2');
// => { name: 'antv-g2-chart', description: '...', content: '...', constraintsContent: '...' }

info(library?: string): SkillInfo | undefined

interface SkillInfo {
  name: string;
  description: string;
  content: string;            // Full SKILL.md-brødtekst (etter frontmatter)
  constraintsContent: string; // SKILL.md-brødtekst opp til <!-- CONSTRAINTS:END -->-markør; injisert av retrieve når includeInfo: true
}

Lisens

MIT-lisens – se LICENSE-filen for detaljer.