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,44 +1,42 @@
1
- - Getting started
2
-
3
- - [Introduction](/README.md)
4
- - [Quick start](/quickstart.md)
5
- - [More pages](/more-pages.md)
6
-
7
- - Visualify.Recharts
8
-
9
- - [Usage](/rechart-basic-usage.md)
10
- - [Attributes](/rechart-attributes.md)
11
- - [Line Chart](/Rechart/line.md)
12
- - [Bar Chart](/Rechart/bar.md)
13
- - [Pie Chart](/Rechart/pie.md)
14
- - [Radar Chart](/Rechart/radar.md)
15
- - [Funnel Chart](/Rechart/funnel.md)
16
- - [Scatter Chart](/Rechart/scatter.md)
17
-
18
-
19
- - Page Mode
20
-
21
- - [ScatterL](/components/scatterL.md)
22
- - [Visium](/components/visium.md)
23
- - [DotBio](/components/dotBio.md)
24
- - [Echart](/components/echart.md)
25
- - [Plotly](/components/plotly.md)
26
- - [Macaron](/components/macaron.md)
27
- - [More...](/components/more.md)
28
-
29
- - Customization
30
-
31
- - [Configuration](/configuration.md)
32
- - [Theme](/theme.md)
33
-
34
- - Guide
35
-
36
- - [CLI](/CLI.md)
37
- - [Deploy](/deploy.md)
38
-
39
- - Showcase
40
-
41
- - [MmTrBC](https://visualify.pharmacy.arizona.edu/MmTrBC/)
42
- - [EsoDev](https://visualify.pharmacy.arizona.edu/EsoDev/)
43
-
44
- - [UpdateLog](/log.md)
1
+ - Getting started
2
+
3
+ - [Introduction](/README.md)
4
+ - [Quick start](/quickstart.md)
5
+ - [More pages](/more-pages.md)
6
+
7
+ - Visualify.Recharts
8
+
9
+ - [Usage](/rechart-basic-usage.md)
10
+ - [Attributes](/rechart-attributes.md)
11
+ - [Line Chart](/Rechart/line.md)
12
+ - [Bar Chart](/Rechart/bar.md)
13
+ - [Pie Chart](/Rechart/pie.md)
14
+ - [Radar Chart](/Rechart/radar.md)
15
+ - [Funnel Chart](/Rechart/funnel.md)
16
+
17
+
18
+ - Page Mode
19
+
20
+ - [ScatterL](/components/scatterL.md)
21
+ - [Visium](/components/visium.md)
22
+ - [DotBio](/components/dotBio.md)
23
+ - [Echart](/components/echart.md)
24
+ - [Plotly](/components/plotly.md)
25
+ - [Macaron](/components/macaron.md)
26
+ - [More...](/components/more.md)
27
+
28
+ - Customization
29
+
30
+ - [Configuration](/configuration.md)
31
+ - [Theme](/theme.md)
32
+
33
+ - Guide
34
+
35
+ - [CLI](/CLI.md)
36
+ - [Deploy](/deploy.md)
37
+
38
+ - Showcase
39
+
40
+ - [MmTrBC](https://visualify.pharmacy.arizona.edu/MmTrBC/)
41
+
42
+ - [UpdateLog](/log.md)
@@ -1,34 +1,34 @@
1
- # DotBio Component
2
-
3
- The DotBio component is a dot plot that
4
- displays the expression of genes in different cell types.
5
-
6
-
7
- ## Properties
8
-
9
- The DotBio component has the following properties:
10
-
11
- - `type` (string): The type of the component, in this case `DotBio`.
12
- - `id` (string): The unique identifier of the component.
13
- - `row` (int): The row in which the component is to be displayed.
14
- - `col` (int): The column in which the component is to be displayed.
15
- - `rowspan` (int): The number of rows the component is to span.
16
- - `colspan` (int): The number of columns the component is to span.
17
- - `settings` (object): The settings of the component.
18
- - `meta` (object): The metadata API of the component.
19
- - `name` (string): The name of the metadata.
20
- - `url` (string): The URL of the metadata.
21
- - `exclude_celltype` (array): The cell types to be excluded.
22
- - `gene` (string): The gene API.
23
- - `genelist` (string): The genelist variable name we want to use.
24
-
25
- ### settings Properties
26
-
27
- The `settings` object has the following properties:
28
-
29
- - `preset` (string): The preset of the component.
30
- - `ignoreEmptyData` (boolean): Whether to ignore empty data or not.
31
- - `showscale` (boolean): Whether to show the scale or not.
32
- - `showlegend` (boolean): Whether to show the legend or not.
33
-
34
-
1
+ # DotBio Component
2
+
3
+ The DotBio component is a dot plot that
4
+ displays the expression of genes in different cell types.
5
+
6
+
7
+ ## Properties
8
+
9
+ The DotBio component has the following properties:
10
+
11
+ - `type` (string): The type of the component, in this case `DotBio`.
12
+ - `id` (string): The unique identifier of the component.
13
+ - `row` (int): The row in which the component is to be displayed.
14
+ - `col` (int): The column in which the component is to be displayed.
15
+ - `rowspan` (int): The number of rows the component is to span.
16
+ - `colspan` (int): The number of columns the component is to span.
17
+ - `settings` (object): The settings of the component.
18
+ - `meta` (object): The metadata API of the component.
19
+ - `name` (string): The name of the metadata.
20
+ - `url` (string): The URL of the metadata.
21
+ - `exclude_celltype` (array): The cell types to be excluded.
22
+ - `gene` (string): The gene API.
23
+ - `genelist` (string): The genelist variable name we want to use.
24
+
25
+ ### settings Properties
26
+
27
+ The `settings` object has the following properties:
28
+
29
+ - `preset` (string): The preset of the component.
30
+ - `ignoreEmptyData` (boolean): Whether to ignore empty data or not.
31
+ - `showscale` (boolean): Whether to show the scale or not.
32
+ - `showlegend` (boolean): Whether to show the legend or not.
33
+
34
+
@@ -1,82 +1,82 @@
1
- # Echart Component
2
-
3
- The Echart component is a wrapper around the
4
- [Apache ECharts](https://echarts.apache.org/en/index.html) library. It is used
5
- to create a variety of visualizations including scatter plots, line charts, bar
6
- charts, and more.
7
-
8
- This Echart Component is same as the Rechart Component, but it is used for the
9
- page mode, which enable the user to create a page with multiple components. And
10
- it also **support the API to fetch the data**.
11
-
12
- ## Properties
13
-
14
- The Echart component has the following properties:
15
-
16
- - `type` (string): The type of the component, in this case `Echart`.
17
- - `id` (string): The unique identifier of the component.
18
- - `row` (int): The row in which the component is to be displayed.
19
- - `col` (int): The column in which the component is to be displayed.
20
- - `rowspan` (int): The number of rows the component is to span.
21
- - `colspan` (int): The number of columns the component is to span.
22
- - `config` (object): The configuration of the component.
23
- - `parser` (object): The parser of the component.
24
- - `trigger` (object): The trigger of the component.
25
-
26
- ### config Properties
27
-
28
- The `config` object has the following properties:
29
-
30
- - `width` (int): The width of the component.
31
- - `height` (int): The height of the component.
32
- - `preset` (string): The preset of the component.
33
- - `title` (string): The title of the component.
34
- - `xAxis` (string): The x-axis of the component.
35
- - `yAxis` (string): The y-axis of the component.
36
- - `legend` (string): The legend of the component.
37
- - `tooltip` (string): The tooltip of the component.
38
- - `data` (string): The data of the component.
39
-
40
- ### parser Properties
41
-
42
- The `parser` object has the following properties:
43
-
44
- - `sources` (array): The sources of the component.
45
- - `name` (string): The name of the trigger.
46
- - `url` (string): The URL of the data.
47
- - `type` (string): The type of the component.
48
- - `responseKey` (string): The response key of the component.
49
- - `trigger` (object): The trigger of the component.
50
- - `title` (boolean): set the title to the triiger value.
51
-
52
- ### Example
53
-
54
- ```json
55
- {
56
- "id": "mmtrbc_tsne",
57
- "type": "Echart",
58
- "col": 2,
59
- "rowspan": 3,
60
- "config": {
61
- "width": 600,
62
- "height": 600,
63
- "preset": "mmtrbc",
64
- "title": " "
65
- },
66
- "parser": {
67
- "sources": [{
68
- "name": "metadata",
69
- "url": "<your-backend-url>"
70
- }, {
71
- "name": "gene",
72
- "url": "<your-backend-url>",
73
- "responseKey": "gene",
74
- "trigger": {
75
- "name": "mmtrbc_gene",
76
- "title": true
77
- }
78
- }],
79
- "type": "scatter"
80
- }
81
- }
82
- ```
1
+ # Echart Component
2
+
3
+ The Echart component is a wrapper around the
4
+ [Apache ECharts](https://echarts.apache.org/en/index.html) library. It is used
5
+ to create a variety of visualizations including scatter plots, line charts, bar
6
+ charts, and more.
7
+
8
+ This Echart Component is same as the Rechart Component, but it is used for the
9
+ page mode, which enable the user to create a page with multiple components. And
10
+ it also **support the API to fetch the data**.
11
+
12
+ ## Properties
13
+
14
+ The Echart component has the following properties:
15
+
16
+ - `type` (string): The type of the component, in this case `Echart`.
17
+ - `id` (string): The unique identifier of the component.
18
+ - `row` (int): The row in which the component is to be displayed.
19
+ - `col` (int): The column in which the component is to be displayed.
20
+ - `rowspan` (int): The number of rows the component is to span.
21
+ - `colspan` (int): The number of columns the component is to span.
22
+ - `config` (object): The configuration of the component.
23
+ - `parser` (object): The parser of the component.
24
+ - `trigger` (object): The trigger of the component.
25
+
26
+ ### config Properties
27
+
28
+ The `config` object has the following properties:
29
+
30
+ - `width` (int): The width of the component.
31
+ - `height` (int): The height of the component.
32
+ - `preset` (string): The preset of the component.
33
+ - `title` (string): The title of the component.
34
+ - `xAxis` (string): The x-axis of the component.
35
+ - `yAxis` (string): The y-axis of the component.
36
+ - `legend` (string): The legend of the component.
37
+ - `tooltip` (string): The tooltip of the component.
38
+ - `data` (string): The data of the component.
39
+
40
+ ### parser Properties
41
+
42
+ The `parser` object has the following properties:
43
+
44
+ - `sources` (array): The sources of the component.
45
+ - `name` (string): The name of the trigger.
46
+ - `url` (string): The URL of the data.
47
+ - `type` (string): The type of the component.
48
+ - `responseKey` (string): The response key of the component.
49
+ - `trigger` (object): The trigger of the component.
50
+ - `title` (boolean): set the title to the triiger value.
51
+
52
+ ### Example
53
+
54
+ ```json
55
+ {
56
+ "id": "mmtrbc_tsne",
57
+ "type": "Echart",
58
+ "col": 2,
59
+ "rowspan": 3,
60
+ "config": {
61
+ "width": 600,
62
+ "height": 600,
63
+ "preset": "mmtrbc",
64
+ "title": " "
65
+ },
66
+ "parser": {
67
+ "sources": [{
68
+ "name": "metadata",
69
+ "url": "<your-backend-url>"
70
+ }, {
71
+ "name": "gene",
72
+ "url": "<your-backend-url>",
73
+ "responseKey": "gene",
74
+ "trigger": {
75
+ "name": "mmtrbc_gene",
76
+ "title": true
77
+ }
78
+ }],
79
+ "type": "scatter"
80
+ }
81
+ }
82
+ ```
@@ -1,34 +1,34 @@
1
- # HTML Component
2
-
3
- The HTML component is used to display HTML content on the page.
4
-
5
- ## Properties
6
-
7
- The HTML component has the following properties:
8
-
9
- - `type` (string): The type of the component, in this case `HTML`.
10
- - `id` (string): The unique identifier of the component.
11
- - `row` (int): The row in which the component is to be displayed.
12
- - `col` (int): The column in which the component is to be displayed.
13
- - `colspan` (int): The number of columns the component is to span.
14
- - `html` (string): The HTML content to be displayed.
15
-
16
- ## Future Work
17
-
18
- We will add the ability to fetch the HTML content from an API.
19
-
20
- - `script` (string): The script to be executed.
21
- - `style` (string): The style to be applied.
22
-
23
- ### Example
24
-
25
- ```json
26
- {
27
- "type": "HTML",
28
- "row": 1,
29
- "col": 2,
30
- "colspan": 3,
31
- "html": "<img style='width: 100%' src='./mainpage.png' alt='Abstract'>"
32
- }
33
- ```
34
-
1
+ # HTML Component
2
+
3
+ The HTML component is used to display HTML content on the page.
4
+
5
+ ## Properties
6
+
7
+ The HTML component has the following properties:
8
+
9
+ - `type` (string): The type of the component, in this case `HTML`.
10
+ - `id` (string): The unique identifier of the component.
11
+ - `row` (int): The row in which the component is to be displayed.
12
+ - `col` (int): The column in which the component is to be displayed.
13
+ - `colspan` (int): The number of columns the component is to span.
14
+ - `html` (string): The HTML content to be displayed.
15
+
16
+ ## Future Work
17
+
18
+ We will add the ability to fetch the HTML content from an API.
19
+
20
+ - `script` (string): The script to be executed.
21
+ - `style` (string): The style to be applied.
22
+
23
+ ### Example
24
+
25
+ ```json
26
+ {
27
+ "type": "HTML",
28
+ "row": 1,
29
+ "col": 2,
30
+ "colspan": 3,
31
+ "html": "<img style='width: 100%' src='./mainpage.png' alt='Abstract'>"
32
+ }
33
+ ```
34
+