visualifyjs 2.5.3-2.dev → 2.5.3-9-dev

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of visualifyjs might be problematic. Click here for more details.

Files changed (139) hide show
  1. package/.github/workflows/{static.yml.bak → build.yaml} +51 -51
  2. package/LICENSE +674 -674
  3. package/README.md +40 -58
  4. package/config-overrides.js +31 -31
  5. package/dist/visualify.js +3 -3
  6. package/docs/CLI.md +15 -0
  7. package/docs/{docs/README.md → README.md} +41 -65
  8. package/docs/{docs/Rechart → Rechart}/bar.md +190 -190
  9. package/docs/{docs/Rechart → Rechart}/funnel.md +193 -241
  10. package/docs/{docs/Rechart → Rechart}/line.md +355 -355
  11. package/docs/{docs/Rechart → Rechart}/pie.md +225 -225
  12. package/docs/{docs/Rechart → Rechart}/radar.md +253 -253
  13. package/docs/{docs/_404.md → _404.md} +51 -51
  14. package/docs/{docs/_coverpage.md → _coverpage.md} +11 -11
  15. package/docs/{docs/_sidebar.md → _sidebar.md} +42 -44
  16. package/docs/{docs/components → components}/dotBio.md +34 -34
  17. package/docs/{docs/components → components}/echart.md +82 -82
  18. package/docs/{docs/components → components}/html.md +34 -34
  19. package/docs/{docs/components → components}/macaron.md +145 -145
  20. package/docs/components/markdown.md +0 -0
  21. package/docs/{docs/components → components}/more.md +142 -142
  22. package/docs/{docs/components → components}/plotly.md +62 -62
  23. package/docs/{docs/components → components}/scatterL.md +70 -70
  24. package/docs/{docs/components → components}/visium.md +56 -56
  25. package/docs/{docs/configuration.md → configuration.md} +123 -121
  26. package/docs/{docs/deploy.md → deploy.md} +23 -31
  27. package/docs/index.html +70 -70
  28. package/docs/log.md +1 -0
  29. package/docs/manifest.json +23 -23
  30. package/docs/{docs/more-pages.md → more-pages.md} +23 -23
  31. package/docs/{docs/quickstart.md → quickstart.md} +115 -124
  32. package/docs/{docs/rechart-attributes.md → rechart-attributes.md} +74 -74
  33. package/docs/{docs/rechart-basic-usage.md → rechart-basic-usage.md} +162 -162
  34. package/docs/static/css/fluff-stuff.css +169 -169
  35. package/docs/static/css/font-awesome.min.css +4 -4
  36. package/docs/static/css/visualify.css +25 -25
  37. package/docs/static/js/configuration.js +448 -448
  38. package/docs/static/js/visualify.js +24 -23
  39. package/docs/theme.md +3 -0
  40. package/package.json +74 -83
  41. package/rollup.config.mjs +75 -75
  42. package/src/_css/404.css +115 -115
  43. package/src/_css/App.css +37 -37
  44. package/src/_css/autoSuggestion.css +26 -26
  45. package/src/_css/circular-progress.css +32 -32
  46. package/src/_css/index.css +36 -36
  47. package/src/_css/modern.css +24 -24
  48. package/src/_media/corner.svg +8 -8
  49. package/src/_media/download.svg +3 -3
  50. package/src/_media/logo.svg +14 -14
  51. package/src/_test/App.test.js +15 -15
  52. package/src/_utils/reportWebVitals.js +13 -13
  53. package/src/core/appContext.js +27 -27
  54. package/src/core/components/Scatter.js +188 -188
  55. package/src/core/components/ScatterBio.js +572 -572
  56. package/src/core/components/VisiumPlot.js +165 -165
  57. package/src/core/components/browser.js +42 -42
  58. package/src/core/components/dotplot.js +413 -413
  59. package/src/core/components/html.js +29 -29
  60. package/src/core/components/list.js +178 -178
  61. package/src/core/components/macaron.js +201 -201
  62. package/src/core/components/markdown.js +56 -56
  63. package/src/core/components/parser.scatterBio.js +579 -587
  64. package/src/core/components/ratio.js +80 -80
  65. package/src/core/components/scatterL.js +173 -173
  66. package/src/core/components/searchbar.js +131 -131
  67. package/src/core/components/selection.js +193 -193
  68. package/src/core/components/timeline.js +281 -281
  69. package/src/core/components/visium.js +97 -97
  70. package/src/core/fetch/condfetch.js +82 -82
  71. package/src/core/fetch/fetch.js +92 -92
  72. package/src/core/fetch/json.js +29 -29
  73. package/src/core/fetch/vfetch.js +42 -42
  74. package/src/core/liveEditor.js +44 -44
  75. package/src/core/modules/codeEditorWithPreview.js +104 -104
  76. package/src/core/modules/echarts/common.js +20 -20
  77. package/src/core/modules/echarts/presetHandler.js +41 -41
  78. package/src/core/modules/echarts/presets/esodev.chromium.js +172 -172
  79. package/src/core/modules/echarts/presets/esodev.codex.js +130 -130
  80. package/src/core/modules/echarts/presets/esodev.visium.js +123 -123
  81. package/src/core/modules/echarts/presets/mmtrbc.js +186 -186
  82. package/src/core/modules/echarts.js +71 -71
  83. package/src/core/modules/echartsUtils.js +43 -43
  84. package/src/core/modules/echartswitcher.js +152 -152
  85. package/src/core/modules/replotly/presetHandler.js +24 -24
  86. package/src/core/modules/replotly/presets/minimum.js +18 -18
  87. package/src/core/modules/replotly/presets/mmtrbc.dot.js +114 -114
  88. package/src/core/modules/replotly/presets/mmtrbc.violin.js +100 -100
  89. package/src/core/modules/replotly.js +71 -71
  90. package/src/core/pages/404.js +50 -50
  91. package/src/core/pages/error.js +27 -27
  92. package/src/core/pages/jsonPage.js +62 -62
  93. package/src/core/pages/loading.js +44 -44
  94. package/src/core/parser/echart.data.js +183 -183
  95. package/src/core/parser/echart.features.js +125 -125
  96. package/src/core/parser/echart.general.js +143 -147
  97. package/src/core/parser/echart.hilbert.js +57 -57
  98. package/src/core/parser/echart.parser.js +210 -210
  99. package/src/core/parser/echart.series.js +67 -67
  100. package/src/core/parser/echart.types.js +76 -76
  101. package/src/core/parser/plotly.config.js +10 -10
  102. package/src/core/parser/plotly.data.js +132 -132
  103. package/src/core/parser/plotly.layout.js +9 -9
  104. package/src/core/parser/plotly.violin.js +18 -18
  105. package/src/core/recharts.js +62 -62
  106. package/src/core/router/alias.js +49 -49
  107. package/src/core/router/jsonRouter.js +31 -31
  108. package/src/core/themes/modern.js +32 -32
  109. package/src/core/themes/themeSelector.js +33 -33
  110. package/src/core/visualify.js +47 -47
  111. package/src/core/widgets/circularProgress.js +23 -23
  112. package/src/core/widgets/controller.js +83 -83
  113. package/src/core/widgets/errorBoundary.js +36 -36
  114. package/src/core/widgets/footer.js +177 -177
  115. package/src/core/widgets/header.js +234 -234
  116. package/src/core/widgets/layout/Grid.js +31 -31
  117. package/src/core/widgets/layout.js +36 -36
  118. package/src/core/widgets/mapping.js +42 -42
  119. package/src/index.js +62 -62
  120. package/src/setupTests.js +5 -5
  121. package/docs/docs/CLI.md +0 -34
  122. package/docs/docs/Rechart/scatter.md +0 -298
  123. package/docs/docs/log.md +0 -9
  124. package/docs/docs/static/logo/favicon.ico +0 -0
  125. package/docs/docs/static/logo/logo_128x128.png +0 -0
  126. package/docs/docs/static/logo/logo_192x192.png +0 -0
  127. package/docs/docs/static/logo/logo_256x256.png +0 -0
  128. package/docs/docs/static/logo/logo_512x512.png +0 -0
  129. package/docs/docs/static/logo/logo_64x64.png +0 -0
  130. package/docs/docs/theme.md +0 -5
  131. /package/docs/{docs/Rechart → Rechart}/geo.md +0 -0
  132. /package/docs/{docs/Rechart → Rechart}/liquidfill.md +0 -0
  133. /package/docs/{docs/Rechart → Rechart}/polar.md +0 -0
  134. /package/docs/{docs/Rechart → Rechart}/sankey.md +0 -0
  135. /package/docs/{docs/Rechart/sunburst.md → Rechart/scatter.md} +0 -0
  136. /package/docs/{docs/Rechart/tree.md → Rechart/sunburst.md} +0 -0
  137. /package/docs/{docs/Rechart/wordcloud.md → Rechart/tree.md} +0 -0
  138. /package/docs/{docs/components/markdown.md → Rechart/wordcloud.md} +0 -0
  139. /package/docs/{docs/static → static}/_images/deploy-github-pages.png +0 -0
