drawio-impl-csv-import

Generate Draw.io diagrams from CSV data using directive lines and JSON connections.

4|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/OpenAEC-Foundation/Draw.io-Claude-Skill-Package --skill drawio-impl-csv-import
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: drawio-impl-csv-import
Source: https://github.com/OpenAEC-Foundation/Draw.io-Claude-Skill-Package/tree/main/skills/source/drawio-impl/drawio-impl-csv-import
Command: npx skills add https://github.com/OpenAEC-Foundation/Draw.io-Claude-Skill-Package --skill drawio-impl-csv-import

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Use when generating Draw.io diagrams from tabular/CSV data or creating data-driven diagrams. Prevents the common mistake of missing directive lines or wrong connection JSON format. Covers all CSV directives (label, style, connect, layout, identity), column references, conditional styling, and auto-layout options.

Core Features & Use Cases

  • Supports all CSV directive lines and ensures correct ordering (directives before header).
  • Validates JSON in connect directives and enforces %column% placeholders.
  • Generates deterministic diagrams from tabular data for flows, org charts, ER models, networks, and mind maps.

Quick Start

Prepare a CSV with directive lines before the header and run the CSV Import skill to generate the diagram.

Frequently Asked Questions about drawio-impl-csv-import

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate Draw.io diagrams from CSV tabular data?

Generate Draw.io diagrams from CSV data by applying directive lines before the header row and running a CSV import to automatically create structured visual flows. This approach supports org charts, ER diagrams, networks, and process flows from tabular sources.

What are Draw.io CSV import directive lines and how do they work?

Draw.io CSV import directive lines are special metadata commands prefixed with # that define labels, connections, layout, identity, and ignored columns. They must appear before the header row to properly format data-driven diagrams and ensure correct JSON connections.

Why does my Draw.io CSV import fail with connection errors?

Draw.io CSV import fails when directive lines are missing, connection JSON format is incorrect, or %column% placeholders are invalid. Ensure directives are ordered before the header and validate JSON syntax in connect directives to prevent generation errors.

Can I create an org chart from a CSV file using Draw.io?

Yes, you can create org charts, ER models, networks, and process flows from CSV files. Apply identity and connect directives to map hierarchical relationships, enabling deterministic diagram generation from tabular data with auto-layout options.

What is the correct format for JSON connections in Draw.io CSV imports?

The correct JSON connection format uses %column% placeholders to reference source and target columns within the # connect directive. Validating this JSON structure ensures deterministic relationships are established across nodes in the generated diagram.

Does Draw.io support auto-layout options for data-driven CSV diagram generation?

Yes, Draw.io supports auto-layout options for data-driven CSV diagram generation. By applying the # layout directive alongside label and connect directives, you can automatically arrange nodes and edges for visually structured tabular data representations.