https://github.com/livereader/graphly-d3

Open source library to create outstanding graph visualizations with ease.
https://github.com/livereader/graphly-d3

d3 d3-visualization data-driven-design data-visualization graph graphly-d3 svg visualization vue vue-component

Last synced: 3 months ago
JSON representation

Open source library to create outstanding graph visualizations with ease.

• Host: GitHub
• URL: https://github.com/livereader/graphly-d3
• Owner: LiveReader
• License: gpl-3.0
• Created: 2021-10-23T21:25:22.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-09-26T12:44:06.000Z (over 1 year ago)
• Last Synced: 2025-10-06T20:56:18.836Z (4 months ago)
• Topics: d3, d3-visualization, data-driven-design, data-visualization, graph, graphly-d3, svg, visualization, vue, vue-component
• Language: TypeScript
• Homepage: https://docs.graphly.dev
• Size: 10.2 MB
• Stars: 30
• Watchers: 2
• Forks: 2
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          


  



# Graphly D3

[![GitHub Repo stars](https://img.shields.io/github/stars/LiveReader/graphly-d3)](https://github.com/LiveReader/graphly-d3)

[![npm version](https://badge.fury.io/js/%40livereader%2Fgraphly-d3.svg)](https://www.npmjs.com/package/@livereader/graphly-d3)

[![npm](https://img.shields.io/npm/dm/@livereader/graphly-d3)](https://www.npmjs.com/package/@livereader/graphly-d3)

[![Deploy Docs](https://github.com/LiveReader/graphly-d3/actions/workflows/deploy-docs.yml/badge.svg)](https://github.com/LiveReader/graphly-d3/actions/workflows/deploy-docs.yml)

[![build](https://github.com/LiveReader/graphly-d3/actions/workflows/release.yml/badge.svg)](https://github.com/LiveReader/graphly-d3/actions/workflows/release.yml)

## Powerful Graph Visualization

Create outstanding graph visualizations with ease

Graphly D3 is an open source frontend library to create outstanding graph visualizations with ease.

It is built on top of [D3.js](https://d3js.org/) and empowers developers to use svg to display any data in a simple and intuitive way.

This is accomplished by providing a shape template system that allows to develop any required node visualization and simply using it in a data-driven manner.

Check out the full [documentation](https://docs.graphly.dev) for more details and examples and a guide to get started.

![](./assets/graphly-d3-preview-dark.png)

## Tooling

Graphly D3 is built with TypeScript and [Vite](https://vitejs.dev).

The library is available as a [npm package](https://www.npmjs.com/package/@livereader/graphly-d3) and the source code is available on [GitHub](https://github.com/livereader/graphly-d3)

## Community

You are very welcome to join our [Discord Server](https://discord.gg/NdtkFFRuXa) and ask questions or discuss ideas on how to use Graphly D3 in your projects.