Diagramvisualiseringsagentfærdigheder

Diagramvisualiseringsevner

At forvandle data til et visuelt sprog for bedre tænkning.

Oversigt

I en tid med datadrevne beslutninger er effektiv og nøjagtig datavisualisering og -analyse altafgørende. MyreV tilbyder en professionel suite af visualiseringsløsninger, der giver en robust værktøjskasse og et omfattende sæt færdigheder til hele arbejdsgangen – fra diagramdesign og interaktiv udforskning til dybdegående dataanalyse. Det sætter brugerne i stand til hurtigt at omdanne komplekse datasæt til intuitive visuelle diagrammer, hvilket markant sænker skabelsesbarrieren gennem intelligente designspecifikationer og et rigt bibliotek af komponenter. Uanset om det er til daglig rapportering, dynamiske dashboards eller sofistikeret interaktiv analyse, leverer MyreV pålidelig support. Ved at integrere AI-funktionaliteter strømliner og automatiserer disse værktøjer yderligere generering og optimering af visualiseringer. Dette gør det muligt for analytikere at fokusere mere på at afdække indsigter og drive forretningsbeslutninger, så data virkelig bliver synlige og forståelige.

[!ADVARSEL] Dette projekt sammenfletter kun AI-genereret kode.

Sådan bidrager du:

1. Indsend en problembeskrivelse, der klart beskriver problemet
2. Tildel den til @copilot med dine krav

Anvendelse

Føj denne markedsplads til Claude Code:

/plugin marketplace add antvis/chart-visualization-skills

Eller du kan direkte installere færdighederne til dine flere agenter:

npx skills add antvis/chart-visualization-skills

Tilgængelige færdigheder

• 📊 diagramvisualisering: En omfattende diagramgenereringsfærdighed drevet af MyreV, der tilbyder over 26 diagramtyper til intelligent datavisualisering.

Diagramvisualisering vælger intelligent den mest passende diagramtype blandt over 26 tilgængelige muligheder, udtrækker parametre baseret på detaljerede specifikationer og genererer diagrambilleder af høj kvalitet. Det dækker tidsserier, sammenligninger, del-til-helhed, relationer, geografiske, hierarkiske, statistiske og specialiserede visualiseringer.

• 🎨 infografikskaber: Skab smukke infografikker baseret på givet tekstindhold. Brug når brugere anmoder om at oprette infografikker.

Infografikskaber bruger MyreV Infografik til at transformere data, information og viden til et sanseligt visuelt sprog. Den kombinerer visuelt design med datavisualisering og tilbyder over 50 skabeloner, herunder lister, sekvenser, hierarkier, sammenligninger, relationer og diagrammer. Den komprimerer kompleks information med intuitive symboler for at hjælpe publikum med hurtigt at forstå og huske nøglepunkter.

• 🖼️ ikonsøgning: Søg og hent ikon-SVG-strenge fra ikonbiblioteket. Returnerer op til 5 matchende ikoner som standard (kan tilpasses).

Ikonsøgning hjælper brugere med at finde passende ikoner til forskellige anvendelsesscenarier, herunder infografikker, webudvikling, design og mere. Søg efter nøgleord for at opdage tilgængelige ikoner og hente deres SVG-strenge direkte. Hver søgning returnerer op til 5 matchende ikoner som standard (kan tilpasses via topK-parameter) med deres URL'er og komplette SVG-indhold.

• 📝 narrativ-tekstvisualisering: Generer strukturerede narrative tekstvisualiseringer fra data ved hjælp af T8 Syntaks.

