fireworks-tech-graph

(★ 10,748)

Generate production-quality SVG+PNG technical diagrams from natural language. 7 styles, UML support, and AI/Agent workflow patterns.

File Explorer

Download Latest Version (.zip)

- - ci.yml
  - release.yml
- FUNDING.yml
- openai.yaml
- - sample-style1-flat.gif
  - sample-style1-flat.png
  - sample-style10-cloud-fabric.gif
  - sample-style10-cloud-fabric.png
  - sample-style11-event-transit.gif
  - sample-style11-event-transit.png
  - sample-style12-ops-pulse.gif
  - sample-style12-ops-pulse.png
  - sample-style2-dark.gif
  - sample-style2-dark.png
  - sample-style3-blueprint.gif
  - sample-style3-blueprint.png
  - sample-style4-notion.gif
  - sample-style4-notion.png
  - sample-style5-glass.gif
  - sample-style5-glass.png
  - sample-style6-claude.gif
  - sample-style6-claude.png
  - sample-style7-openai.gif
  - sample-style7-openai.png
  - sample-style8-dark-luxury.gif
  - sample-style8-dark-luxury.png
  - sample-style9-c4-review-canvas.gif
  - sample-style9-c4-review-canvas.png
  - showcase-12-styles.gif
  - showcase-12-styles.png
  - showcase-gif-manifest.json
- - aigocode.png
- - README.md
  - v1.0.0.md
  - v1.0.1.md
  - v1.0.2.md
  - v1.0.3.md
  - v1.0.4.md
  - v1.0.5.md
  - v1.1.0.md
  - v1.2.0.md
- CAPABILITIES.md
- ROADMAP.md
- interactive-architecture.html
- README.md
- - agent-runtime-style1.json
  - agent-runtime-style10.json
  - agent-runtime-style11.json
  - agent-runtime-style12.json
  - agent-runtime-style2.json
  - agent-runtime-style3.json
  - agent-runtime-style4.json
  - agent-runtime-style5.json
  - agent-runtime-style6.json
  - agent-runtime-style7.json
  - agent-runtime-style9.json
- agent-memory-types-style4.json
- api-flow-style7.json
- c4-review-canvas-style9.json
- cloud-fabric-style10.json
- dark-luxury-style8.svg
- event-transit-style11.json
- mem0-style1.json
- microservices-style3.json
- multi-agent-style5.json
- ops-pulse-style12.json
- system-architecture-style6.json
- tool-call-style2.json
- composition-quality-contract.md
- icons.md
- motion-effects.md
- png-export.md
- style-1-flat-icon.md
- style-10-cloud-fabric.md
- style-11-event-transit.md
- style-12-ops-pulse.md
- style-2-dark-terminal.md
- style-3-blueprint.md
- style-4-notion-clean.md
- style-5-glassmorphism.md
- style-6-claude-official.md
- style-7-openai.md
- style-8-dark-luxury.md
- style-9-c4-review-canvas.md
- style-diagram-matrix.md
- svg-layout-best-practices.md
- architecture-v1.schema.json
- diagram-v1.schema.json
- sequence-v1.schema.json
- workflow-v1.schema.json
- composition_quality.py
- diagram_ir.py
- export-interactive-html.py
- fireworks.py
- fireworks_geometry.py
- generate-diagram.sh
- generate-from-template.py
- interactive_html.py
- motion.py
- README.md
- semantic_contracts.py
- svg2gif.js
- svg2png.js
- test-all-styles.sh
- validate-svg.sh
- validate_svg.py
- - CHANGELOG.md
  - CONTRIBUTING.md
  - LICENSE
  - package.json
  - README.md
  - README.zh.md
  - SKILL.md
- agent-architecture.svg
- architecture.svg
- comparison-matrix.svg
- data-flow.svg
- er-diagram.svg
- flowchart.svg
- sequence.svg
- state-machine.svg
- timeline.svg
- use-case.svg
- test_cli.py
- test_diagram_ir.py
- test_geometry_contracts.py
- test_interactive_html.py
- test_motion.py
- test_python_compatibility.py
- test_semantic_contracts.py
- test_skill_compatibility.py
- test_validate_svg.py
- check_project_consistency.py
- distribution.py
- install-canary.sh
.gitignore
.nojekyll
.npmignore
agentloop-core.svg
CHANGELOG.md
CONTRIBUTING.md
index.html
LICENSE
package.json
README.md
README.zh.md
robots.txt
site.webmanifest
sitemap.xml
SKILL.md

# Installation Guide

1. Get the code

git clone https://github.com/yizhiyanhua-ai/fireworks-tech-graph

Downloads the entire project code from GitHub to your computer.

cd fireworks-tech-graph

Moves into the project folder you just downloaded.

2. Official Install Script

Easy Recommended

Prerequisites

Homebrew A package manager for macOS/Linux.
APT (Debian/Ubuntu 계열) Built into Debian/Ubuntu-based Linux distributions.

brew install librsvg # macOS

Installs the pre-built package via Homebrew — no source build required.

sudo apt install librsvg2-bin # Ubuntu/Debian

Installs directly from the APT package repository (Debian/Ubuntu-based).

brew install ffmpeg # macOS; use your system package manager elsewhere

Installs the pre-built package via Homebrew — no source build required.

✅ After installing, open a new terminal and run the program's version command (e.g. --version) to confirm it worked.

Pulled directly from this repo's README.

3. Node.js

Easy

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install --prefix "$SKILL_ROOT" --ignore-scripts --no-save --package-lock=false puppeteer-core@25.3.0

Downloads and installs the libraries listed in package.json.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.