# Diagramvisualiseringsagentfærdigheder

> Omdan komplekse datasæt til intuitive visuelle diagrammer med AntV Diagramvisualiseringsfærdigheder, der tilbyder 26+ diagramtyper og AI-drevet generering. Begynd at skabe virkningsfulde datahistorier uden besvær.

- Canonical: https://nanoskill.ai/da/skills/chart-visualization-skills
- Markdown: https://nanoskill.ai/da/skills/chart-visualization-skills.md
- Author: antvis
- Published: 2026-06-09T05:00:00.000Z
- Updated: 2026-07-25T04:33:38.870Z
- Language: da
- Source type: github
- Popularity signal: 523

## Sources

- https://github.com/antvis/chart-visualization-skills

## Install

```shell
npx skills add https://github.com/antvis/chart-visualization-skills
```

## About

AntV Diagramvisualiseringsfærdigheder tilbyder en professionel suite af visualiseringsløsninger designet til at omdanne komplekse datasæt til intuitive visuelle diagrammer effektivt og præcist. Initieret af Ant Group giver denne samling af færdigheder brugerne mulighed for at navigere hele arbejdsgangen fra diagramdesign og interaktiv udforskning til dybdegående dataanalyse, hvilket markant sænker barrieren for oprettelse gennem intelligente designspecifikationer og et rigt bibliotek af komponenter. Den giver robust support til daglig rapportering, dynamiske dashboards og sofistikeret interaktiv analyse, hvilket gør data synlige og forståelige.

Suiten inkluderer specialiserede færdigheder som "diagram-visualisering" til generering af 26+ diagramtyper, "infografik-skaber" til at omdanne tekst til engagerende visuelle infografikker med 50+ skabeloner og "narrativ-tekst-visualisering" til at konvertere ustrukturerede data til semantisk rige rapporter ved hjælp af T8 Syntaks. Disse funktioner forbedres yderligere af AI-integration, hvilket strømliner og automatiserer generering og optimering af visualiseringer, så analytikere kan fokusere mere på at afdække indsigt og drive forretningsbeslutninger.

Udviklere kan også udnytte dedikerede færdigheder såsom "antv-s2-ekspert" til multidimensionelle krydsanalysetabeller, "antv-g6-graf" til generering af G6 v5 grafvisualiseringer og "antv-g2-diagram" til oprettelse af G2 v5 statistiske diagrammer. Disse værktøjer giver nøjagtig, kørbar kode, der følger bedste praksis og dækker kernefunktionaliteter, forskellige layoutalgoritmer, komponenttyper og interaktioner. Færdighederne kan integreres i Node.js-projekter via CLI eller API, hvilket giver fleksibilitet til forskellige udviklingsbehov.

## Key features

- **Omfattende Diagramgenerering**: Adgang til 26+ intelligente diagramtyper til forskellige datavisualiseringsbehov, herunder tidsserier, sammenligninger, relationer og geografiske data.
- **AI-drevet Infografikoprettelse**: Generer smukke infografikker fra tekstindhold ved hjælp af 50+ skabeloner, der omdanner information til sanseligt visuelt sprog med intuitive symboler.
- **Strukturerede Narrative Tekstvisualiseringer**: Konverter ustrukturerede data til semantisk rige narrative rapporter ved hjælp af T8-syntaks, et Markdown-lignende sprog til datafortællinger med entitetsannoteringer og minidiagrammer.
- **Multidimensionelle Krydsanalysetabeller**: Brug AntV S2-eksperten til udvikling af pivottabeller, tabelark og brugerdefinerede celler, der tilbyder omfattende vejledning til multidimensionel dataanalyse.
- **Avanceret Graf- og Statistisk Diagramgenerering**: Generer præcis G6-grafkode til netværks-, træ- og flowdiagrammer, og G2-diagramkode til statistiske visualiseringer som søjle-, linje- og cirkeldiagrammer, efter bedste praksis.

## Use cases

