Git Product home page Git Product logo

assaohs / no_code_g6vp Goto Github PK

View Code? Open in Web Editor NEW

This project forked from antvis/g6vp

1.0 0.0 0.0 163.43 MB

G6VP is an online visual analysis tool for graphs and a low-code platform for building graph applications.

Home Page: https://insight.antv.antgroup.com

License: Apache License 2.0

Shell 0.01% JavaScript 0.90% TypeScript 51.25% CSS 45.86% HTML 0.25% Smarty 0.03% Dockerfile 0.04% EJS 0.08% Less 1.60%

no_code_g6vp's Introduction

Version NPM downloads Latest commit

简体中文 | English

G6VP 取名意为 AntV G6 Visualization Platform,曾用名 AntV/GraphInsight,它是一款在线图可视分析产品,也是一款图应用的低代码搭建工具。

demo2

01 快速体验

1.1 创建数据集

巧妇难为无米之炊,在分析数据之前,我们需要创建一个数据集,数据集可以来自本地的 JSON,CSV,XLSX 文件,可以来自图数据库:TuGraph,GraphScope,HugeGraph,Galaxybase,Neo4j,JanusGraph,也可以是用户自定义的服务,如下图所示,我们选择 Neo4j 某个 database 作为数据集。

image

1.2 创建工作薄

有了数据,我们便可以创建一个分析画布,创建画布的时候,我们可以选择不同的模版,模版来自资产包,也可以来自用户手动保存或者从资产清单选购的模版。

image

1.3 配置画布

进入画布后,我们便可以通过侧边栏的「样式」「布局」对画布进行视觉映射,同时也可以在「组件」导航栏中配置整个画布应用,整个图分析能力,在这里可以像搭建积木一样组装起来。

image

1.4 记得按时保存

记得按时点击右上角的「保存」按钮,这样画布的配置信息都会保存下来,下次进入直接分析

image

1.5 导出 SDK

对于有研发需要的朋友,可以点击画布的右上角「开放」按钮,即可进行画布的源码导出,目前支持 HTML,CDN,NPM 三种源码导出方式,方便开发者进行二次开发和独立部署

image

1.6 探索更多惊喜

G6VP 产品中包含了很多的惊喜功能,大家可以前往「开放市场 / 资产列表」中查看还有哪些好玩的分析功能,对于感兴趣的资产,还可以加入购物车,在这里选购的资产清单还可以快速生成应用模版。目前 G6VP 开源版本包含图分析资产 79 个,图元素资产 3 个,图布局资产 9 个。欢迎大家多多提宝贵意见~

02. 开发 G6VP

G6VP 采用 pnpm 8 和 Node 16 进行开发,Node 版本过高在安装依赖和运行 NPM 脚本时可能存在问题。我们建议使用 nvm 管理 Node 版本,在使用 nvm 切换到 Node 16 环境后运行npm -g install pnpm@8安装 pnpm 8。

2.1 安装依赖

pnpm install // 会安装全部的依赖,且将子包的产物一次性运行出来

2.2 启动站点

cd packages/gi-site
npm run start

更多研发,构建问题,请移步阅读《共建 G6VP 项目》

03 扩展阅读

no_code_g6vp's People

Contributors

pomelo-nwu avatar baizn avatar promise6512 avatar yanyan-wang avatar aarebecca avatar boyyangzai avatar lidongze0629 avatar seventysevendays avatar tyn1998 avatar xiaoiver avatar syfee avatar yanhcao avatar rackwellizm avatar yangzy0603 avatar quietlychan avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.