GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - jgraph/drawio-tools: Various tools for draw.io

BranchesTags
Open more actions menu

Latest commit

 

History

138 Commits
138 Commits

Folders and files

NameName
Last commit message
Last commit date
assets
assets
 
 
styles
styles
 
 
tools
tools
 
 
utils
utils
 
 
.gitignore
.gitignore
 
 
CLAUDE.md
CLAUDE.md
 
 
README.md
README.md
 
 
index.html
index.html
 
 
package.json
package.json
 
 

Repository files navigation

draw.io Tools

A collection of web-based utilities for working with draw.io diagrams.

View the Tools →

Tools

Text & Images

  • Text Tools - Compress, decompress, encode, and decode text using URL encoding, Base64, and deflate compression
  • Base64 Images - Convert images to Base64 data URLs for embedding
  • Image Merge - Stack multiple images vertically

Diagrams

  • MxFile Tools - Validate and repair draw.io diagram files
  • Diagram Viewer - View diagrams from public URLs and generate embeddable links
  • CSV Import - Convert CSV data into draw.io diagrams

Development

Prerequisites

  • Node.js 18+
  • npm

Getting Started

# Clone the repository
git clone https://github.com/jgraph/drawio-tools.git
cd drawio-tools

# Install dependencies
npm install

# Start development server
npm run dev

Build

# Build for production
npm run build

# Preview production build
npm run preview

Project Structure

drawio-tools/
├── src/                    # Source files
│   ├── index.html          # Landing page
│   ├── styles/             # CSS styles
│   ├── utils/              # Shared JavaScript utilities
│   └── tools/              # Individual tool pages
├── public/                 # Static assets
├── tools/                  # Legacy tools (original versions)
├── package.json            # npm configuration
├── vite.config.js          # Vite build configuration
└── CLAUDE.md               # Developer guide

Technology Stack

  • Build Tool: Vite
  • JavaScript: ES Modules
  • CSS: CSS Custom Properties with automatic dark mode
  • Compression: pako

License

Apache-2.0 License - see LICENSE for details.

Links

  • draw.io
  • draw.io on GitHub
  • Report Issues

About

Various tools for draw.io

Resources

Readme
Activity
Custom properties

Stars

186 stars

Watchers

11 watching

Forks

60 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

You are visitor 01402520 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.