Narrativ Tekstvisualisering (T8) omdanner ustrukturerede data til semantisk rige narrative rapporter ved hjælp af T8 Syntaks - et deklarativt Markdown-lignende sprog til at skabe datanarrativer med entitetsannotationer. Det er LLM-venligt og rammeuafhængigt og fungerer problemfrit med HTML, React og Vue. Perfekt til at oprette dataanalyserapporter, resuméer og indsigtsdokumenter med entiteter som metrikker, værdier, tendenser og dimensioner korrekt angivet. Funktioner inkluderer indbyggede minidiagrammer, standardiseret styling og professionel formatering. Understøtter autentiske datakilder og tilbyder letvægts, teknologiagnostisk gengivelse.

• 📋 myrev-s2-ekspert: S2 multidimensionel krydsanalysetabeludviklingsassistent. Brug når brugere har brug for hjælp til S2 pivottabeller, tabelark eller enhver @antv/s2 relateret udvikling.

MyreV S2 Ekspert hjælper brugere med at udvikle med S2 multidimensionel krydsanalysetabelmotoren. Den giver omfattende vejledning om @antv/s2-kernemotoren, @antv/s2-react og @antv/s2-vue rammebindinger, @antv/s2-react-components avancerede analysekomponenter og @antv/s2-ssr serverside-gengivelse. Dækker pivottabeller, tabelark, brugerdefinerede celler, tematisering, hændelser, interaktioner, sortering, totaler, tooltips, fastfrosne rækker/kolonner, ikoner, paginering og mere.

• 🕸️ myrev-g6-graf: G6 v5 grafvisualiseringskodegenerator. Brug når brugere har brug for at generere G6-grafer — netværksgrafer, trægrafer, flowdiagrammer, tankekort og enhver relationel eller grafstruktureret datavisualisering med G6-biblioteket.

MyreV G6 Graf genererer nøjagtig, kørbar G6 v5-kode, der følger bedste praksis. Den dækker kernegrafinitialisering, datastrukturer (knuder, kanter, kombinationer), over 10 layoutalgoritmer (kraft, dagre, cirkulær, gitter, tankekort, fiskeben osv.), alle indbyggede knude-/kant-/kombinationstyper, tilstandsstyring, over 15 adfærdsmuligheder (træk-lærred, zoom-lærred, klik-vælg, lasso osv.), over 10 plugins (minimap, tooltip, værktøjslinje, forklaring, tidslinje osv.), udvikling af brugerdefinerede elementer, transformationer og animation. Indbyggede beskyttelsesværn forhindrer almindelige v4→v5 migreringsfaldgruber såsom brug af forældede G6.Graph()-konstruktører, graph.data()-API'er eller modusbaseret adfærdskonfiguration.

• 📈 myrev-g2-diagram: G2 v5 diagramkodegenerator. Brug når brugere har brug for at generere G2-diagrammer — søjlediagrammer, linjediagrammer, cirkeldiagrammer, punktdiagrammer, arealdiagrammer, heatmaps og enhver statistisk datavisualisering med G2-biblioteket.

MyreV G2 Diagram genererer nøjagtig, kørbar G2 v5-kode, der følger Spec Mode bedste praksis. Den dækker over 30 diagramtyper (interval, linje, areal, punkt, rektangel, celle, trekort, sankey, chord, wordCloud, måler og mere), datatransformationer (stackY, dodgeX, binX, fold osv.), koordinatsystemer (kartesisk, polær, theta, radial), skalaer, interaktioner (børste, skyder, forklaringsfilter), komponenter (akse, forklaring, tooltip, annotering) og flervisningskompositioner. Indbyggede beskyttelsesværn forhindrer almindelige v4→v5 migreringsfaldgruber såsom brug af forældede kæde-API'er, ugyldige paletnavne eller referencer til d3 i brugerkode.

Evalueringsresultater

Harness Engineering-tilgangen er blevet grundigt testet mod 174 diagramgenereringstestsager og demonstrerer markante forbedringer i forhold til baseline-metoder:

Resultaterne viser, at Harness Engineering gør det muligt for LLM’er at opnå næsten produktionsklar nøjagtighed (op til 98,2%), hvilket markant overgår Context7 baseline-tilgangen.