@@ -1,42 +1,42 @@
1
- /*
2
- * @Author : Lihao leolihao@arizona.edu
3
- * @Date : 2023-12-21 13:52:36
4
- * @FilePath : /visualifyjs/src/core/widgets/mapping.js
5
- * @Description :
6
- * Copyright (c) 2023 by Lihao (leolihao@arizona.edu), All Rights Reserved.
7
- */
8
-
9
- import SearchBar from '../components/searchbar';
10
- import NaiveHTML from '../components/html';
11
- import Markdown from '../components/markdown';
12
- import Browser from '../components/browser';
13
- import Macaron from '../components/macaron';
14
- import EChartSwitcher from '../modules/echartswitcher';
15
- import ScatterL from '../components/scatterL';
16
- import RatioBox from '../components/ratio';
17
- import Selection from '../components/selection';
18
- import Timeline from '../components/timeline';
19
- import VisiumPlot from '../components/VisiumPlot';
20
- import RePlotly from '../modules/replotly';
21
- import List from '../components/list';
22
- import DotBio from '../components/dotplot';
23
-
24
- const widgetMapping = {
25
- // Add components here
26
- SearchBar,
27
- Echart: EChartSwitcher,
28
- HTML: NaiveHTML,
29
- Markdown,
30
- Browser,
31
- Macaron,
32
- ScatterL,
33
- RatioBox,
34
- Selection,
35
- Timeline,
36
- Visium: VisiumPlot,
37
- Plotly: RePlotly,
38
- List,
39
- DotBio,
40
- };
41
-
42
- export default widgetMapping;
1
+ /*
2
+ * @Author : Lihao leolihao@arizona.edu
3
+ * @Date : 2023-12-21 13:52:36
4
+ * @FilePath : /visualifyjs/src/core/widgets/mapping.js
5
+ * @Description :
6
+ * Copyright (c) 2023 by Lihao (leolihao@arizona.edu), All Rights Reserved.
7
+ */
8
+
9
+ import SearchBar from '../components/searchbar';
10
+ import NaiveHTML from '../components/html';
11
+ import Markdown from '../components/markdown';
12
+ import Browser from '../components/browser';
13
+ import Macaron from '../components/macaron';
14
+ import EChartSwitcher from '../modules/echartswitcher';
15
+ import ScatterL from '../components/scatterL';
16
+ import RatioBox from '../components/ratio';
17
+ import Selection from '../components/selection';
18
+ import Timeline from '../components/timeline';
19
+ import VisiumPlot from '../components/VisiumPlot';
20
+ import RePlotly from '../modules/replotly';
21
+ import List from '../components/list';
22
+ import DotBio from '../components/dotplot';
23
+
24
+ const widgetMapping = {
25
+ // Add components here
26
+ SearchBar,
27
+ Echart: EChartSwitcher,
28
+ HTML: NaiveHTML,
29
+ Markdown,
30
+ Browser,
31
+ Macaron,
32
+ ScatterL,
33
+ RatioBox,
34
+ Selection,
35
+ Timeline,
36
+ Visium: VisiumPlot,
37
+ Plotly: RePlotly,
38
+ List,
39
+ DotBio,
40
+ };
41
+
42
+ export default widgetMapping;
package/src/index.js CHANGED
@@ -1,62 +1,62 @@
1
- /*
2
- * @Author : Lihao leolihao@arizona.edu
3
- * @Date : 2023-11-29 15:35:28
4
- * @FilePath : /visualifyjs/src/index.js
5
- * @Description :
6
- * Copyright (c) 2023 by Lihao (leolihao@arizona.edu), All Rights Reserved.
7
- */
8
- import './_css/index.css';
9
- import 'bootstrap/dist/css/bootstrap.min.css';
10
- import reportWebVitals from './_utils/reportWebVitals';
11
- import Recharts from './core/recharts';
12
- import CreateApp from './core/visualify';
13
- import LiveEditor from './core/liveEditor';
14
-
15
- try {
16
- if (window.$visualify) {
17
- if (process.env.NODE_ENV === 'development') {
18
- console.log('window.$visualify', window.$visualify);
19
- window.$visualify.Recharts = Recharts;
20
- window.$visualify.LiveEditor = LiveEditor;
21
- }
22
- if (window.$visualify.mode === 'charts') {
23
- window.$visualify.Recharts = Recharts;
24
- window.$visualify.LiveEditor = LiveEditor;
25
- } else if (
26
- window.$visualify.mode === 'pages' ||
27
- window.$visualify.mode === undefined
28
- ) {
29
- // loads the visualify in pages mode
30
- CreateApp(window.$visualify);
31
- } else {
32
- console.error('mode should be recharts or pages');
33
- }
34
-
35
- // If you want to start measuring performance in your app, pass a function
36
- // to log results (for example: reportWebVitals(console.log))
37
- // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
38
- reportWebVitals();
39
- } else {
40
- // If load js before $visualify is set
41
- let _visualify;
42
- Object.defineProperty(window, '$visualify', {
43
- set(config) {
44
- // Store the value internally
45
- _visualify = config;
46
- // Additional code for after $visualify is set
47
- if (config.mode === 'charts')
48
- throw new Error(
49
- 'You need to initialize $visualify before using recharts',
50
- );
51
- // loads the visualify in page mode
52
- else if (config.mode === 'pages') CreateApp(window.$visualify);
53
- else console.warn(`Unsupported mode: ${config.mode}`);
54
- },
55
- get() {
56
- return _visualify;
57
- },
58
- });
59
- }
60
- } catch (e) {
61
- console.error(e);
62
- }
1
+ /*
2
+ * @Author : Lihao leolihao@arizona.edu
3
+ * @Date : 2023-11-29 15:35:28
4
+ * @FilePath : /visualifyjs/src/index.js
5
+ * @Description :
6
+ * Copyright (c) 2023 by Lihao (leolihao@arizona.edu), All Rights Reserved.
7
+ */
8
+ import './_css/index.css';
9
+ import 'bootstrap/dist/css/bootstrap.min.css';
10
+ import reportWebVitals from './_utils/reportWebVitals';
11
+ import Recharts from './core/recharts';
12
+ import CreateApp from './core/visualify';
13
+ import LiveEditor from './core/liveEditor';
14
+
15
+ try {
16
+ if (window.$visualify) {
17
+ if (process.env.NODE_ENV === 'development') {
18
+ console.log('window.$visualify', window.$visualify);
19
+ window.$visualify.Recharts = Recharts;
20
+ window.$visualify.LiveEditor = LiveEditor;
21
+ }
22
+ if (window.$visualify.mode === 'charts') {
23
+ window.$visualify.Recharts = Recharts;
24
+ window.$visualify.LiveEditor = LiveEditor;
25
+ } else if (
26
+ window.$visualify.mode === 'pages' ||
27
+ window.$visualify.mode === undefined
28
+ ) {
29
+ // loads the visualify in pages mode
30
+ CreateApp(window.$visualify);
31
+ } else {
32
+ console.error('mode should be recharts or pages');
33
+ }
34
+
35
+ // If you want to start measuring performance in your app, pass a function
36
+ // to log results (for example: reportWebVitals(console.log))
37
+ // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
38
+ reportWebVitals();
39
+ } else {
40
+ // If load js before $visualify is set
41
+ let _visualify;
42
+ Object.defineProperty(window, '$visualify', {
43
+ set(config) {
44
+ // Store the value internally
45
+ _visualify = config;
46
+ // Additional code for after $visualify is set
47
+ if (config.mode === 'charts')
48
+ throw new Error(
49
+ 'You need to initialize $visualify before using recharts',
50
+ );
51
+ // loads the visualify in page mode
52
+ else if (config.mode === 'pages') CreateApp(window.$visualify);
53
+ else console.warn(`Unsupported mode: ${config.mode}`);
54
+ },
55
+ get() {
56
+ return _visualify;
57
+ },
58
+ });
59
+ }
60
+ } catch (e) {
61
+ console.error(e);
62
+ }
package/src/setupTests.js CHANGED
@@ -1,5 +1,5 @@
1
- // jest-dom adds custom jest matchers for asserting on DOM nodes.
2
- // allows you to do things like:
3
- // expect(element).toHaveTextContent(/react/i)
4
- // learn more: https://github.com/testing-library/jest-dom
5
- import '@testing-library/jest-dom';
1
+ // jest-dom adds custom jest matchers for asserting on DOM nodes.
2
+ // allows you to do things like:
3
+ // expect(element).toHaveTextContent(/react/i)
4
+ // learn more: https://github.com/testing-library/jest-dom
5
+ import '@testing-library/jest-dom';
package/docs/docs/CLI.md DELETED
@@ -1,34 +0,0 @@
1
- # CLI tools for Visualify
2
-
3
- ## Description
4
-
5
- The Visualify.CLI command line interface organizes spatial data using R-tree,
6
- for efficient data searching and loading.
7
- By this means, data portals created by Visualifyjs are able to handle large-scale databases.
8
-
9
- ## Installation
10
-
11
- ```bash
12
- npm install -g @visualify/cli
13
- ```
14
-
15
- ## Usage
16
-
17
- To use Visualify.CLI, you can run the following command:
18
-
19
- - init [path] - Create new documentation
20
- - serve [path] - Run local server to preview site
21
- - start [path] - Start a web server to serve the specified path
22
- - load-json <path> - Load points from JSON file
23
- - mapping [options] <path> - Create a mapping with optional keys
24
- - rtree2d [options] <path> - Create a 2D R-tree
25
- - help [command] - display help for command
26
-
27
- ```bash
28
- visualify --help
29
-
30
- visualify init --help
31
- visualify serve --help
32
- visualify start --help
33
- visualify load-json --help
34
- ```
@@ -1,298 +0,0 @@
1
- <script defers>
2
-
3
- function rangeRandom(min, max, precision) {
4
- return (Math.random() * (max - min) + min).toFixed(precision)
5
- }
6
-
7
- const randomData = []
8
-
9
- for (let i = 0; i < 50; i++) {
10
- randomData.push([
11
- rangeRandom(20, 200, 2), rangeRandom(10, 100, 2)
12
- ])
13
- }
14
-
15
- const Basic_Scatter = {
16
- code:
17
- `const getOption = () => {
18
- return {
19
- type: 'scatter',
20
- data: {
21
- 'random': ${JSON.stringify(randomData)},
22
- },
23
- }
24
- };
25
- return getOption;`
26
- };
27
-
28
- const Grouped_Scatter = {
29
- code: `const getOption = () => {
30
- return {
31
- type: 'scatter',
32
- data: {
33
- 'female': [
34
- [161.2, 51.6], [167.5, 59.0], [159.5, 49.2], [157.0, 63.0], [155.8, 53.6],
35
- [170.0, 59.0], [159.1, 47.6], [166.0, 69.8], [176.2, 66.8], [160.2, 75.2],
36
- [172.5, 55.2], [170.9, 54.2], [172.9, 62.5], [153.4, 42.0], [160.0, 50.0],
37
- [147.2, 49.8], [168.2, 49.2], [175.0, 73.2], [157.0, 47.8], [167.6, 68.8],
38
- [159.5, 50.6], [175.0, 82.5], [166.8, 57.2], [176.5, 87.8], [170.2, 72.8],
39
- [174.0, 54.5], [173.0, 59.8], [179.9, 67.3], [170.5, 67.8], [160.0, 47.0],
40
- [154.4, 46.2], [162.0, 55.0], [176.5, 83.0], [160.0, 54.4], [152.0, 45.8],
41
- [162.1, 53.6], [170.0, 73.2], [160.2, 52.1], [161.3, 67.9], [166.4, 56.6],
42
- [168.9, 62.3], [163.8, 58.5], [167.6, 54.5], [160.0, 50.2], [161.3, 60.3],
43
- [167.6, 58.3], [165.1, 56.2], [160.0, 50.2], [170.0, 72.9], [157.5, 59.8],
44
- [167.6, 61.0], [160.7, 69.1], [163.2, 55.9], [152.4, 46.5], [157.5, 54.3],
45
- [168.3, 54.8], [180.3, 60.7], [165.5, 60.0], [165.0, 62.0], [164.5, 60.3],
46
- [156.0, 52.7], [160.0, 74.3], [163.0, 62.0], [165.7, 73.1], [161.0, 80.0],
47
- [162.0, 54.7], [166.0, 53.2], [174.0, 75.7], [172.7, 61.1], [167.6, 55.7],
48
- [151.1, 48.7], [164.5, 52.3], [163.5, 50.0], [152.0, 59.3], [169.0, 62.5],
49
- [164.0, 55.7], [161.2, 54.8], [155.0, 45.9], [170.0, 70.6], [176.2, 67.2],
50
- [170.0, 69.4], [162.5, 58.2], [170.3, 64.8], [164.1, 71.6], [169.5, 52.8],
51
- [163.2, 59.8], [154.5, 49.0], [159.8, 50.0], [173.2, 69.2], [170.0, 55.9],
52
- [161.4, 63.4], [169.0, 58.2], [166.2, 58.6], [159.4, 45.7], [162.5, 52.2],
53
- [159.0, 48.6], [162.8, 57.8], [159.0, 55.6], [179.8, 66.8], [162.9, 59.4],
54
- [161.0, 53.6], [151.1, 73.2], [168.2, 53.4], [168.9, 69.0], [173.2, 58.4],
55
- [171.8, 56.2], [178.0, 70.6], [164.3, 59.8], [163.0, 72.0], [168.5, 65.2],
56
- [166.8, 56.6], [172.7, 105.2], [163.5, 51.8], [169.4, 63.4], [167.8, 59.0],
57
- [159.5, 47.6], [167.6, 63.0], [161.2, 55.2], [160.0, 45.0], [163.2, 54.0],
58
- [162.2, 50.2], [161.3, 60.2], [149.5, 44.8], [157.5, 58.8], [163.2, 56.4],
59
- [172.7, 62.0], [155.0, 49.2], [156.5, 67.2], [164.0, 53.8], [160.9, 54.4],
60
- [162.8, 58.0], [167.0, 59.8], [160.0, 54.8], [160.0, 43.2], [168.9, 60.5],
61
- [158.2, 46.4], [156.0, 64.4], [160.0, 48.8], [167.1, 62.2], [158.0, 55.5],
62
- [167.6, 57.8], [156.0, 54.6], [162.1, 59.2], [173.4, 52.7], [159.8, 53.2],
63
- [170.5, 64.5], [159.2, 51.8], [157.5, 56.0], [161.3, 63.6], [162.6, 63.2],
64
- [160.0, 59.5], [168.9, 56.8], [165.1, 64.1], [162.6, 50.0], [165.1, 72.3],
65
- [166.4, 55.0], [160.0, 55.9], [152.4, 60.4], [170.2, 69.1], [162.6, 84.5],
66
- [170.2, 55.9], [158.8, 55.5], [172.7, 69.5], [167.6, 76.4], [162.6, 61.4],
67
- [167.6, 65.9], [156.2, 58.6], [175.2, 66.8], [172.1, 56.6], [162.6, 58.6],
68
- [160.0, 55.9], [165.1, 59.1], [182.9, 81.8], [166.4, 70.7], [165.1, 56.8],
69
- [177.8, 60.0], [165.1, 58.2], [175.3, 72.7], [154.9, 54.1], [158.8, 49.1],
70
- [172.7, 75.9], [168.9, 55.0], [161.3, 57.3], [167.6, 55.0], [165.1, 65.5],
71
- [175.3, 65.5], [157.5, 48.6], [163.8, 58.6], [167.6, 63.6], [165.1, 55.2],
72
- [165.1, 62.7], [168.9, 56.6], [162.6, 53.9], [164.5, 63.2], [176.5, 73.6],
73
- [168.9, 62.0], [175.3, 63.6], [159.4, 53.2], [160.0, 53.4], [170.2, 55.0],
74
- [162.6, 70.5], [167.6, 54.5], [162.6, 54.5], [160.7, 55.9], [160.0, 59.0],
75
- [157.5, 63.6], [162.6, 54.5], [152.4, 47.3], [170.2, 67.7], [165.1, 80.9],
76
- [172.7, 70.5], [165.1, 60.9], [170.2, 63.6], [170.2, 54.5], [170.2, 59.1],
77
- [161.3, 70.5], [167.6, 52.7], [167.6, 62.7], [165.1, 86.3], [162.6, 66.4],
78
- [152.4, 67.3], [168.9, 63.0], [170.2, 73.6], [175.2, 62.3], [175.2, 57.7],
79
- [160.0, 55.4], [165.1, 104.1], [174.0, 55.5], [170.2, 77.3], [160.0, 80.5],
80
- [167.6, 64.5], [167.6, 72.3], [167.6, 61.4], [154.9, 58.2], [162.6, 81.8],
81
- [175.3, 63.6], [171.4, 53.4], [157.5, 54.5], [165.1, 53.6], [160.0, 60.0],
82
- [174.0, 73.6], [162.6, 61.4], [174.0, 55.5], [162.6, 63.6], [161.3, 60.9],
83
- [156.2, 60.0], [149.9, 46.8], [169.5, 57.3], [160.0, 64.1], [175.3, 63.6],
84
- [169.5, 67.3], [160.0, 75.5], [172.7, 68.2], [162.6, 61.4], [157.5, 76.8],
85
- [176.5, 71.8], [164.4, 55.5], [160.7, 48.6], [174.0, 66.4], [163.8, 67.3]
86
- ],
87
- "male": [
88
- [174.0, 65.6], [175.3, 71.8], [193.5, 80.7], [186.5, 72.6], [187.2, 78.8],
89
- [181.5, 74.8], [184.0, 86.4], [184.5, 78.4], [175.0, 62.0], [184.0, 81.6],
90
- [180.0, 76.6], [177.8, 83.6], [192.0, 90.0], [176.0, 74.6], [174.0, 71.0],
91
- [184.0, 79.6], [192.7, 93.8], [171.5, 70.0], [173.0, 72.4], [176.0, 85.9],
92
- [176.0, 78.8], [180.5, 77.8], [172.7, 66.2], [176.0, 86.4], [173.5, 81.8],
93
- [178.0, 89.6], [180.3, 82.8], [180.3, 76.4], [164.5, 63.2], [173.0, 60.9],
94
- [183.5, 74.8], [175.5, 70.0], [188.0, 72.4], [189.2, 84.1], [172.8, 69.1],
95
- [170.0, 59.5], [182.0, 67.2], [170.0, 61.3], [177.8, 68.6], [184.2, 80.1],
96
- [186.7, 87.8], [171.4, 84.7], [172.7, 73.4], [175.3, 72.1], [180.3, 82.6],
97
- [182.9, 88.7], [188.0, 84.1], [177.2, 94.1], [172.1, 74.9], [167.0, 59.1],
98
- [169.5, 75.6], [174.0, 86.2], [172.7, 75.3], [182.2, 87.1], [164.1, 55.2],
99
- [163.0, 57.0], [171.5, 61.4], [184.2, 76.8], [174.0, 86.8], [174.0, 72.2],
100
- [177.0, 71.6], [186.0, 84.8], [167.0, 68.2], [171.8, 66.1], [182.0, 72.0],
101
- [167.0, 64.6], [177.8, 74.8], [164.5, 70.0], [192.0, 101.6], [175.5, 63.2],
102
- [171.2, 79.1], [181.6, 78.9], [167.4, 67.7], [181.1, 66.0], [177.0, 68.2],
103
- [174.5, 63.9], [177.5, 72.0], [170.5, 56.8], [182.4, 74.5], [197.1, 90.9],
104
- [180.1, 93.0], [175.5, 80.9], [180.6, 72.7], [184.4, 68.0], [175.5, 70.9],
105
- [180.6, 72.5], [177.0, 72.5], [177.1, 83.4], [181.6, 75.5], [176.5, 73.0],
106
- [175.0, 70.2], [174.0, 73.4], [165.1, 70.5], [177.0, 68.9], [192.0, 102.3],
107
- [176.5, 68.4], [169.4, 65.9], [182.1, 75.7], [179.8, 84.5], [175.3, 87.7],
108
- [184.9, 86.4], [177.3, 73.2], [167.4, 53.9], [178.1, 72.0], [168.9, 55.5],
109
- [157.2, 58.4], [180.3, 83.2], [170.2, 72.7], [177.8, 64.1], [172.7, 72.3],
110
- [165.1, 65.0], [186.7, 86.4], [165.1, 65.0], [174.0, 88.6], [175.3, 84.1],
111
- [185.4, 66.8], [177.8, 75.5], [180.3, 93.2], [180.3, 82.7], [177.8, 58.0],
112
- [177.8, 79.5], [177.8, 78.6], [177.8, 71.8], [177.8, 116.4], [163.8, 72.2],
113
- [188.0, 83.6], [198.1, 85.5], [175.3, 90.9], [166.4, 85.9], [190.5, 89.1],
114
- [166.4, 75.0], [177.8, 77.7], [179.7, 86.4], [172.7, 90.9], [190.5, 73.6],
115
- [185.4, 76.4], [168.9, 69.1], [167.6, 84.5], [175.3, 64.5], [170.2, 69.1],
116
- [190.5, 108.6], [177.8, 86.4], [190.5, 80.9], [177.8, 87.7], [184.2, 94.5],
117
- [176.5, 80.2], [177.8, 72.0], [180.3, 71.4], [171.4, 72.7], [172.7, 84.1],
118
- [172.7, 76.8], [177.8, 63.6], [177.8, 80.9], [182.9, 80.9], [170.2, 85.5],
119
- [167.6, 68.6], [175.3, 67.7], [165.1, 66.4], [185.4, 102.3], [181.6, 70.5],
120
- [172.7, 95.9], [190.5, 84.1], [179.1, 87.3], [175.3, 71.8], [170.2, 65.9],
121
- [193.0, 95.9], [171.4, 91.4], [177.8, 81.8], [177.8, 96.8], [167.6, 69.1],
122
- [167.6, 82.7], [180.3, 75.5], [182.9, 79.5], [176.5, 73.6], [186.7, 91.8],
123
- [188.0, 84.1], [188.0, 85.9], [177.8, 81.8], [174.0, 82.5], [177.8, 80.5],
124
- [171.4, 70.0], [185.4, 81.8], [185.4, 84.1], [188.0, 90.5], [188.0, 91.4],
125
- [182.9, 89.1], [176.5, 85.0], [175.3, 69.1], [175.3, 73.6], [188.0, 80.5],
126
- [188.0, 82.7], [175.3, 86.4], [170.5, 67.7], [179.1, 92.7], [177.8, 93.6],
127
- [175.3, 70.9], [182.9, 75.0], [170.8, 93.2], [188.0, 93.2], [180.3, 77.7],
128
- [177.8, 61.4], [185.4, 94.1], [168.9, 75.0], [185.4, 83.6], [180.3, 85.5],
129
- [174.0, 73.9], [167.6, 66.8], [182.9, 87.3], [160.0, 72.3], [180.3, 88.6],
130
- [167.6, 75.5], [186.7, 101.4], [175.3, 91.1], [175.3, 67.3], [175.9, 77.7],
131
- [175.3, 81.8], [179.1, 75.5], [181.6, 84.5], [177.8, 76.6], [182.9, 85.0],
132
- [177.8, 102.5], [184.2, 77.3], [179.1, 71.8], [176.5, 87.9], [188.0, 94.3],
133
- [174.0, 70.9], [167.6, 64.5], [170.2, 77.3], [167.6, 72.3], [188.0, 87.3],
134
- [174.0, 80.0], [176.5, 82.3], [180.3, 73.6], [167.6, 74.1], [188.0, 85.9],
135
- [180.3, 73.2], [167.6, 76.3], [183.0, 65.9], [183.0, 90.9], [179.1, 89.1],
136
- [170.2, 62.3], [177.8, 82.7], [179.1, 79.1], [190.5, 98.2], [177.8, 84.1],
137
- [180.3, 83.2], [180.3, 83.2]
138
- ]
139
- },
140
- xAxis:{
141
- min: 140,
142
- max: 200,
143
- },
144
- yAxis:{
145
- min: 40,
146
- max: 120,
147
- },
148
- xAxisLabel: 'Height',
149
- yAxisLabel: 'Weight',
150
- xAxisNameGap: 5,
151
- yAxisNameGap: 5,
152
- tooltip: {
153
- axisPointer: {
154
- type: 'cross'
155
- }
156
- }
157
- }
158
- };
159
- return getOption;`
160
- };
161
-
162
- const Quadrant = {
163
- code: `const getOption = () => {
164
- return {
165
- type: 'scatter',
166
- data: {
167
- 'Data':
168
- [{
169
- value: [1, 1],
170
- symbol: 'none',
171
- }, {
172
- value: [0, -1],
173
- symbol: 'none',
174
- },
175
- [0.35, 0.18],
176
- [0.55, 0.77],
177
- [0.88, 0.23],
178
- [0.23, -0.25],
179
- [0.65, -0.66]
180
- ],
181
- },
182
- markArea: {
183
- itemStyle: {
184
- color: '#FFFAFA',
185
- opacity: '0.7'
186
- },
187
- emphasis: {
188
- itemStyle: {
189
- color: '#FFFAFA',
190
- opacity: '0.7'
191
- },
192
- },
193
- data: [
194
- [{
195
- coord: [0.5, 0]
196
- }, {
197
- coord: [1, 1]
198
- }],
199
- [{
200
- coord: [0.5, 0]
201
- }, {
202
- coord: [0, -1]
203
- }]
204
- ]
205
- },
206
- markLine: {
207
- symbol: 'none',
208
- data: [
209
- [{
210
- value: 0.5,
211
- coord: [0.5, -1]
212
- }, {
213
- coord: [0.5, 1]
214
- }]
215
- ]
216
- },
217
- legend: false,
218
- }
219
- };
220
- return getOption;`
221
- };
222
-
223
- const Bubble = {
224
- code: `const getOption = () => {
225
- return {
226
- type: 'scatter',
227
- data: {
228
- 'bubble': ${JSON.stringify(randomData)},
229
- },
230
- itemStyle: {
231
- normal: {
232
- opacity: 0.8
233
- }
234
- },
235
- symbolSize: function(val) {
236
- const [a, b] = val
237
- return Math.abs(a - b) / 2
238
- },
239
- }
240
- };
241
- return getOption;`
242
- };
243
-
244
- const ex1 = new $visualify.LiveEditor(Basic_Scatter).mount('#ex1');
245
- const ex2 = new $visualify.LiveEditor(Grouped_Scatter).mount('#ex2');
246
- const ex3 = new $visualify.LiveEditor(Quadrant).mount('#ex3');
247
- const ex4 = new $visualify.LiveEditor(Bubble).mount('#ex4');
248
- </script>
249
-
250
- # Scatter Chart
251
-
252
- ## Basic Scatter Chart
253
-
254
- <div id="ex1"></div>
255
-
256
- ## Grouped Scatter Chart
257
-
258
- <div id="ex2"></div>
259
-
260
- ## Quadrant Scatter Chart
261
-
262
- <div id="ex3"></div>
263
-
264
- ## Bubble Scatter Chart
265
-
266
- <div id="ex4"></div>
267
-
268
- ## Overall Configuration
269
-
270
- ### Basic Configuration
271
-
272
- The basic configuration includes:
273
-
274
- | Attribute | Type | Description | Choice | Default |
275
- | --------------- | ----------- | ----------------------- | -------------------------- | ------- |
276
- | title | string | The main title | User-defined title | - |
277
- | subtitle | string | A secondary title | User-defined subtitle | - |
278
- | width | string | The width dimension | Any valid CSS width value | - |
279
- | height | string | The height dimension | Any valid CSS height value | 400px |
280
- | legend | bool/object | show or hide legend | False, User-defined legend | {} |
281
- | xAxis | array/false | The xAxis | User-defined xAxis Data | [] |
282
- | yAxis | array/false | The yAxis | User-defined yAxis Data | [] |
283
- | label | object | The label | User-defined label | {} |
284
- | labelLine | object | The labelLine | User-defined labelLine | {} |
285
- | tooltip | object | The tooltip | User-defined tooltip | {} |
286
- | xAxisLineshow | bool | show or hide xAxisLines | True, False | true |
287
- | yAxisLineshow | bool | show or hide yAxisLines | True, False | true |
288
- | xAxisLabelShow | bool | show or hide xAxisLabel | True, False | true |
289
- | yAxisLabelShow | bool | show or hide yAxisLabel | True, False | true |
290
- | xAxisLabelColor | string | The xAxisLabelColor | Any valid CSS color value | - |
291
- | yAxisLabelColor | string | The yAxisLabelColor | Any valid CSS color value | - |
292
-
293
- ### Data Configuration
294
-
295
- | Attribute | Type | Description | Choice | Default |
296
- | --------- | ------------ | ----------- | ----------------- | --------- |
297
- | data | string | The data | User-defined data | {} |
298
- | type | string/array | The type | 'line', 'bar' | undefined |
package/docs/docs/log.md DELETED
@@ -1,9 +0,0 @@
1
- # log
2
-
3
- ## 2.5.3-1(2024-02-24)
4
-
5
- ### Features
6
- 1. Scatter examples added.
7
- 2. xAxis and yAxis now support Object type data.
8
-
9
-
Binary file
@@ -1,5 +0,0 @@
1
- # Theme
2
-
3
- ## Modern
4
-
5
- The modern theme is a modern, responsive theme that is based on the [Bootstrap](https://getbootstrap.com/) framework. It is a clean, modern and professional theme that is suitable for a wide range of applications.
File without changes
File without changes
File without changes
File without changes