Coder Social home page Coder Social logo

makibaom / json-viewer Goto Github PK

View Code? Open in Web Editor NEW

This project forked from fxzer/json-viewer

0.0 0.0 0.0 3.43 MB

JSON可视化工具（Vue3+Antv/G6）

Home Page: https://fxzer.github.io/json-viewer/

License: MIT License

Shell 0.03% JavaScript 0.28% TypeScript 1.49% CSS 0.11% HTML 95.08% Vue 2.67% SCSS 0.35%

json-viewer's Introduction

JSON-Viewer（JSON可视化工具）

技术栈：Vue 3 + Vite +TS + Antv/G6 + Pinia +vue3-json-editor

实现功能：

  1. JSON编辑生成对应视图
  2. 布局配置调整更新视图
  3. 节点收起、展开
  4. 导入、导出JSON
  5. 指定额外解析字段
  6. 4种主题随意切换
  7. 视图节点聚焦搜索
  8. 视图导出为图片
  9. 点击节点查看节点详情
  10. 画布操作（放大/缩小/居中/全屏/退出全屏）

预览地址：

Bilibili演示：Bilibili演示视频地址

Github：https://coderfxj.github.io/json-viewer/

Gitee：https://giteefxj.gitee.io/json-viewer

源码分享

Github：https://github.com/CoderFXJ/json-viewer/tree/dev

Gitee：https://gitee.com/GiteeFXJ/json-viewer/tree/dev/

预览截图

image.png

灵感来源

JSON Crack: 一个丝滑且大气的React+TypeScript项目JSON可视化项目。

json-viewer's People

Contributors

fxzer 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.