-
Notifications
You must be signed in to change notification settings - Fork 1.3k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Co-authored-by: pomelo.lcw <[email protected]>
- Loading branch information
1 parent
0179634
commit 9596802
Showing
12 changed files
with
162 additions
and
69 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
23 changes: 23 additions & 0 deletions
23
packages/site/examples/case/graphDemos/demo/graphinsight.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| const container = document.getElementById('container'); | ||
|
|
||
| const iframe = document.createElement('iframe'); | ||
| iframe.id = 'graphinsight-bank-demo'; | ||
|
|
||
| iframe.src = | ||
| 'https://codesandbox.io/embed/condescending-platform-mt37im?fontsize=14&hidenavigation=1&theme=dark'; | ||
| iframe.style = | ||
| 'width:100%; height:100%; min-height:500px; border:0; border-radius: 4px; overflow:hidden;'; | ||
| iframe.allow = | ||
| 'accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking'; | ||
| iframe.sandbox = | ||
| 'allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts'; | ||
| iframe.title = 'condescending-graphinsight-bank'; | ||
|
|
||
| const info = document.createElement('div'); | ||
| info.innerHTML = ` | ||
| <p>友情提示，如果CodeSandbox打开比较慢，可以访问 <a href='https://graphinsight.antgroup.com/#/workspace?type=case' target='_blank'>「GraphInsight」</a> 在线查看， | ||
| 它是 AntV 团队基于 G6 研发的一款图分析应用低代码搭建工具与分析洞察产品，它既可以帮助用户在线实现关系数据的可视化，也可帮助开发者一键导出图画布SDK，极大提高研发效率 | ||
| </p> | ||
| `; | ||
| container.appendChild(info); | ||
| container.appendChild(iframe); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| import Tools from './tools.zh'; | ||
|
|
||
| export default Tools; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,107 @@ | ||
| import SEO from '@antv/gatsby-theme-antv/site/components/Seo'; | ||
| import { Button, Card, Col, Row } from 'antd'; | ||
| import React from 'react'; | ||
| import { useTranslation } from 'react-i18next'; | ||
|
|
||
| const Tools = () => { | ||
| const { t, i18n } = useTranslation(); | ||
| return ( | ||
| <> | ||
| <SEO title={t('蚂蚁数据可视化')} lang={i18n.language} /> | ||
|
|
||
| <div | ||
| style={{ | ||
| margin: '20px auto', | ||
| padding: '0', | ||
| width: 'calc(100vw - 96px)', | ||
| }} | ||
| > | ||
| <Row gutter={24}> | ||
| <Col span={16}> | ||
| <Card | ||
| title={'低代码搭建平台：GraphInsight'} | ||
| extra={ | ||
| <Button | ||
| type="primary" | ||
| onClick={() => { | ||
| window.open('https://graphinsight.antgroup.com/', '_blank'); | ||
| }} | ||
| > | ||
| 点击进入 | ||
| </Button> | ||
| } | ||
| > | ||
| GraphInsight 是 AntV 团队于 2022.06.06 | ||
| 对外开放的一款图分析应用的低代码搭建平台。用户无需代码开发，即可在线完成关系数据的通道映射，自主布局，探索分析。基于 | ||
| G6 强大图可视分析能力，以及 Graphin | ||
| 的组件组合能力，用户还可一键导出配置代码，生成SDK，集成到业务系统中，大大降 | ||
| 低初始研发门槛 与 后续维护成本。 | ||
| <img | ||
| style={{ | ||
| display: 'block', | ||
| }} | ||
| width="100%" | ||
| src="https://gw.alipayobjects.com/mdn/rms_0d75e8/afts/img/A*eXL9T6xqPlUAAAAAAAAAAAAAARQnAQ" | ||
| alt="" | ||
| /> | ||
| </Card> | ||
| </Col> | ||
| <Col span={8}> | ||
| <Card | ||
| title="交互式文档工具：GraphMaker" | ||
| extra={ | ||
| <Button | ||
| onClick={() => { | ||
| window.open('https://render.mybank.cn/p/c/17sfi50vhu80', '_blank'); | ||
| }} | ||
| > | ||
| 点击进入 | ||
| </Button> | ||
| } | ||
| > | ||
| GraphMaker 是 2020.11.22 开放的一款交互式文档，用户可以在该网站上，所见即所得地配置 G6 | ||
| 的节点，边，布局等参数的配置，并支持一键导出代码，极大提高了 G6 的研发效率。 | ||
| <img | ||
| style={{ | ||
| display: 'block', | ||
| }} | ||
| width="100%" | ||
| src="https://gw.alipayobjects.com/mdn/rms_0d75e8/afts/img/A*zseJQJAnvJQAAAAAAAAAAAAAARQnAQ" | ||
| alt="" | ||
| /> | ||
| </Card> | ||
| </Col> | ||
| </Row> | ||
|
|
||
| {/* <iframe | ||
| src="https://graphinsight.antgroup.com" | ||
| title="Tools" | ||
| style={{ | ||
| width: '100%', | ||
| height: '80%', | ||
| border: 0, | ||
| borderRadius: '4px', | ||
| overflow: 'hidden', | ||
| }} | ||
| allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb" | ||
| sandbox="allow-downloads allow-modals allow-forms allow-popups allow-scripts allow-same-origin" | ||
| ></iframe> */} | ||
| {/* <iframe | ||
| src="https://render.mybank.cn/p/c/17sfi50vhu80" | ||
| title="Tools" | ||
| style={{ | ||
| width: '100%', | ||
| height: '50%', | ||
| border: 0, | ||
| borderRadius: '4px', | ||
| overflow: 'hidden', | ||
| }} | ||
| allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb" | ||
| sandbox="allow-downloads allow-modals allow-forms allow-popups allow-scripts allow-same-origin" | ||
| /> */} | ||
| </div> | ||
| </> | ||
| ); | ||
| }; | ||
|
|
||
| export default Tools; |