# chartdb/chartdb **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/chartdb-chartdb).** 21,286 stars · 1,265 forks · TypeScript · agpl-3.0 ## Links - GitHub: https://github.com/chartdb/chartdb - Homepage: https://chartdb.io - awesome-repositories: https://awesome-repositories.com/repository/chartdb-chartdb.md ## Topics `database` `db` `db-migration` `editor` `erd` `mariadb` `mssql` `mysql` `postgresql` `react` `react-flow` `schema-migrations` `sql` `sqlite` `typescript` `visualization` `xyflow` ## Description ChartDB is a database schema visualizer and entity-relationship diagramming platform designed to help developers understand, design, and document complex data architectures. It functions as a visual workspace where users can create and modify database schemas, define table attributes, and map foreign key relationships. By parsing database metadata or SQL scripts, the tool generates interactive diagrams that provide a clear overview of structural interdependencies and data associations. The platform distinguishes itself through its focus on automated documentation and schema synchronization. It supports programmatic diagram generation and scheduled background tasks that refresh visual representations to reflect changes in the underlying database structure. This ensures that technical documentation remains aligned with the live schema, while features like dependency mapping and relationship cardinality visualization provide deeper insights into how data entities interact. Beyond visualization, the tool facilitates schema portability by converting diagrams into standard database markup scripts, enabling version control and migration across different environments. Users can manage their workspace through automated layout engines, grid alignment, and filtering tools, or export diagrams as images for stakeholder sharing. The platform also supports embedding interactive diagrams into external documentation and offers containerized self-hosting options for teams requiring private infrastructure and data sovereignty. ## Tags ### Data & Databases - [Database Schema Visualizers](https://awesome-repositories.com/f/data-databases/database-schema-visualizers.md) — Generates interactive entity-relationship diagrams by connecting to databases or parsing SQL scripts. ([source](https://docs.chartdb.io/docs/import/cockroachdb.md)) - [Database Documentation Tools](https://awesome-repositories.com/f/data-databases/database-documentation-tools.md) — Maintains synchronized visual documentation of database schemas through automated imports and background tasks. - [Database Schema Designers](https://awesome-repositories.com/f/data-databases/database-schema-designers.md) — Enables visual design and refinement of database architectures before generating deployment scripts. - [Entity Relationship Models](https://awesome-repositories.com/f/data-databases/object-relational-mappers/data-modeling/entity-relationship-models.md) — Provides a diagramming interface for mapping database tables and foreign key relationships. - [Automated Documentation Synchronizers](https://awesome-repositories.com/f/data-databases/database-documentation-tools/automated-documentation-synchronizers.md) — Keeps technical documentation synchronized with live database schemas by automatically updating visual diagrams. - [Markup Exporters](https://awesome-repositories.com/f/data-databases/database-schema-managers/markup-exporters.md) — Converts visual diagrams into standard database markup scripts for version control and migration. - [Database Table Editors](https://awesome-repositories.com/f/data-databases/database-table-editors.md) — Offers a visual interface for creating and modifying database table structures and attributes. ([source](https://docs.chartdb.io/docs/diagrams/tables-fields.md)) - [Relationship Cardinality Visualizers](https://awesome-repositories.com/f/data-databases/relationship-cardinality-visualizers.md) — The tool displays indicators on connection lines to represent the numerical nature of associations between tables such as one-to-many or many-to-many. ([source](https://docs.chartdb.io/docs/diagrams/relationships.md)) - [Schema Synchronization Tools](https://awesome-repositories.com/f/data-databases/schema-synchronization-tools.md) — Updates database diagrams automatically via manual or scheduled triggers to reflect recent changes made to the underlying database schema structure. ([source](https://docs.chartdb.io/docs/integrations/supabase.md)) - [Automated Graph Layouts](https://awesome-repositories.com/f/data-databases/automated-graph-layouts.md) — Organizes tables automatically based on their relationships to optimize visibility and structural clarity within the canvas area. ([source](https://docs.chartdb.io/docs/diagrams/layouts-colors-filters.md)) - [Schema Editors](https://awesome-repositories.com/f/data-databases/data-access-querying/database-apis/table-management-apis/schema-editors.md) — The tool enables adding new fields to tables and modifying field names directly on the canvas or through the sidebar interface. ([source](https://docs.chartdb.io/docs/diagrams/tables-fields.md)) - [Database Schema Managers](https://awesome-repositories.com/f/data-databases/database-schema-managers.md) — Generates standard database markup language scripts from existing visual diagrams to facilitate schema portability and enable effective version control. ([source](https://docs.chartdb.io/docs/export/dbml.md)) - [Database Relationship Mappings](https://awesome-repositories.com/f/data-databases/database-relationship-mappings.md) — Provides tools for defining relational associations between database entities by linking foreign key columns. ([source](https://docs.chartdb.io/docs/diagrams/relationships.md)) - [Schema Namespacing](https://awesome-repositories.com/f/data-databases/schema-namespacing.md) — Groups related tables into logical containers to mirror database namespaces or schemas. ([source](https://docs.chartdb.io/docs/diagrams/tables-fields.md)) ### DevOps & Infrastructure - [Self-Hosted Applications](https://awesome-repositories.com/f/devops-infrastructure/self-hosted-applications.md) — Packages the application environment into isolated units to allow deployment within private infrastructure while maintaining full control over data access. - [Self-Hosted Deployment Platforms](https://awesome-repositories.com/f/devops-infrastructure/self-hosted-deployment-platforms.md) — Supports running visualization platforms within private infrastructure using containerized environments to maintain full control over sensitive data. ([source](https://docs.chartdb.io/docs/cloud-vs-self-hosted.md)) ### Business & Productivity Software - [Self-Hosted Tools](https://awesome-repositories.com/f/business-productivity-software/self-hosted-tools.md) — Supports containerized deployment on private infrastructure to ensure data sovereignty. ### Software Engineering & Architecture - [Metadata Parsing](https://awesome-repositories.com/f/software-engineering-architecture/schema-metadata-utilities/metadata-parsing.md) — Extracts database structure by querying system catalogs to build an abstract representation of tables and relationships without accessing raw data. - [Text-to-Diagram Generators](https://awesome-repositories.com/f/software-engineering-architecture/software-architecture/diagramming-standards/text-to-diagram-generators.md) — Provides an API to generate and update database diagrams programmatically, ensuring visual documentation remains synchronized with schema changes. ([source](https://docs.chartdb.io/docs/api/introduction.md)) - [Graph Layout Engines](https://awesome-repositories.com/f/software-engineering-architecture/software-architecture/diagramming-standards/graph-layout-engines.md) — Calculates optimal positioning for database tables and connection lines to ensure structural clarity and minimize visual overlap in complex diagrams. - [Canvas-Based](https://awesome-repositories.com/f/software-engineering-architecture/state-management/canvas-based.md) — Maintains a central graph of visual elements and their positions to enable real-time manipulation and layout synchronization of database diagrams. ### Development Tools & Productivity - [Diagram Metadata Managers](https://awesome-repositories.com/f/development-tools-productivity/diagramming-tools/diagram-metadata-managers.md) — Supports updating diagram names and structural metadata to reflect changes in the underlying database schema. ([source](https://docs.chartdb.io/docs/api/diagram/update-diagram.md)) - [Database View Dependency Mappers](https://awesome-repositories.com/f/development-tools-productivity/project-configuration/dependency-mapping/database-view-dependency-mappers.md) — Identifies and highlights relationships between database views and their underlying tables by parsing schema definitions. ([source](https://docs.chartdb.io/docs/diagrams/dependencies.md)) - [Task Scheduling](https://awesome-repositories.com/f/development-tools-productivity/task-scheduling.md) — Supports recurring background tasks to refresh database diagrams, ensuring visual representations remain synchronized with the current state of the underlying schema. ([source](https://docs.chartdb.io/docs/api/examples/cloudflare-d1.md)) ### Graphics & Multimedia - [Interactive Diagramming Libraries](https://awesome-repositories.com/f/graphics-multimedia/visualization-mapping/visualization-frameworks/interactive-diagramming-libraries.md) — Integrates live, navigable database visualizations into external websites or documentation to share schema insights directly with relevant stakeholders. ([source](https://docs.chartdb.io/docs/cloud-vs-self-hosted.md)) ### Content Management & Publishing - [Diagram Exporting](https://awesome-repositories.com/f/content-management-publishing/content-formats-exporting/diagram-exporting.md) — Converts database diagrams into multiple image formats to facilitate the sharing and documentation of complex schema designs with stakeholders. ([source](https://docs.chartdb.io/docs/welcome.md)) ### Security & Cryptography - [Private Embedding](https://awesome-repositories.com/f/security-cryptography/private-embedding-controls/private-embedding.md) — Exposes restricted database visualizations to external environments by appending authentication keys to URLs, allowing access without requiring a user login session. ([source](https://docs.chartdb.io/docs/api/embeded-diagrams.md)) ### Web Development - [Diagram Serialization](https://awesome-repositories.com/f/web-development/client-side-document-generators/client-side-exporters/diagram-serialization.md) — Allows users to save current entity-relationship diagrams as structured files that can be re-imported later to resume editing or maintain backups. ([source](https://docs.chartdb.io/docs/export/json.md)) - [Schema Serialization](https://awesome-repositories.com/f/web-development/schema-based-serialization/schema-serialization.md) — Converts visual diagram state into standardized text-based definitions to allow for version control and portable database schema generation.