[!TIP] Flere færdigheder kommer snart.

Biblioteksanvendelse

Det kan bruges som et bibliotek i dine Node.js-projekter med CLI og API.

CLI-anvendelse

Vi leverer også et CLI-værktøj ved navn antv for nem anvendelse i din terminal. Installer globalt:

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

Hent eller list færdigheder efter forespørgsel:

# Hent færdigheder efter forespørgsel (kun metadata)
antv retrieve "søjlediagram" --library g2 --topk 10

# Hent færdigheder med fuldt markdown-indhold (kernebegrænsninger foranstilles automatisk)
antv retrieve "søjlediagram" --library g2 --content

# Hent færdigheder og output som JSON
aantv retrieve "søjlediagram" --library g2 --output json

# Få en færdighed via dens nøjagtige ID
aantv get g2-mark-interval-basic --library g2

# List alle tilgængelige færdigheder
aantv list --library g2 --category core

# List færdigheder og output som JSON
aantv list --output json

# Vis færdighedsinfo (kernebegrænsninger fra SKILL.md)
aantv info --library g2

# Vis færdighedsinfo som JSON
aantv info --library g2 --output json

Anvendelse for kommandoen:

Anvendelse: antv [options] [command]

CLI-værktøj til hentning af MyreV-diagramvisualiseringsfærdigheder

Optioner:
  -V, --version               output versionsnummeret
  -h, --help                  vis hjælp til kommando

Kommandoer:
  retrieve [options] <query>  Søg efter færdigheder, der matcher en forespørgsel
  get [options] <id>          Få en færdighed via dens nøjagtige ID
  list [options]              List alle tilgængelige færdigheder
  info [options]              Vis færdighedsinfo fra SKILL.md
  help [command]              vis hjælp til kommando

Optioner for retrieve:
  --library <lib>             Filtrer efter bibliotek (f.eks. g2, g6)
  --topk <n>                  Antal resultater, der returneres (standard: 7)
  --content                   Inkluder markdown-indholdskrop i resultater; kernebegrænsninger (SKILL.md Sektion 1-2) foranstilles altid som det første resultat
  --output <format>           Outputformat: json | text (standard: "text")

Bemærk: --content foranstiller altid bibliotekets kernebegrænsninger (Sektion 1 & 2 af SKILL.md, op til <!-- CONSTRAINTS:END --> markøren) som det første resultat, hvilket sikrer, at modellen modtager væsentlige regler sammen med referencedokumenterne.

API-anvendelse

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

// Kun metadata (uden indhold)
const skills = retrieve('søjlediagram', { library: 'g2', topK: 5 });

// Med fuldt markdown-indhold (kernebegrænsninger foranstilles automatisk som første resultat)
const skills = retrieve('søjlediagram', { library: 'g2', topK: 5, content: true });

// Med indhold men uden kernebegrænsninger
const skills = retrieve('søjlediagram', { 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;      // Antal resultater (standard: 7)
  content?: boolean;  // Inkluder markdown-indholdskrop (standard: false)
  includeInfo?: boolean; // Foranstil SKILL.md kernebegrænsninger (standard: samme som content)
}

Bemærkninger:

• Standardhentning returnerer letvægtsresultatobjekter uden feltet content.
• content: true returnerer markdown-indholdskrop (frontmatter metadata er udelukket).
• Når includeInfo er sand (standard når content: true), indsættes kernebegrænsningsblokken — SKILL.md op til <!-- CONSTRAINTS:END --> — som det første element (id med præfikset __info__), hvilket sikrer, at modellen altid ser de væsentlige regler.

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;            // Fuld SKILL.md krop (efter frontmatter)
  constraintsContent: string; // SKILL.md krop op til <!-- CONSTRAINTS:END --> markør; indsprøjtet af retrieve når includeInfo: true
}

Licens

MIT Licens - se LICENSE filen for detaljer.