All Projects → jinzhanye → Pokemon Diagram

jinzhanye / Pokemon Diagram

A mxGraph tutorial project

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

Projects that are alternatives of or similar to Pokemon Diagram

Cacti
Cacti ™
Stars: ✭ 1,090 (+1413.89%)
Mutual labels:  graph
Tridnr
Tri-Party Deep Network Representation
Stars: ✭ 65 (-9.72%)
Mutual labels:  graph
Parmat
Multi-threaded Large-Scale RMAT Graph Generator.
Stars: ✭ 68 (-5.56%)
Mutual labels:  graph
Calendar Graph
Calendar graph like github using jsx support SVG, Canvas and SSR
Stars: ✭ 58 (-19.44%)
Mutual labels:  graph
Dmgi
Unsupervised Attributed Multiplex Network Embedding (AAAI 2020)
Stars: ✭ 62 (-13.89%)
Mutual labels:  graph
Movies Java Bolt
Neo4j Movies Example application with SparkJava backend using the neo4j-java-driver
Stars: ✭ 66 (-8.33%)
Mutual labels:  graph
Interview Guide
Coding/technical interview guide: data structures, algorithms, complexity analyses, interview questions
Stars: ✭ 54 (-25%)
Mutual labels:  graph
Serial Studio
Multi-purpose serial data visualization & processing program
Stars: ✭ 1,168 (+1522.22%)
Mutual labels:  graph
Penman
PENMAN notation (e.g. AMR) in Python
Stars: ✭ 63 (-12.5%)
Mutual labels:  graph
Arcs
🌈Scaffold genome sequence assemblies using linked read sequencing data
Stars: ✭ 67 (-6.94%)
Mutual labels:  graph
Embedded gcnn
Embedded Graph Convolutional Neural Networks (EGCNN) in TensorFlow
Stars: ✭ 60 (-16.67%)
Mutual labels:  graph
Pyflowgraph
Python Module for displaying flowgraphs using Pyside or PyQt.
Stars: ✭ 61 (-15.28%)
Mutual labels:  graph
Potiron
Potiron - Normalize, Index and Visualize Network Capture
Stars: ✭ 66 (-8.33%)
Mutual labels:  graph
Stardog.js
Stardog JavaScript Framework for node.js and the browser
Stars: ✭ 57 (-20.83%)
Mutual labels:  graph
Whom I Know
Looks for common users of vk.com [DEPRECATED]
Stars: ✭ 69 (-4.17%)
Mutual labels:  graph
Rainbarf
it's like Rainmeter, but for CLI!
Stars: ✭ 1,087 (+1409.72%)
Mutual labels:  graph
Daggraph
Dagger dependency graph generator for Android Developers
Stars: ✭ 1,140 (+1483.33%)
Mutual labels:  graph
React Json Graph
React component for rendering graphs
Stars: ✭ 71 (-1.39%)
Mutual labels:  graph
Bcalm
compacted de Bruijn graph construction in low memory
Stars: ✭ 69 (-4.17%)
Mutual labels:  graph
Node Audio
Graph-based audio api for Node.js based on LabSound and JUCE
Stars: ✭ 67 (-6.94%)
Mutual labels:  graph

Pokemon diagram

本项目作为《mxGraph 入门实例教程》的实战教学项目,使用 mxGraph、Vue 做一个宠物小精灵人物展示图谱。

在线演示

点我访问

运行

# 安装依赖
npm install

# 启动
npm start

# 访问
http://localhost:7777

技术栈

  • mxGraph
  • Vue

功能

  • 从面板拖拽元素加入到画布
  • 节点可修改属性、名称
  • 右侧面板修改线条样式,包括线形、粗细、颜色
  • 删除线条、节点级联删除
  • 导出、导入图形
  • 导航器
  • 节点连接校验,规定“智爷”只能与“皮卡超”或"我是皮卡丘的超级超级进化"连接
  • 导出 PNG(仅提供前端代码)

注:本项目在 Chrome 下进行开发,并没有对其他浏览器做兼容处理。

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].