- **Opret Daglige Rapporter og Dynamiske Dashboards**: Transformér hurtigt komplekse datasæt til intuitive visuelle diagrammer til daglig rapportering og dynamiske dashboards, hvilket muliggør effektiv datadrevet beslutningstagning.
- **Udvikl Sofistikerede Interaktive Analyseværktøjer**: Udnyt AntVs robuste værktøjssæt til at bygge avancerede interaktive analyseapplikationer, der giver dybdegående udforskning og visualiseringsmuligheder.
- **Generer AI-optimerede Visualiseringer**: Strømlin og automatiser generering og optimering af datavisualiseringer med integrerede AI-kapaciteter, hvilket giver analytikere mulighed for at fokusere på indsigter.
- **Omdan Data til Engagerende Infografikker**: Konverter data, information og viden til visuelt tiltalende infografikker ved hjælp af en række skabeloner til at kommunikere komplekse ideer klart og mindeværdigt.

## Result preview

Udforsk en professionel AI-drevet datavisualiseringsrapport drevet af denne færdighed.

![A chart visualizing 'Salary Distribution by Department' using box plots for Engineering, Design, Marketing, Sales, and Support. Each box plot shows median, interquartile ranges, whiskers, and outliers, with distinct color coding for each department. The chart clearly conveys salary spread and variability across departments.](https://file.nanoskill.ai/chart-outcome-1.png)

![A line chart titled 'Cumulative Growth Trajectory' showing growth over quarters from Q1 23 to Q4 24. Data points are labeled with numerical values and connected by a green line, with a shaded area beneath to highlight cumulative increase. The chart demonstrates steady upward growth from 1,200 to 6,100.](https://file.nanoskill.ai/chart-outcome-2.png)

![A composite image containing two data visualizations. The upper chart is a scatter plot titled 'Investment vs Performance' comparing investment amounts to performance scores for three groups, represented by color-coded circular markers of varying sizes. The lower chart is a bubble chart titled 'GDP vs Life Expectancy' showing GDP per capita versus life expectancy for countries including Japan, Sweden, USA, Germany, China, Brazil, India, and Kenya. Each country is represented by a colored bubble sized by an additional variable, highlighting global economic and health disparities.](https://file.nanoskill.ai/chart-outcome-3.png)

## Result walkthrough

### Installér

Tilføj AntV Diagramvisualiseringsfærdighed til din AI-agent.

![A screenshot of an AI assistant terminal showing the installation of the AntV chart-visualization-skills package. The assistant logs the execution of the command to add the skills repository via 'npx skills add', confirms interactive selection with the '--yes' flag, and lists all 9 installed skills including chart generation, graph visualization, multi-dimensional tables, editing engines, infographics, narrative visualizations, and skill maintenance. The log notes symlinking into Hermes Agent and a security assessment showing low/medium risk with nothing critical.](https://file.nanoskill.ai/chart-visualization-install.png)

### Beskriv

Beskriv det emneområde, du vil have visualiseret, herunder mål, målgruppe og foretrukne diagramtyper eller stilarter.

![A screenshot of an AI assistant task panel for creating a comprehensive AntV chart visualization package. The instructions specify generating multiple chart types, infographics from textual data with templates, and narrative-style reports. Emphasis is on a clean, modern, professional style, ensuring readability, hierarchy, interactivity, dynamic dashboards, drill-down exploration, cross-analysis, and production-ready code snippets for Node.js integration. The final output should be a structured PDF or interactive dashboard, balancing aesthetic elegance with functional clarity.](https://file.nanoskill.ai/chart-visualization-task.png)

### Optimer visualiseringer

Færdigheden genererer diagrammer og dashboards optimeret til klarhed, layout og indsigt.

![A screenshot showing the AI assistant output after loading AntV visualization skills and preparing a professional PowerPoint deck. The assistant indicates understanding of all AntV visualization tools and plans to build a data visualization showcase featuring real data across multiple chart types, infographics, narrative visualizations, network graphs, and S2 tables, ready for presentation in PPT format.](https://file.nanoskill.ai/chart-visualization-outcome.png)

## Skill definition

# 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:
```bash
/plugin marketplace add antvis/chart-visualization-skills
```

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

```bash
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:

| **Model** | **G2** | **G6** |
| :---: | :---: | :---: |
| qwen3-coder-480b-a35b-instruct | ✨ 98,2% <sup><sub>+17,7%</sub></sup> | 94,8% <sup><sub>+15,6%</sub></sup> |
| Kimi-K2.5 | 97,7% <sup><sub>+17,2%</sub></sup> | 96,9% <sup><sub>+17,7%</sub></sup> |
| GLM-5.1 | 93,6% <sup><sub>+13,1%</sub></sup> | 92,8% <sup><sub>+13,6%</sub></sup> |
| DeepSeek-V3.2 | 90,8% <sup><sub>+10,3%</sub></sup> | ✨ 97,9% <sup><sub>+18,7%</sub></sup> |
| Context7 <sub>Baseline</sub> | 80,5% | 79,2% |

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:

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

**Hent eller list færdigheder efter forespørgsel**:

```bash
# 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

```typescript
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 });
```

```typescript
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)
}
```

| Option | Type | Standard | Beskrivelse |
| :--- | :--- | :--- | :--- |
| `library` | `string` | alle | Biblioteksfilter (`g2` eller `g6`) |
| `topK` | `number` | `7` | Antal resultater |
| `content` | `boolean` | `false` | Inkluder markdown-indholdskrop |
| `includeInfo` | `boolean` | samme som `content` | Foranstil SKILL.md kernebegrænsninger (Sektion 1-2) som første resultat |

> 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.

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

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

```typescript
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
}
```

| Parameter | Type | Standard | Beskrivelse |
| :--- | :--- | :--- | :--- |
| `library` | `string` | `'g2'` | Bibliotek at hente info for (`g2` eller `g6`) |

## Licens

MIT Licens - se [LICENSE](LICENSE) filen for detaljer.

## FAQ

### Hvad er AntV Diagramvisualiseringsfærdigheder?

AntV Diagramvisualiseringsfærdigheder er en samling værktøjer og kapaciteter drevet af AntV, designet til at hjælpe brugere med effektivt og præcist at visualisere og analysere data. De inkluderer funktioner til diagramgenerering, infografikoprettelse, narrativ tekstvisualisering og specialiseret graf- og statistisk diagramudvikling.

### Hvor mange diagramtyper understøtter diagramvisualiseringsfærdigheden?

Diagramvisualiseringsfærdigheden giver 26+ diagramtyper til intelligent datavisualisering, der dækker en bred vifte af datarepræsentationer, herunder tidsserier, sammenligninger, relationer og geografiske data.

### Kan jeg oprette infografikker med disse færdigheder?

Ja, infografikopretterfærdigheden giver dig mulighed for at oprette smukke infografikker baseret på given tekstindhold. Den bruger AntV Infographic og tilbyder 50+ skabeloner til at omdanne data til et sanseligt visuelt sprog.

### Hvad er Narrativ Tekstvisualisering (T8-syntaks)?

Narrativ Tekstvisualisering (T8) omdanner ustrukturerede data til semantisk rige narrative rapporter ved hjælp af T8-syntaks, et deklarativt Markdown-lignende sprog. Det er designet til at skabe datafortællinger med entitetsannoteringer, minidiagrammer og professionel formatering, velegnet til analyserapporter og indsigtsdokumenter.

### Hvordan hjælper AntV Diagramvisualiseringsfærdigheder med multidimensionel analyse?

Antv-s2-ekspert-færdigheden fungerer som en udviklingsassistent for S2 multidimensionel krydsanalysetabelmotor. Den giver omfattende vejledning i at arbejde med pivottabeller, tabelark, brugerdefinerede celler og forskellige andre funktioner i @antv/s2.

### Er der værktøjer til generering af specifikke graf- og statistiske diagrammer?

Ja, antv-g6-graf-færdigheden genererer G6 v5-kode til grafvisualiseringer som netværksgrafer, trægrafer og flowdiagrammer. Antv-g2-diagram-færdigheden genererer G2 v5-kode til statistiske diagrammer såsom søjlediagrammer, linjediagrammer, cirkeldiagrammer og punktdiagrammer, efter bedste praksis.